.elementor-1319 .elementor-element.elementor-element-1c4dbb9{--display:flex;--min-height:688px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-1319 .elementor-element.elementor-element-1c4dbb9:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-1c4dbb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quynhthuongbeautyspa.vn/wp-content/uploads/2025/12/df4f5b116fa41b20ca138b77519ca2e709355e7c-scaled.jpg");background-position:center center;background-size:contain;}.elementor-1319 .elementor-element.elementor-element-1c4dbb9::before, .elementor-1319 .elementor-element.elementor-element-1c4dbb9 > .elementor-background-video-container::before, .elementor-1319 .elementor-element.elementor-element-1c4dbb9 > .e-con-inner > .elementor-background-video-container::before, .elementor-1319 .elementor-element.elementor-element-1c4dbb9 > .elementor-background-slideshow::before, .elementor-1319 .elementor-element.elementor-element-1c4dbb9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1319 .elementor-element.elementor-element-1c4dbb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1319 .elementor-element.elementor-element-6a5451f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-6a5451f.e-con{--align-self:center;}.elementor-1319 .elementor-element.elementor-element-356105c{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-1319 .elementor-element.elementor-element-128289a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-128289a.e-con{--align-self:flex-end;}.elementor-1319 .elementor-element.elementor-element-4f7a5d5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1319 .elementor-element.elementor-element-02ab757 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#71717B;}.elementor-1319 .elementor-element.elementor-element-40c84ed{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-82d3ba7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;color:#752A15;}.elementor-1319 .elementor-element.elementor-element-c155310{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-c155310.e-con{--align-self:flex-end;}.elementor-1319 .elementor-element.elementor-element-cd7b82e .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:48px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#752A15;}.elementor-1319 .elementor-element.elementor-element-8710c50{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-8710c50.e-con{--align-self:flex-end;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1319 .elementor-element.elementor-element-9692a84{font-family:"Be Vietnam Pro", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-1319 .elementor-element.elementor-element-dbaba85{--display:flex;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1319 .elementor-element.elementor-element-01ea6b7{text-align:start;}.elementor-1319 .elementor-element.elementor-element-01ea6b7 img{max-width:100%;height:574px;border-radius:20px 20px 0px 0px;}.elementor-1319 .elementor-element.elementor-element-97ab1c1{--display:flex;--min-height:722px;}.elementor-1319 .elementor-element.elementor-element-97ab1c1:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-97ab1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quynhthuongbeautyspa.vn/wp-content/uploads/2026/03/bac-si-dang-viet-hung-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1319 .elementor-element.elementor-element-7831096{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1319 .elementor-element.elementor-element-7831096:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-7831096 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-1319 .elementor-element.elementor-element-0e94301{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-5298e1c{--spacer-size:0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#2D3BD5;}.elementor-1319 .elementor-element.elementor-element-9335939{--spacer-size:0px;}.elementor-1319 .elementor-element.elementor-element-96e14ea{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-8ffa573{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1319 .elementor-element.elementor-element-8867565 .elementor-button{background-color:#FFFFFF;font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;font-weight:600;fill:#752A15;color:#752A15;box-shadow:0px 0px 10px 2px rgba(185.3, 185.3, 185.3, 0.5);border-radius:360px 360px 360px 360px;padding:10px 24px 10px 24px;}.elementor-1319 .elementor-element.elementor-element-8867565{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1319 .elementor-element.elementor-element-79ebfaf{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1319 .elementor-element.elementor-element-79ebfaf .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:48px;font-weight:700;text-transform:capitalize;letter-spacing:-1px;color:#752A15;}.elementor-1319 .elementor-element.elementor-element-2c0145b{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1319 .elementor-element.elementor-element-2c0145b .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:48px;font-weight:700;text-transform:capitalize;letter-spacing:-1px;color:#752A15;}.elementor-1319 .elementor-element.elementor-element-389abad{--display:flex;--min-height:557px;--justify-content:flex-end;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-389abad:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-389abad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quynhthuongbeautyspa.vn/wp-content/uploads/2025/12/d49a3c7e9a688c268d003199459aa1c8c267a123-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-1319 .elementor-element.elementor-element-3a4f545{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:-220px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-dd57f3b{--display:flex;--min-height:80px;--z-index:10;}.elementor-1319 .elementor-element.elementor-element-dd57f3b:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-dd57f3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://quynhthuongbeautyspa.vn/wp-content/uploads/2025/12/Container.png");background-repeat:no-repeat;}.elementor-1319 .elementor-element.elementor-element-64db463{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-67fd175{--display:flex;--border-radius:32px 32px 32px 32px;box-shadow:0px 6px 10px -5px rgba(110, 110, 110, 0.5);--padding-top:28px;--padding-bottom:28px;--padding-left:25px;--padding-right:24px;}.elementor-1319 .elementor-element.elementor-element-67fd175:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-67fd175 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1319 .elementor-element.elementor-element-0ae5b41.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1319 .elementor-element.elementor-element-0ae5b41.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1319 .elementor-element.elementor-element-0ae5b41.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1319 .elementor-element.elementor-element-0ae5b41 .elementor-image-box-title{margin-bottom:0px;font-family:"Be Vietnam Pro", Sans-serif;font-size:36px;font-weight:700;color:#752A15;}.elementor-1319 .elementor-element.elementor-element-0ae5b41 .elementor-image-box-wrapper .elementor-image-box-img{width:120px;}.elementor-1319 .elementor-element.elementor-element-0ae5b41 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1319 .elementor-element.elementor-element-0ae5b41:has(:hover) .elementor-image-box-title,
					 .elementor-1319 .elementor-element.elementor-element-0ae5b41:has(:focus) .elementor-image-box-title{color:#2D3BD5;}.elementor-1319 .elementor-element.elementor-element-0ae5b41 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:#18181B;}.elementor-1319 .elementor-element.elementor-element-cf3b314{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#27272A;}.elementor-1319 .elementor-element.elementor-element-4450a30{--display:flex;--border-radius:32px 32px 32px 32px;box-shadow:0px 6px 10px -5px rgba(109.93336791992186, 109.93336791992186, 109.93336791992186, 0.5);--margin-top:-50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:28px;--padding-bottom:28px;--padding-left:25px;--padding-right:24px;}.elementor-1319 .elementor-element.elementor-element-4450a30:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-4450a30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1319 .elementor-element.elementor-element-3cc15b6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1319 .elementor-element.elementor-element-3cc15b6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1319 .elementor-element.elementor-element-3cc15b6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1319 .elementor-element.elementor-element-3cc15b6 .elementor-image-box-title{margin-bottom:0px;font-family:"Be Vietnam Pro", Sans-serif;font-size:36px;font-weight:700;color:#752A15;}.elementor-1319 .elementor-element.elementor-element-3cc15b6 .elementor-image-box-wrapper .elementor-image-box-img{width:120px;}.elementor-1319 .elementor-element.elementor-element-3cc15b6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1319 .elementor-element.elementor-element-3cc15b6:has(:hover) .elementor-image-box-title,
					 .elementor-1319 .elementor-element.elementor-element-3cc15b6:has(:focus) .elementor-image-box-title{color:#2D3BD5;}.elementor-1319 .elementor-element.elementor-element-3cc15b6 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:#18181B;}.elementor-1319 .elementor-element.elementor-element-aa9b2da{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#27272A;}.elementor-1319 .elementor-element.elementor-element-b4c44e4{--display:flex;--border-radius:32px 32px 32px 32px;box-shadow:0px 6px 10px -5px rgba(109.93336791992186, 109.93336791992186, 109.93336791992186, 0.5);--padding-top:28px;--padding-bottom:28px;--padding-left:25px;--padding-right:24px;}.elementor-1319 .elementor-element.elementor-element-b4c44e4:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-b4c44e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1319 .elementor-element.elementor-element-fd3447c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1319 .elementor-element.elementor-element-fd3447c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1319 .elementor-element.elementor-element-fd3447c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1319 .elementor-element.elementor-element-fd3447c .elementor-image-box-title{margin-bottom:0px;font-family:"Be Vietnam Pro", Sans-serif;font-size:36px;font-weight:700;color:#752A15;}.elementor-1319 .elementor-element.elementor-element-fd3447c .elementor-image-box-wrapper .elementor-image-box-img{width:120px;}.elementor-1319 .elementor-element.elementor-element-fd3447c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1319 .elementor-element.elementor-element-fd3447c:has(:hover) .elementor-image-box-title,
					 .elementor-1319 .elementor-element.elementor-element-fd3447c:has(:focus) .elementor-image-box-title{color:#2D3BD5;}.elementor-1319 .elementor-element.elementor-element-fd3447c .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:#18181B;}.elementor-1319 .elementor-element.elementor-element-57bbac3{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#27272A;}.elementor-1319 .elementor-element.elementor-element-332ad58{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1319 .elementor-element.elementor-element-332ad58:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-332ad58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #DEEBFF 100%);}.elementor-1319 .elementor-element.elementor-element-332ad58.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1319 .elementor-element.elementor-element-9d087d5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-150px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-c947f39{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-49c35ab{--spacer-size:50px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#2D3BD5;}.elementor-1319 .elementor-element.elementor-element-a1f334e{--spacer-size:50px;}.elementor-1319 .elementor-element.elementor-element-494367e .elementor-button{background-color:#FFFFFF;font-family:"Be Vietnam Pro", Sans-serif;font-size:18px;font-weight:600;fill:#752A15;color:#752A15;box-shadow:0px 0px 10px -5px rgba(0,0,0,0.5);border-radius:360px 360px 360px 360px;padding:10px 24px 10px 24px;}.elementor-1319 .elementor-element.elementor-element-cf7318e{text-align:center;}.elementor-1319 .elementor-element.elementor-element-cf7318e .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:36px;font-weight:700;text-transform:capitalize;letter-spacing:-1px;color:#752A15;}.elementor-1319 .elementor-element.elementor-element-ab7ad4f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-a378d38{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-ad85d8a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-951858c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-30000a9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-056f08e img{width:306px;max-width:306px;height:306px;}.elementor-1319 .elementor-element.elementor-element-5c6faae{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-8143dc4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-3c1f91c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-07a7987 img{width:306px;max-width:306px;height:306px;}.elementor-1319 .elementor-element.elementor-element-527e690{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-da64971{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-b88cf0e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-49d976c img{width:306px;max-width:306px;height:306px;}.elementor-1319 .elementor-element.elementor-element-f6d4933{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-c05fda0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-482d610{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-f0877d1 img{width:306px;max-width:306px;height:306px;}.elementor-1319 .elementor-element.elementor-element-7bf9929{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-7a4ece3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-115e103{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-7b75b4b img{width:306px;max-width:306px;height:306px;}.elementor-1319 .elementor-element.elementor-element-37f0247{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-21px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-21px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:#2D3BD5;--e-n-carousel-arrow-hover-color:#FFFFFF;--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-dots-normal-color:#752A15;--e-n-carousel-dots-hover-color:#752A15;--e-n-carousel-swiper-pagination-spacing:32px;}.elementor-1319 .elementor-element.elementor-element-37f0247 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFF;border-style:none;border-radius:360px 360px 360px 360px;padding:8px 8px 8px 8px;}.elementor-1319 .elementor-element.elementor-element-37f0247 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:#2D3BD5;}.elementor-1319 .elementor-element.elementor-element-37f0247 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:8px;--swiper-pagination-bullet-vertical-gap:8px;}.elementor-1319 .elementor-element.elementor-element-f98267a{--display:flex;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-5a8ac3b > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1319 .elementor-element.elementor-element-1c4dbb9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-6a5451f{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1319 .elementor-element.elementor-element-01ea6b7 img{border-radius:0px 0px 0px 0px;}.elementor-1319 .elementor-element.elementor-element-97ab1c1{--min-height:300px;}.elementor-1319 .elementor-element.elementor-element-0e94301{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-64db463{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-4450a30{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-c947f39{--grid-auto-flow:row;}.elementor-1319 .elementor-element.elementor-element-37f0247{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1319 .elementor-element.elementor-element-1c4dbb9{--min-height:200px;--justify-content:flex-end;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1319 .elementor-element.elementor-element-6a5451f{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-1319 .elementor-element.elementor-element-128289a{--width:300px;}.elementor-1319 .elementor-element.elementor-element-cd7b82e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-1319 .elementor-element.elementor-element-cd7b82e .elementor-heading-title{font-size:35px;}.elementor-1319 .elementor-element.elementor-element-01ea6b7 img{width:100%;height:100%;border-radius:16px 16px 0px 0px;}.elementor-1319 .elementor-element.elementor-element-97ab1c1{--width:100%;--min-height:200px;}.elementor-1319 .elementor-element.elementor-element-97ab1c1:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-97ab1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}.elementor-1319 .elementor-element.elementor-element-0e94301{--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-79ebfaf .elementor-heading-title{font-size:26px;}.elementor-1319 .elementor-element.elementor-element-2c0145b .elementor-heading-title{font-size:26px;}.elementor-1319 .elementor-element.elementor-element-389abad{--min-height:520px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-210px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-3a4f545{--margin-top:0px;--margin-bottom:100px;--margin-left:-0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-3a4f545.e-con{--align-self:center;}.elementor-1319 .elementor-element.elementor-element-dd57f3b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1319 .elementor-element.elementor-element-dd57f3b.e-con{--align-self:center;}.elementor-1319 .elementor-element.elementor-element-64db463{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-67fd175{--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-0ae5b41 .elementor-image-box-img{margin-bottom:15px;}.elementor-1319 .elementor-element.elementor-element-3cc15b6 .elementor-image-box-img{margin-bottom:15px;}.elementor-1319 .elementor-element.elementor-element-fd3447c .elementor-image-box-img{margin-bottom:15px;}.elementor-1319 .elementor-element.elementor-element-9d087d5{--margin-top:-20px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-c947f39{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1319 .elementor-element.elementor-element-cf7318e .elementor-heading-title{font-size:22px;}.elementor-1319 .elementor-element.elementor-element-ab7ad4f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-a378d38{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1319 .elementor-element.elementor-element-37f0247{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-1319 .elementor-element.elementor-element-4f7a5d5{--width:72px;}.elementor-1319 .elementor-element.elementor-element-40c84ed{--width:160px;}.elementor-1319 .elementor-element.elementor-element-0e94301{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-96e14ea{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-8ffa573{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-389abad{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-dd57f3b{--width:300px;}.elementor-1319 .elementor-element.elementor-element-64db463{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-332ad58{--width:100%;}.elementor-1319 .elementor-element.elementor-element-9d087d5{--width:100%;}.elementor-1319 .elementor-element.elementor-element-c947f39{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-ab7ad4f{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-a378d38{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-ad85d8a{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-5c6faae{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-527e690{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-f6d4933{--width:1296px;}.elementor-1319 .elementor-element.elementor-element-7bf9929{--width:1296px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1319 .elementor-element.elementor-element-96e14ea{--width:100%;}.elementor-1319 .elementor-element.elementor-element-64db463{--width:100%;}.elementor-1319 .elementor-element.elementor-element-a378d38{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-056f08e *//* widget gốc */
.doctor-hover {
    position: relative;
    overflow: hidden;
}

/* lớp phủ xám */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* hover hiện nền */
.doctor-hover:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover:hover .doctor-text {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}
/* căn trái toàn bộ chữ */
.doctor-text {
    text-align: left;
}

/* Bác sĩ */
.doctor-role {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* widget ảnh gốc */
.elementor-widget-image img {
    border-radius: 24px;
}

/* wrapper hover */
.doctor-hover {
    border-radius: 24px;
    overflow: hidden;
}


.doctor-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.doctor-btn {
    pointer-events: auto;
}

.elementor-widget-image a {
    display: flex;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-07a7987 *//* widget gốc */
.doctor-hover1 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}

/* hover hiện nền */
.doctor-hover1:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text1 {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover1:hover .doctor-text1 {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}
/* căn trái toàn bộ chữ */
.doctor-text1 {
    text-align: left;
}

/* Bác sĩ */
.doctor-role1 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc1 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta1 {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon1 {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow1 {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* wrapper hover */
.doctor-hover1 {
    border-radius: 24px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49d976c *//* widget gốc */
.doctor-hover2 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover2::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: 24px;
}

/* hover hiện nền */
.doctor-hover2:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text2 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;

    pointer-events: none;
    text-align: left;
}

/* hover thì chữ chạy lên */
.doctor-hover2:hover .doctor-text2 {
    opacity: 1;
    transform: translateY(0);
}

/* ===== TYPOGRAPHY ===== */

/* Bác sĩ */
.doctor-role2 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc2 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* ===== CTA BUTTON ===== */

.doctor-btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    margin-top: 20px;

    border-radius: 9999px;
    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
}

/* text */
.doctor-btn-text2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon2 {
    width: 20px;
    height: 20px;

    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
}

/* arrow */
.doctor-btn-arrow2 {
    width: 6px;
    height: 6px;

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0877d1 *//* widget gốc */
.doctor-hover3 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* overlay */
.doctor-hover3::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1;
    border-radius: 24px;
}

.doctor-hover3:hover::after {
    opacity: 1;
}

/* text */
.doctor-text3 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all .35s ease;
    pointer-events: none;
    text-align: left;
}

.doctor-hover3:hover .doctor-text3 {
    opacity: 1;
    transform: translateY(0);
}

/* typography */
.doctor-role3 {
    color: #27272A;
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

.doctor-name3 {
    color: #2D3BD5;
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    margin: 4px 0 12px;
}

.doctor-desc3 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc3 div {
    color: #27272A;
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-btn3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 8px 12px 8px 16px;
    border-radius: 9999px;
    outline: 1px solid #DEEBFF;
    outline-offset: -1px;
}

.doctor-btn-text3 {
    color: #2D3BD5;
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
}

.doctor-btn-icon3 {
    width: 20px;
    height: 20px;
    background: #2D3BD5;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doctor-btn-arrow3 {
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b75b4b */.doctor-hover4 { position: relative; overflow: hidden; border-radius: 24px; }

.doctor-hover4::after {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.7);
    backdrop-filter:blur(8px);
    opacity:0;
    transition:.3s;
    z-index:1;
    border-radius:24px;
}

.doctor-hover4:hover::after { opacity:1; }

.doctor-text4 {
    position:absolute;
    top:10px; left:20px; right:20px;
    z-index:2;
    opacity:0;
    transform:translateY(30px);
    transition:.35s;
    text-align:left;
    pointer-events:none;
}

.doctor-hover4:hover .doctor-text4 {
    opacity:1;
    transform:translateY(0);
}

.doctor-role4 { color:#27272A; font:600 16px/24px Inter,sans-serif; }
.doctor-name4 { color:#2D3BD5; font:700 24px/32px "Be Vietnam Pro"; margin:4px 0 12px; }

.doctor-desc4 { display:flex; flex-direction:column; gap:8px; }
.doctor-desc4 div { color:#27272A; font:600 14px/22px Inter; }

.doctor-btn4 {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    padding:8px 12px 8px 16px;
    border-radius:9999px;
    outline:1px solid #DEEBFF;
}

.doctor-btn-text4 { color:#2D3BD5; font:600 15px/24px Inter; }

.doctor-btn-icon4 {
    width:20px; height:20px;
    background:#2D3BD5;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.doctor-btn-arrow4 {
    width:6px; height:6px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform:rotate(45deg);
    margin-left:-2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-056f08e *//* widget gốc */
.doctor-hover {
    position: relative;
    overflow: hidden;
}

/* lớp phủ xám */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* hover hiện nền */
.doctor-hover:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover:hover .doctor-text {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}
/* căn trái toàn bộ chữ */
.doctor-text {
    text-align: left;
}

/* Bác sĩ */
.doctor-role {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* widget ảnh gốc */
.elementor-widget-image img {
    border-radius: 24px;
}

/* wrapper hover */
.doctor-hover {
    border-radius: 24px;
    overflow: hidden;
}


.doctor-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.doctor-btn {
    pointer-events: auto;
}

.elementor-widget-image a {
    display: flex;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-07a7987 *//* widget gốc */
.doctor-hover1 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}

/* hover hiện nền */
.doctor-hover1:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text1 {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover1:hover .doctor-text1 {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}
/* căn trái toàn bộ chữ */
.doctor-text1 {
    text-align: left;
}

/* Bác sĩ */
.doctor-role1 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc1 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta1 {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon1 {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow1 {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* wrapper hover */
.doctor-hover1 {
    border-radius: 24px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49d976c *//* widget gốc */
.doctor-hover2 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover2::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: 24px;
}

/* hover hiện nền */
.doctor-hover2:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text2 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;

    pointer-events: none;
    text-align: left;
}

/* hover thì chữ chạy lên */
.doctor-hover2:hover .doctor-text2 {
    opacity: 1;
    transform: translateY(0);
}

/* ===== TYPOGRAPHY ===== */

/* Bác sĩ */
.doctor-role2 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc2 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* ===== CTA BUTTON ===== */

.doctor-btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    margin-top: 20px;

    border-radius: 9999px;
    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
}

/* text */
.doctor-btn-text2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon2 {
    width: 20px;
    height: 20px;

    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
}

/* arrow */
.doctor-btn-arrow2 {
    width: 6px;
    height: 6px;

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0877d1 *//* widget gốc */
.doctor-hover3 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* overlay */
.doctor-hover3::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1;
    border-radius: 24px;
}

.doctor-hover3:hover::after {
    opacity: 1;
}

/* text */
.doctor-text3 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all .35s ease;
    pointer-events: none;
    text-align: left;
}

.doctor-hover3:hover .doctor-text3 {
    opacity: 1;
    transform: translateY(0);
}

/* typography */
.doctor-role3 {
    color: #27272A;
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

.doctor-name3 {
    color: #2D3BD5;
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    margin: 4px 0 12px;
}

.doctor-desc3 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc3 div {
    color: #27272A;
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-btn3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 8px 12px 8px 16px;
    border-radius: 9999px;
    outline: 1px solid #DEEBFF;
    outline-offset: -1px;
}

.doctor-btn-text3 {
    color: #2D3BD5;
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
}

.doctor-btn-icon3 {
    width: 20px;
    height: 20px;
    background: #2D3BD5;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doctor-btn-arrow3 {
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b75b4b */.doctor-hover4 { position: relative; overflow: hidden; border-radius: 24px; }

.doctor-hover4::after {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.7);
    backdrop-filter:blur(8px);
    opacity:0;
    transition:.3s;
    z-index:1;
    border-radius:24px;
}

.doctor-hover4:hover::after { opacity:1; }

.doctor-text4 {
    position:absolute;
    top:10px; left:20px; right:20px;
    z-index:2;
    opacity:0;
    transform:translateY(30px);
    transition:.35s;
    text-align:left;
    pointer-events:none;
}

.doctor-hover4:hover .doctor-text4 {
    opacity:1;
    transform:translateY(0);
}

.doctor-role4 { color:#27272A; font:600 16px/24px Inter,sans-serif; }
.doctor-name4 { color:#2D3BD5; font:700 24px/32px "Be Vietnam Pro"; margin:4px 0 12px; }

.doctor-desc4 { display:flex; flex-direction:column; gap:8px; }
.doctor-desc4 div { color:#27272A; font:600 14px/22px Inter; }

.doctor-btn4 {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    padding:8px 12px 8px 16px;
    border-radius:9999px;
    outline:1px solid #DEEBFF;
}

.doctor-btn-text4 { color:#2D3BD5; font:600 15px/24px Inter; }

.doctor-btn-icon4 {
    width:20px; height:20px;
    background:#2D3BD5;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.doctor-btn-arrow4 {
    width:6px; height:6px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform:rotate(45deg);
    margin-left:-2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-056f08e *//* widget gốc */
.doctor-hover {
    position: relative;
    overflow: hidden;
}

/* lớp phủ xám */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* hover hiện nền */
.doctor-hover:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover:hover .doctor-text {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}
/* căn trái toàn bộ chữ */
.doctor-text {
    text-align: left;
}

/* Bác sĩ */
.doctor-role {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* widget ảnh gốc */
.elementor-widget-image img {
    border-radius: 24px;
}

/* wrapper hover */
.doctor-hover {
    border-radius: 24px;
    overflow: hidden;
}


.doctor-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.doctor-btn {
    pointer-events: auto;
}

.elementor-widget-image a {
    display: flex;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-07a7987 *//* widget gốc */
.doctor-hover1 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}

/* hover hiện nền */
.doctor-hover1:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text1 {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover1:hover .doctor-text1 {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}
/* căn trái toàn bộ chữ */
.doctor-text1 {
    text-align: left;
}

/* Bác sĩ */
.doctor-role1 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc1 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta1 {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon1 {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow1 {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* wrapper hover */
.doctor-hover1 {
    border-radius: 24px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49d976c *//* widget gốc */
.doctor-hover2 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover2::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: 24px;
}

/* hover hiện nền */
.doctor-hover2:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text2 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;

    pointer-events: none;
    text-align: left;
}

/* hover thì chữ chạy lên */
.doctor-hover2:hover .doctor-text2 {
    opacity: 1;
    transform: translateY(0);
}

/* ===== TYPOGRAPHY ===== */

/* Bác sĩ */
.doctor-role2 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc2 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* ===== CTA BUTTON ===== */

.doctor-btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    margin-top: 20px;

    border-radius: 9999px;
    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
}

/* text */
.doctor-btn-text2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon2 {
    width: 20px;
    height: 20px;

    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
}

/* arrow */
.doctor-btn-arrow2 {
    width: 6px;
    height: 6px;

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0877d1 *//* widget gốc */
.doctor-hover3 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* overlay */
.doctor-hover3::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1;
    border-radius: 24px;
}

.doctor-hover3:hover::after {
    opacity: 1;
}

/* text */
.doctor-text3 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all .35s ease;
    pointer-events: none;
    text-align: left;
}

.doctor-hover3:hover .doctor-text3 {
    opacity: 1;
    transform: translateY(0);
}

/* typography */
.doctor-role3 {
    color: #27272A;
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

.doctor-name3 {
    color: #2D3BD5;
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    margin: 4px 0 12px;
}

.doctor-desc3 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc3 div {
    color: #27272A;
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-btn3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 8px 12px 8px 16px;
    border-radius: 9999px;
    outline: 1px solid #DEEBFF;
    outline-offset: -1px;
}

.doctor-btn-text3 {
    color: #2D3BD5;
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
}

.doctor-btn-icon3 {
    width: 20px;
    height: 20px;
    background: #2D3BD5;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doctor-btn-arrow3 {
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b75b4b */.doctor-hover4 { position: relative; overflow: hidden; border-radius: 24px; }

.doctor-hover4::after {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.7);
    backdrop-filter:blur(8px);
    opacity:0;
    transition:.3s;
    z-index:1;
    border-radius:24px;
}

.doctor-hover4:hover::after { opacity:1; }

.doctor-text4 {
    position:absolute;
    top:10px; left:20px; right:20px;
    z-index:2;
    opacity:0;
    transform:translateY(30px);
    transition:.35s;
    text-align:left;
    pointer-events:none;
}

.doctor-hover4:hover .doctor-text4 {
    opacity:1;
    transform:translateY(0);
}

.doctor-role4 { color:#27272A; font:600 16px/24px Inter,sans-serif; }
.doctor-name4 { color:#2D3BD5; font:700 24px/32px "Be Vietnam Pro"; margin:4px 0 12px; }

.doctor-desc4 { display:flex; flex-direction:column; gap:8px; }
.doctor-desc4 div { color:#27272A; font:600 14px/22px Inter; }

.doctor-btn4 {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    padding:8px 12px 8px 16px;
    border-radius:9999px;
    outline:1px solid #DEEBFF;
}

.doctor-btn-text4 { color:#2D3BD5; font:600 15px/24px Inter; }

.doctor-btn-icon4 {
    width:20px; height:20px;
    background:#2D3BD5;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.doctor-btn-arrow4 {
    width:6px; height:6px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform:rotate(45deg);
    margin-left:-2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-056f08e *//* widget gốc */
.doctor-hover {
    position: relative;
    overflow: hidden;
}

/* lớp phủ xám */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* hover hiện nền */
.doctor-hover:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover:hover .doctor-text {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}
/* căn trái toàn bộ chữ */
.doctor-text {
    text-align: left;
}

/* Bác sĩ */
.doctor-role {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* widget ảnh gốc */
.elementor-widget-image img {
    border-radius: 24px;
}

/* wrapper hover */
.doctor-hover {
    border-radius: 24px;
    overflow: hidden;
}


.doctor-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.doctor-btn {
    pointer-events: auto;
}

.elementor-widget-image a {
    display: flex;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-07a7987 *//* widget gốc */
.doctor-hover1 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}

/* hover hiện nền */
.doctor-hover1:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text1 {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover1:hover .doctor-text1 {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}
/* căn trái toàn bộ chữ */
.doctor-text1 {
    text-align: left;
}

/* Bác sĩ */
.doctor-role1 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc1 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta1 {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon1 {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow1 {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* wrapper hover */
.doctor-hover1 {
    border-radius: 24px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49d976c *//* widget gốc */
.doctor-hover2 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover2::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: 24px;
}

/* hover hiện nền */
.doctor-hover2:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text2 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;

    pointer-events: none;
    text-align: left;
}

/* hover thì chữ chạy lên */
.doctor-hover2:hover .doctor-text2 {
    opacity: 1;
    transform: translateY(0);
}

/* ===== TYPOGRAPHY ===== */

/* Bác sĩ */
.doctor-role2 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc2 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* ===== CTA BUTTON ===== */

.doctor-btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    margin-top: 20px;

    border-radius: 9999px;
    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
}

/* text */
.doctor-btn-text2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon2 {
    width: 20px;
    height: 20px;

    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
}

/* arrow */
.doctor-btn-arrow2 {
    width: 6px;
    height: 6px;

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0877d1 *//* widget gốc */
.doctor-hover3 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* overlay */
.doctor-hover3::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1;
    border-radius: 24px;
}

.doctor-hover3:hover::after {
    opacity: 1;
}

/* text */
.doctor-text3 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all .35s ease;
    pointer-events: none;
    text-align: left;
}

.doctor-hover3:hover .doctor-text3 {
    opacity: 1;
    transform: translateY(0);
}

/* typography */
.doctor-role3 {
    color: #27272A;
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

.doctor-name3 {
    color: #2D3BD5;
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    margin: 4px 0 12px;
}

.doctor-desc3 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc3 div {
    color: #27272A;
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-btn3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 8px 12px 8px 16px;
    border-radius: 9999px;
    outline: 1px solid #DEEBFF;
    outline-offset: -1px;
}

.doctor-btn-text3 {
    color: #2D3BD5;
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
}

.doctor-btn-icon3 {
    width: 20px;
    height: 20px;
    background: #2D3BD5;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doctor-btn-arrow3 {
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b75b4b */.doctor-hover4 { position: relative; overflow: hidden; border-radius: 24px; }

.doctor-hover4::after {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.7);
    backdrop-filter:blur(8px);
    opacity:0;
    transition:.3s;
    z-index:1;
    border-radius:24px;
}

.doctor-hover4:hover::after { opacity:1; }

.doctor-text4 {
    position:absolute;
    top:10px; left:20px; right:20px;
    z-index:2;
    opacity:0;
    transform:translateY(30px);
    transition:.35s;
    text-align:left;
    pointer-events:none;
}

.doctor-hover4:hover .doctor-text4 {
    opacity:1;
    transform:translateY(0);
}

.doctor-role4 { color:#27272A; font:600 16px/24px Inter,sans-serif; }
.doctor-name4 { color:#2D3BD5; font:700 24px/32px "Be Vietnam Pro"; margin:4px 0 12px; }

.doctor-desc4 { display:flex; flex-direction:column; gap:8px; }
.doctor-desc4 div { color:#27272A; font:600 14px/22px Inter; }

.doctor-btn4 {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    padding:8px 12px 8px 16px;
    border-radius:9999px;
    outline:1px solid #DEEBFF;
}

.doctor-btn-text4 { color:#2D3BD5; font:600 15px/24px Inter; }

.doctor-btn-icon4 {
    width:20px; height:20px;
    background:#2D3BD5;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.doctor-btn-arrow4 {
    width:6px; height:6px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform:rotate(45deg);
    margin-left:-2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-056f08e *//* widget gốc */
.doctor-hover {
    position: relative;
    overflow: hidden;
}

/* lớp phủ xám */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* hover hiện nền */
.doctor-hover:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover:hover .doctor-text {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}
/* căn trái toàn bộ chữ */
.doctor-text {
    text-align: left;
}

/* Bác sĩ */
.doctor-role {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* widget ảnh gốc */
.elementor-widget-image img {
    border-radius: 24px;
}

/* wrapper hover */
.doctor-hover {
    border-radius: 24px;
    overflow: hidden;
}


.doctor-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.doctor-btn {
    pointer-events: auto;
}

.elementor-widget-image a {
    display: flex;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-07a7987 *//* widget gốc */
.doctor-hover1 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}

/* hover hiện nền */
.doctor-hover1:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text1 {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover1:hover .doctor-text1 {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}
/* căn trái toàn bộ chữ */
.doctor-text1 {
    text-align: left;
}

/* Bác sĩ */
.doctor-role1 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc1 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta1 {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon1 {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow1 {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* wrapper hover */
.doctor-hover1 {
    border-radius: 24px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49d976c *//* widget gốc */
.doctor-hover2 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover2::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: 24px;
}

/* hover hiện nền */
.doctor-hover2:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text2 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;

    pointer-events: none;
    text-align: left;
}

/* hover thì chữ chạy lên */
.doctor-hover2:hover .doctor-text2 {
    opacity: 1;
    transform: translateY(0);
}

/* ===== TYPOGRAPHY ===== */

/* Bác sĩ */
.doctor-role2 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc2 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* ===== CTA BUTTON ===== */

.doctor-btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    margin-top: 20px;

    border-radius: 9999px;
    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
}

/* text */
.doctor-btn-text2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon2 {
    width: 20px;
    height: 20px;

    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
}

/* arrow */
.doctor-btn-arrow2 {
    width: 6px;
    height: 6px;

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0877d1 *//* widget gốc */
.doctor-hover3 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* overlay */
.doctor-hover3::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1;
    border-radius: 24px;
}

.doctor-hover3:hover::after {
    opacity: 1;
}

/* text */
.doctor-text3 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all .35s ease;
    pointer-events: none;
    text-align: left;
}

.doctor-hover3:hover .doctor-text3 {
    opacity: 1;
    transform: translateY(0);
}

/* typography */
.doctor-role3 {
    color: #27272A;
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

.doctor-name3 {
    color: #2D3BD5;
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    margin: 4px 0 12px;
}

.doctor-desc3 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc3 div {
    color: #27272A;
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-btn3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 8px 12px 8px 16px;
    border-radius: 9999px;
    outline: 1px solid #DEEBFF;
    outline-offset: -1px;
}

.doctor-btn-text3 {
    color: #2D3BD5;
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
}

.doctor-btn-icon3 {
    width: 20px;
    height: 20px;
    background: #2D3BD5;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doctor-btn-arrow3 {
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b75b4b */.doctor-hover4 { position: relative; overflow: hidden; border-radius: 24px; }

.doctor-hover4::after {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.7);
    backdrop-filter:blur(8px);
    opacity:0;
    transition:.3s;
    z-index:1;
    border-radius:24px;
}

.doctor-hover4:hover::after { opacity:1; }

.doctor-text4 {
    position:absolute;
    top:10px; left:20px; right:20px;
    z-index:2;
    opacity:0;
    transform:translateY(30px);
    transition:.35s;
    text-align:left;
    pointer-events:none;
}

.doctor-hover4:hover .doctor-text4 {
    opacity:1;
    transform:translateY(0);
}

.doctor-role4 { color:#27272A; font:600 16px/24px Inter,sans-serif; }
.doctor-name4 { color:#2D3BD5; font:700 24px/32px "Be Vietnam Pro"; margin:4px 0 12px; }

.doctor-desc4 { display:flex; flex-direction:column; gap:8px; }
.doctor-desc4 div { color:#27272A; font:600 14px/22px Inter; }

.doctor-btn4 {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    padding:8px 12px 8px 16px;
    border-radius:9999px;
    outline:1px solid #DEEBFF;
}

.doctor-btn-text4 { color:#2D3BD5; font:600 15px/24px Inter; }

.doctor-btn-icon4 {
    width:20px; height:20px;
    background:#2D3BD5;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.doctor-btn-arrow4 {
    width:6px; height:6px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform:rotate(45deg);
    margin-left:-2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-056f08e *//* widget gốc */
.doctor-hover {
    position: relative;
    overflow: hidden;
}

/* lớp phủ xám */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* hover hiện nền */
.doctor-hover:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover:hover .doctor-text {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}
/* căn trái toàn bộ chữ */
.doctor-text {
    text-align: left;
}

/* Bác sĩ */
.doctor-role {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* widget ảnh gốc */
.elementor-widget-image img {
    border-radius: 24px;
}

/* wrapper hover */
.doctor-hover {
    border-radius: 24px;
    overflow: hidden;
}


.doctor-btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.doctor-btn {
    pointer-events: auto;
}

.elementor-widget-image a {
    display: flex;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-07a7987 *//* widget gốc */
.doctor-hover1 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
 
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}

/* hover hiện nền */
.doctor-hover1:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text1 {
    position: absolute;
    left: 20px;
    right: 20px;
    top:10px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;
    pointer-events: none;
}

/* hover thì chữ chạy lên */
.doctor-hover1:hover .doctor-text1 {
    opacity: 1;
    transform: translateY(0);
}
/* lớp phủ nền giống figma */
.doctor-hover1::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    
}
/* căn trái toàn bộ chữ */
.doctor-text1 {
    text-align: left;
}

/* Bác sĩ */
.doctor-role1 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc1 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-cta1 {
    margin-top: 16px;
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}
/* CTA wrapper */
.doctor-btn1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    border-radius: 9999px;

    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
    margin-top: 10px;
}

/* text */
.doctor-btn-text1 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon1 {
    padding: 4px;
    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
      width: 20px;
    height: 20px;
}

/* arrow container */
.doctor-btn-arrow1 {
    width: 6px;
    height: 6px;
    position: relative;
     border-top: 2px solid #fff;
    border-right: 2px solid #fff;
 transform: rotate(45deg);
    margin-left: -2px; 
}


/* wrapper hover */
.doctor-hover1 {
    border-radius: 24px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49d976c *//* widget gốc */
.doctor-hover2 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* lớp phủ xám */
.doctor-hover2::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7); /* trắng 70% */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: 24px;
}

/* hover hiện nền */
.doctor-hover2:hover::after {
    opacity: 1;
}

/* khối chữ (JS sẽ chèn vào) */
.doctor-text2 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.35s ease;

    pointer-events: none;
    text-align: left;
}

/* hover thì chữ chạy lên */
.doctor-hover2:hover .doctor-text2 {
    opacity: 1;
    transform: translateY(0);
}

/* ===== TYPOGRAPHY ===== */

/* Bác sĩ */
.doctor-role2 {
    color: #27272A; /* grey-800 */
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

/* Tên bác sĩ */
.doctor-name2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    margin: 4px 0 12px;
}

/* mô tả */
.doctor-desc2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc2 div {
    color: #27272A; /* grey-800 */
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* ===== CTA BUTTON ===== */

.doctor-btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 12px 8px 16px;
    margin-top: 20px;

    border-radius: 9999px;
    outline: 1px solid #DEEBFF; /* brand-primary-100 */
    outline-offset: -1px;

    cursor: pointer;
}

/* text */
.doctor-btn-text2 {
    color: #2D3BD5; /* brand-primary-800 */
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

/* icon background */
.doctor-btn-icon2 {
    width: 20px;
    height: 20px;

    background: #2D3BD5; /* brand-primary-800 */
    border-radius: 9999px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0px 4px 6px -2px rgba(10, 12.67, 18, 0.03);
}

/* arrow */
.doctor-btn-arrow2 {
    width: 6px;
    height: 6px;

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0877d1 *//* widget gốc */
.doctor-hover3 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

/* overlay */
.doctor-hover3::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1;
    border-radius: 24px;
}

.doctor-hover3:hover::after {
    opacity: 1;
}

/* text */
.doctor-text3 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;

    z-index: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: all .35s ease;
    pointer-events: none;
    text-align: left;
}

.doctor-hover3:hover .doctor-text3 {
    opacity: 1;
    transform: translateY(0);
}

/* typography */
.doctor-role3 {
    color: #27272A;
    font-size: 16px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 24px;
}

.doctor-name3 {
    color: #2D3BD5;
    font-size: 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    line-height: 32px;
    margin: 4px 0 12px;
}

.doctor-desc3 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doctor-desc3 div {
    color: #27272A;
    font-size: 14px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    line-height: 22px;
}

/* CTA */
.doctor-btn3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 8px 12px 8px 16px;
    border-radius: 9999px;
    outline: 1px solid #DEEBFF;
    outline-offset: -1px;
}

.doctor-btn-text3 {
    color: #2D3BD5;
    font-size: 15px;
    font-family: Inter, sans-serif;
    font-weight: 600;
}

.doctor-btn-icon3 {
    width: 20px;
    height: 20px;
    background: #2D3BD5;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doctor-btn-arrow3 {
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-left: -2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7b75b4b */.doctor-hover4 { position: relative; overflow: hidden; border-radius: 24px; }

.doctor-hover4::after {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.7);
    backdrop-filter:blur(8px);
    opacity:0;
    transition:.3s;
    z-index:1;
    border-radius:24px;
}

.doctor-hover4:hover::after { opacity:1; }

.doctor-text4 {
    position:absolute;
    top:10px; left:20px; right:20px;
    z-index:2;
    opacity:0;
    transform:translateY(30px);
    transition:.35s;
    text-align:left;
    pointer-events:none;
}

.doctor-hover4:hover .doctor-text4 {
    opacity:1;
    transform:translateY(0);
}

.doctor-role4 { color:#27272A; font:600 16px/24px Inter,sans-serif; }
.doctor-name4 { color:#2D3BD5; font:700 24px/32px "Be Vietnam Pro"; margin:4px 0 12px; }

.doctor-desc4 { display:flex; flex-direction:column; gap:8px; }
.doctor-desc4 div { color:#27272A; font:600 14px/22px Inter; }

.doctor-btn4 {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    padding:8px 12px 8px 16px;
    border-radius:9999px;
    outline:1px solid #DEEBFF;
}

.doctor-btn-text4 { color:#2D3BD5; font:600 15px/24px Inter; }

.doctor-btn-icon4 {
    width:20px; height:20px;
    background:#2D3BD5;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.doctor-btn-arrow4 {
    width:6px; height:6px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    transform:rotate(45deg);
    margin-left:-2px;
}/* End custom CSS */