.elementor-8801 .elementor-element.elementor-element-8ee0e77{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-8801 .elementor-element.elementor-element-8ee0e77:not(.elementor-motion-effects-element-type-background), .elementor-8801 .elementor-element.elementor-element-8ee0e77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C8BFD;}.elementor-8801 .elementor-element.elementor-element-f3ac0ac{--display:flex;--min-height:90vh;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-8801 .elementor-element.elementor-element-97cf225{--display:flex;--min-height:756px;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-8801 .elementor-element.elementor-element-65d8cb5{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-ae464cf{padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-8801 .elementor-element.elementor-element-ae464cf .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8801 .elementor-element.elementor-element-ac1212e .elementor-button{background-color:#0A121EB0;font-family:"Poppins", Sans-serif;font-size:10px;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:5px 5px 5px 5px;}body:not(.rtl) .elementor-8801 .elementor-element.elementor-element-ac1212e{right:8px;}body.rtl .elementor-8801 .elementor-element.elementor-element-ac1212e{left:8px;}.elementor-8801 .elementor-element.elementor-element-ac1212e{bottom:8px;}.elementor-8801 .elementor-element.elementor-element-ac1212e .elementor-button-content-wrapper{flex-direction:row;}.elementor-8801 .elementor-element.elementor-element-4cfc202{--display:flex;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--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-8801 .elementor-element.elementor-element-7b6c539{margin:05px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-8801 .elementor-element.elementor-element-7b6c539 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF9C;}.elementor-8801 .elementor-element.elementor-element-ab968f0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-ab968f0:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-ab968f0, .elementor-8801 .elementor-element.elementor-element-ab968f0::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-f314318{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-f314318.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-f314318 .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-f314318.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-f314318.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-f314318.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-f314318.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-f314318.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-f314318 .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-f314318 .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-4f18d5e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8801 .elementor-element.elementor-element-4f18d5e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-0203cbb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-0203cbb:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-0203cbb, .elementor-8801 .elementor-element.elementor-element-0203cbb::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-2d691cf{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-2d691cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-2d691cf .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-2d691cf.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-2d691cf.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-2d691cf.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-2d691cf.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-2d691cf.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-2d691cf .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-2d691cf .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-e9c07f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8801 .elementor-element.elementor-element-e9c07f7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-b23f41e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-8801 .elementor-element.elementor-element-6303f0d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-6303f0d:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-6303f0d, .elementor-8801 .elementor-element.elementor-element-6303f0d::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-c059406{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:04px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-67fee9e{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-67fee9e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-67fee9e .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-67fee9e.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-67fee9e.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-67fee9e.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-67fee9e.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-67fee9e.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-67fee9e .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-67fee9e .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-a60fec0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-7f71a28{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:06px 0px 0px 0px;}.elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-element{--align-self:center;}.elementor-8801 .elementor-element.elementor-element-7f71a28 .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-stacked .elementor-icon{background-color:#FFFFFFAD;}.elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-default .elementor-icon{color:#FFFFFFAD;border-color:#FFFFFFAD;}.elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-default .elementor-icon svg{fill:#FFFFFFAD;}.elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-stacked .elementor-icon:hover{background-color:#86D7FF;}.elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-framed .elementor-icon:hover, .elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-default .elementor-icon:hover{color:#86D7FF;border-color:#86D7FF;}.elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-framed .elementor-icon:hover, .elementor-8801 .elementor-element.elementor-element-7f71a28.elementor-view-default .elementor-icon:hover svg{fill:#86D7FF;}.elementor-8801 .elementor-element.elementor-element-7f71a28 .elementor-icon{font-size:20px;}.elementor-8801 .elementor-element.elementor-element-7f71a28 .elementor-icon svg{height:20px;}.elementor-8801 .elementor-element.elementor-element-0a750b9{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-8801 .elementor-element.elementor-element-3e6b2e4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-8801 .elementor-element.elementor-element-3889f0c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-3889f0c:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-3889f0c, .elementor-8801 .elementor-element.elementor-element-3889f0c::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-1083aab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:4px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-bd454bb{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-bd454bb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-bd454bb .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-bd454bb.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-bd454bb.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-bd454bb.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-bd454bb.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-bd454bb.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-bd454bb .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-bd454bb .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-21578b1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-26725be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:06px 0px 0px 0px;}.elementor-8801 .elementor-element.elementor-element-26725be.elementor-element{--align-self:center;}.elementor-8801 .elementor-element.elementor-element-26725be .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-stacked .elementor-icon{background-color:#FFFFFFAD;}.elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-default .elementor-icon{color:#FFFFFFAD;border-color:#FFFFFFAD;}.elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-default .elementor-icon svg{fill:#FFFFFFAD;}.elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-stacked .elementor-icon:hover{background-color:#86D7FF;}.elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-framed .elementor-icon:hover, .elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-default .elementor-icon:hover{color:#86D7FF;border-color:#86D7FF;}.elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-framed .elementor-icon:hover, .elementor-8801 .elementor-element.elementor-element-26725be.elementor-view-default .elementor-icon:hover svg{fill:#86D7FF;}.elementor-8801 .elementor-element.elementor-element-26725be .elementor-icon{font-size:20px;}.elementor-8801 .elementor-element.elementor-element-26725be .elementor-icon svg{height:20px;}.elementor-8801 .elementor-element.elementor-element-241e4dc{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-8801 .elementor-element.elementor-element-c453b31{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-c453b31:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-c453b31, .elementor-8801 .elementor-element.elementor-element-c453b31::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-c453b31.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-8801 .elementor-element.elementor-element-c766c65{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-c766c65.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-c766c65 .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-c766c65.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-c766c65.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-c766c65.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-c766c65.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-c766c65.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-c766c65 .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-c766c65 .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-00eb460 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-020afc6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-020afc6:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-020afc6, .elementor-8801 .elementor-element.elementor-element-020afc6::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-43c2b57{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-43c2b57.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-43c2b57 .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-43c2b57.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-43c2b57.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-43c2b57.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-43c2b57.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-43c2b57.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-43c2b57 .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-43c2b57 .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-25adbe2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-8694653{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-8694653:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-8694653, .elementor-8801 .elementor-element.elementor-element-8694653::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-5272521{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-5272521.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-5272521 .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-5272521.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-5272521.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-5272521.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-5272521.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-5272521.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-5272521 .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-5272521 .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-1b11352 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-0a74f08{margin:05px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-8801 .elementor-element.elementor-element-0a74f08 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF9C;}.elementor-8801 .elementor-element.elementor-element-19f0884{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-19f0884:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-19f0884, .elementor-8801 .elementor-element.elementor-element-19f0884::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-dcbe6dc{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-dcbe6dc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-dcbe6dc .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-dcbe6dc.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-dcbe6dc.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-dcbe6dc.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-dcbe6dc.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-dcbe6dc.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-dcbe6dc .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-dcbe6dc .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-b249f01 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-95a5d78{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-95a5d78:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-95a5d78, .elementor-8801 .elementor-element.elementor-element-95a5d78::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-4bf49ec{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-4bf49ec.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-4bf49ec .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-4bf49ec.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-4bf49ec.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-4bf49ec.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-4bf49ec.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-4bf49ec.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-4bf49ec .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-4bf49ec .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-0353ca9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-38587d0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-38587d0:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-38587d0, .elementor-8801 .elementor-element.elementor-element-38587d0::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-122c554{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-122c554.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-122c554 .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-122c554.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-122c554.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-122c554.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-122c554.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-122c554.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-122c554 .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-122c554 .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-3303314 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-363ade1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-363ade1:hover{--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-8801 .elementor-element.elementor-element-363ade1, .elementor-8801 .elementor-element.elementor-element-363ade1::before{--border-transition:0.3s;}.elementor-8801 .elementor-element.elementor-element-d0091a9{width:var( --container-widget-width, 13% );max-width:13%;--container-widget-width:13%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-d0091a9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8801 .elementor-element.elementor-element-d0091a9 .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-d0091a9.elementor-view-stacked .elementor-icon{background-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-d0091a9.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-d0091a9.elementor-view-default .elementor-icon{color:#FFFFFFA6;border-color:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-d0091a9.elementor-view-framed .elementor-icon, .elementor-8801 .elementor-element.elementor-element-d0091a9.elementor-view-default .elementor-icon svg{fill:#FFFFFFA6;}.elementor-8801 .elementor-element.elementor-element-d0091a9 .elementor-icon{font-size:16px;}.elementor-8801 .elementor-element.elementor-element-d0091a9 .elementor-icon svg{height:16px;}.elementor-8801 .elementor-element.elementor-element-034a406 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-ec69a6f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-c90d09b{margin:05px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-8801 .elementor-element.elementor-element-c90d09b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF9C;}.elementor-8801 .elementor-element.elementor-element-9d5ab78{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-89bdaf8{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-89bdaf8:not(.elementor-motion-effects-element-type-background), .elementor-8801 .elementor-element.elementor-element-89bdaf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FB;}.elementor-8801 .elementor-element.elementor-element-7c98677{--display:flex;--min-height:0px;--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;--justify-content:space-between;border-style:none;--border-style:none;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-529cfe1{--display:flex;--min-height:50px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DCE6F1;--border-color:#DCE6F1;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:05px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-8801 .elementor-element.elementor-element-529cfe1:not(.elementor-motion-effects-element-type-background), .elementor-8801 .elementor-element.elementor-element-529cfe1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8801 .elementor-element.elementor-element-f69ba24 .elementor-icon-wrapper{text-align:center;}.elementor-8801 .elementor-element.elementor-element-f69ba24 .elementor-icon{font-size:25px;}.elementor-8801 .elementor-element.elementor-element-f69ba24 .elementor-icon svg{height:25px;}.elementor-8801 .elementor-element.elementor-element-f69ba24 .elementor-icon-wrapper svg{width:auto;}.elementor-8801 .elementor-element.elementor-element-4ff17bd{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--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-8801 .elementor-element.elementor-element-9c280a7{padding:20px 20px 20px 20px;}@media(max-width:1024px){.elementor-8801 .elementor-element.elementor-element-f3ac0ac{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-8801 .elementor-element.elementor-element-7c98677{--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;}}@media(min-width:768px){.elementor-8801 .elementor-element.elementor-element-f3ac0ac{--width:100%;}.elementor-8801 .elementor-element.elementor-element-97cf225{--width:100%;}.elementor-8801 .elementor-element.elementor-element-c453b31{--width:100;}.elementor-8801 .elementor-element.elementor-element-ec69a6f{--width:90%;}.elementor-8801 .elementor-element.elementor-element-529cfe1{--width:50px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8801 .elementor-element.elementor-element-f3ac0ac{--width:25%;}.elementor-8801 .elementor-element.elementor-element-97cf225{--width:100%;}.elementor-8801 .elementor-element.elementor-element-65d8cb5{--width:100%;}.elementor-8801 .elementor-element.elementor-element-529cfe1{--width:50px;}}@media(max-width:767px){.elementor-8801 .elementor-element.elementor-element-8ee0e77{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-f3ac0ac{--width:100%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-97cf225{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-8801 .elementor-element.elementor-element-4cfc202{--gap:2px 2px;--row-gap:2px;--column-gap:2px;--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-8801 .elementor-element.elementor-element-7b6c539 .elementor-heading-title{font-size:12px;}.elementor-8801 .elementor-element.elementor-element-f314318{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-0203cbb{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-8801 .elementor-element.elementor-element-2d691cf{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-6303f0d{--justify-content:space-between;--flex-wrap:nowrap;}.elementor-8801 .elementor-element.elementor-element-c059406{--width:100%;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-67fee9e{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-7f71a28{padding:0px 0px 0px 0px;}.elementor-8801 .elementor-element.elementor-element-7f71a28 .elementor-icon{font-size:18px;}.elementor-8801 .elementor-element.elementor-element-7f71a28 .elementor-icon svg{height:18px;}.elementor-8801 .elementor-element.elementor-element-3889f0c{--justify-content:space-between;--flex-wrap:nowrap;}.elementor-8801 .elementor-element.elementor-element-1083aab{--width:100%;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-bd454bb{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-26725be{padding:0px 0px 0px 0px;}.elementor-8801 .elementor-element.elementor-element-26725be.elementor-element{--align-self:center;}.elementor-8801 .elementor-element.elementor-element-26725be .elementor-icon{font-size:18px;}.elementor-8801 .elementor-element.elementor-element-26725be .elementor-icon svg{height:18px;}.elementor-8801 .elementor-element.elementor-element-c453b31{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8801 .elementor-element.elementor-element-c766c65{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-43c2b57{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-5272521{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-0a74f08 .elementor-heading-title{font-size:12px;}.elementor-8801 .elementor-element.elementor-element-dcbe6dc{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-4bf49ec{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-122c554{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-d0091a9{--container-widget-width:16px;--container-widget-flex-grow:0;width:var( --container-widget-width, 16px );max-width:16px;}.elementor-8801 .elementor-element.elementor-element-ec69a6f{--width:90%;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--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-8801 .elementor-element.elementor-element-c90d09b .elementor-heading-title{font-size:12px;}.elementor-8801 .elementor-element.elementor-element-9d5ab78{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-8801 .elementor-element.elementor-element-89bdaf8{--min-height:80vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-7c98677{--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8801 .elementor-element.elementor-element-529cfe1{--width:50px;--min-height:50px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:22px 22px 22px 22px;--margin-top:08px;--margin-bottom:03px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-f69ba24{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8801 .elementor-element.elementor-element-4ff17bd{--width:100%;--min-height:0px;--justify-content:center;--flex-wrap:nowrap;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8801 .elementor-element.elementor-element-9c280a7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-28f696b *//* =========================
   MY COURSE SUBMENU STYLE
   senada dengan .newtab-menu
========================= */

.flamo-mycourse-shortcode-list{
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  width: 100% !important;
}

/* BASE BUTTON */
a.flamo-mycourse-shortcode-btn{
  position: relative !important;
  width: 100% !important;
  min-height: 40px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;

  gap: 14px !important;
  padding: 0 10px !important;

  border-radius: 10px !important;
  background: transparent !important;
  color: rgba(255,255,255,.88) !important;
  text-decoration: none !important;

  overflow: hidden !important;
  box-sizing: border-box !important;

  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;

  transition:
    background .32s ease,
    box-shadow .32s ease,
    transform .38s cubic-bezier(.22,.61,.36,1),
    opacity .28s ease !important;
}

a.flamo-mycourse-shortcode-btn,
a.flamo-mycourse-shortcode-btn *{
  cursor: pointer !important;
}

/* COURSE THUMBNAIL - foto course tetap besar */
img.flamo-mycourse-shortcode-img{
  width: 40px !important;
  height: 30px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  flex: 0 0 40px !important;

  border-radius: 8px !important;
  object-fit: cover !important;
  display: block !important;
  overflow: hidden !important;

  opacity: 1 !important;

  transition:
    transform .38s cubic-bezier(.22,.61,.36,1),
    opacity .28s ease,
    filter .28s ease !important;
}

/* TEXT */
span.flamo-mycourse-shortcode-text{
  flex: 1 1 auto !important;
  min-width: 0 !important;

  color: rgba(255,255,255,.88) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;

  transition:
    transform .38s cubic-bezier(.22,.61,.36,1),
    color .28s ease,
    opacity .28s ease !important;
}

/* HOVER */
a.flamo-mycourse-shortcode-btn:hover{
  background: rgba(255,255,255,.10) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

/* foto course hanya geser, tidak rotate */
a.flamo-mycourse-shortcode-btn:hover img.flamo-mycourse-shortcode-img{
  opacity: 1 !important;
  transform: translateX(10px) !important;
}

/* icon marketplace geser + rotate */
a.flamo-mycourse-shortcode-btn:hover .flamo-mycourse-marketplace-icon{
  opacity: 1 !important;
  transform: translateX(10px) rotate(12deg) !important;
}

a.flamo-mycourse-shortcode-btn:hover span.flamo-mycourse-shortcode-text{
  transform: translateX(10px) !important;
  color: #ffffff !important;
}

/* ACTIVE COURSE */
a.flamo-mycourse-shortcode-btn.active-course{
  background: rgba(255,255,255,.16) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.14),
    0 10px 24px rgba(7,52,112,.10) !important;

  border-radius: 10px !important;
  padding-left: 26px !important;
}

a.flamo-mycourse-shortcode-btn.active-course::before{
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 5px !important;
  height: 25px !important;

  border-radius: 999px !important;
  background: #ffffff !important;
}

a.flamo-mycourse-shortcode-btn.active-course span.flamo-mycourse-shortcode-text{
  color: #ffffff !important;
  font-weight: 500 !important;
  transform: none !important;
}

a.flamo-mycourse-shortcode-btn.active-course img.flamo-mycourse-shortcode-img,
a.flamo-mycourse-shortcode-btn.active-course .flamo-mycourse-marketplace-icon{
  opacity: 1 !important;
  transform: none !important;
}

a.flamo-mycourse-shortcode-btn.active-course:hover{
  background: rgba(255,255,255,.20) !important;
}

/* =========================
   PROGRESS CIRCLE
========================= */

.flamo-course-progress{
  --size: 34px;
  --thick: 4px;

  width: var(--size) !important;
  height: var(--size) !important;
  min-width: var(--size) !important;
  flex: 0 0 var(--size) !important;
  margin-left: auto !important;

  border-radius: 999px !important;

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

  background: conic-gradient(
    #ffffff calc(var(--progress) * 1%),
    rgba(255,255,255,.28) 0
  ) !important;
}

.flamo-course-progress-inner{
  width: calc(var(--size) - var(--thick) * 2) !important;
  height: calc(var(--size) - var(--thick) * 2) !important;

  border-radius: 999px !important;
  background: #1C8BFD !important;

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

  color: #ffffff !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* =========================
   MARKETPLACE EMPTY STATE ICON
========================= */

a.flamo-marketplace-btn{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0 10px !important;
}

/* icon Jelajahi Kelas tetap 20px */
.flamo-mycourse-marketplace-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;

  color: rgba(255,255,255,.92) !important;
  stroke: currentColor !important;
  opacity: .62 !important;

  transition:
    transform .38s cubic-bezier(.22,.61,.36,1),
    opacity .28s ease,
    color .28s ease !important;
}

.flamo-mycourse-marketplace-icon svg{
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  stroke: currentColor !important;
}

a.flamo-marketplace-btn:hover .flamo-mycourse-marketplace-icon{
  color: #ffffff !important;
  opacity: 1 !important;
}

/* =========================
   MOBILE TWEAK
========================= */

@media (max-width: 767px){
  a.flamo-mycourse-shortcode-btn{
    min-height: 42px !important;
    gap: 14px !important;
  }

  span.flamo-mycourse-shortcode-text{
    font-size: 16px !important;
  }

  .flamo-course-progress{
    --size: 34px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b23f41e *//* 1) semua area icon box berasa tombol */
.elementor-8801 .elementor-element.elementor-element-b23f41e,
.elementor-8801 .elementor-element.elementor-element-b23f41e *{
  cursor: pointer !important;
  -webkit-user-select: none;
  user-select: none;
}

/* 2) pastiin judul ga jadi text-cursor */
.elementor-8801 .elementor-element.elementor-element-b23f41e .elementor-icon-box-title,
.elementor-8801 .elementor-element.elementor-element-b23f41e .elementor-icon-box-title *,
.elementor-8801 .elementor-element.elementor-element-b23f41e .elementor-heading-title,
.elementor-8801 .elementor-element.elementor-element-b23f41e .elementor-heading-title *{
  cursor: pointer !important;
}

/* 3) kalau linknya ada di <a>, bikin 1 kotak full clickable */
.elementor-8801 .elementor-element.elementor-element-b23f41e a{
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer !important;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3ac0ac */.menu-item.has-sub .submenu{
  max-height: 400px;
  overflow: hidden;
  opacity: 1;
  margin-left: 0px;
  margin-top: 0px;
  transition: max-height .50s ease, opacity .25s ease;
}

.menu-item.has-sub .menu-toggle{
  transition: transform .25s ease;
  transform: rotate(180deg); 
}
.menu-item.has-sub.is-closed .submenu{
  max-height: 0;
  opacity: 0;
}

.menu-item.has-sub.is-closed .menu-toggle{
  transform: rotate(0deg);
  position: relative;
}

.menu-item.has-sub .menu-toggle{
  position: absolute;
  right: 16px;
  top: 50%;
  translate: 0 -50%;
  cursor: pointer;
  transition: rotate .25s ease;
  rotate: 180deg; 
}


.menu-item.has-sub.is-closed .menu-toggle{
  rotate: 0deg;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c98677 */.elementor-8801 .elementor-element.elementor-element-7c98677{
  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9c280a7 *//* Flamo Edit Profile UI assets v1.9.3 */
.flamo-profile-wrap,
.flamo-profile,
.flamo-card,
.flamo-edit-shell {
    font-family: inherit;
    color: #111827;
    
}

.flamo-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: var(--flamo-radius);
    padding: 20px;
}

.flamo-profile {
    overflow: hidden;
    border-radius: var(--flamo-radius);
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 18px 54px rgba(15, 23, 42, .12)
}

.flamo-cover {
    height: 132px;
    background: var(--flamo-banner);
    background-size: cover;
    background-position: center;
    border-radius: 0
}

.flamo-profile-main {
    padding: 0 24px 26px
}

.flamo-profile-top {
    display: flex;
    gap: 18px;
    align-items: flex-end;
    margin-top: -46px;
    position: relative
}

.flamo-avatar-big {
    width: 96px !important;
    height: 96px !important;
    border-radius: 999px !important;
    border: 5px solid #fff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .16)
}

.flamo-profile-info h1 {
    font-size: 28px;
    line-height: 1;
    margin: 0 0 8px;
    font-weight: 600;
    letter-spacing: -.04em
}

.flamo-profile-info p {
    max-width: 720px;
    color: rgba(17, 24, 39, .62);
    font-size: 14px;
    margin: 10px 0 0
}

.flamo-badges,
.flamo-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.flamo-socials {
    margin-top: 12px
}

.flamo-socials a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(17, 24, 39, .04);
    border: 1px solid rgba(17, 24, 39, .06);
    text-decoration: none;
    font-weight: 500;
    color: #111827;
    font-size: 12px
}

.flamo-socials svg,
.flamo-section h3 svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round
}

.flamo-status,
.flamo-role {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    font-weight: 600;
    white-space: nowrap
}

.flamo-status {
    font-size: 10px;
    padding: 4px 7px;
    background: rgba(17, 24, 39, .06);
    color: rgba(17, 24, 39, .75)
}

.flamo-status--instructor {
    background: rgba(0, 145, 255, .10);
    color: #006fc4
}

.flamo-role {
    position: relative;
    font-size: var(--flamo-role-font);
    padding: var(--flamo-role-py) var(--flamo-role-px);
    color: var(--role-text-color, #fff) !important;
    line-height: 1.1;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .12);
    overflow: hidden
}

.flamo-role__svg {
    display: inline-flex;
    color: var(--role-icon-color, currentColor) !important
}

.flamo-role__svg svg {
    width: 10px;
    height: 10px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.flamo-role__svg-custom svg,
.flamo-role__svg-custom svg * {
    stroke: currentColor !important
}

.flamo-role__svg-custom svg [fill]:not([fill="none"]) {
    fill: currentColor !important
}

.flamo-role--motion {
    background: #FF3B30
}

.flamo-role--graphic {
    background: #AF52DE
}

.flamo-role--expert {
    background: #0091FF
}

.flamo-role--video {
    background: #1C1C1E
}

.flamo-role--illus {
    background: #34C759
}

.flamo-role--student {
    background: #FF9500
}

.flamo-role[style*="--role-color"] {
    background: var(--role-color) !important
}

.flamo-role[style*="--role-text-color"] {
    color: var(--role-text-color) !important
}

.flamo-role__img {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.flamo-role__img img {
    width: 10px !important;
    height: 10px !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 2px !important
}

.flamo-section {
    margin-top: 24px
}

.flamo-section h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px
}

.flamo-course-list {
    display: grid;
    gap: 9px
}

.flamo-course {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 14px;
    border-radius: 14px;
    background: rgba(17, 24, 39, .025);
    border: 1px solid rgba(17, 24, 39, .07);
    text-decoration: none;
    color: #111827
}

.flamo-course strong {
    font-size: 13px
}

.flamo-course span {
    font-weight: 600;
    color: var(--flamo-accent)
}

.flamo-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px
}

.flamo-gallery-item {
    aspect-ratio: 1/1;
    border-radius: 14px;
    overflow: hidden;
    background: #f3f4f6
}

.flamo-gallery img,
.flamo-gallery video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.flamo-muted {
    color: rgba(17, 24, 39, .52);
    font-size: 13px
}

.flamo-edit-card {
    max-width: 760px;
    margin: auto;
    background: rgba(255, 255, 255, .88);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: var(--flamo-radius);
    padding: 24px;
    box-shadow: 0 18px 54px rgba(15, 23, 42, .10)
}

.flamo-edit-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px
}

.flamo-edit-avatar {
    width: 76px !important;
    height: 76px !important;
    border-radius: 999px !important;
    object-fit: cover !important
}

.flamo-avatar-edit-row {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin: 8px 0 18px
}

.flamo-avatar-preview {
    width: 96px;
    height: 96px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #f5f9ff, #eaf4ff);
    border: 1px solid rgba(17, 24, 39, .08);
    box-shadow: 0 14px 28px rgba(15, 23, 42, .08);
    overflow: hidden
}

.flamo-edit-avatar-large {
    width: 88px !important;
    height: 88px !important;
    border: 4px solid #fff !important
}

.flamo-avatar-actions {
    min-width: 0
}

.flamo-upload-avatar {
    margin: 0 !important
}

.flamo-edit-card h2 {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -.04em
}

.flamo-edit-card p {
    margin: 4px 0 0;
    color: rgba(17, 24, 39, .55)
}

.flamo-edit-card label {
    display: block;
    margin: 14px 0 7px;
    font-weight: 600
}

.flamo-edit-card input[type=text],
.flamo-edit-card input[type=password],
.flamo-edit-card textarea,
.flamo-edit-card select {
    width: 100%;
    border: 1px solid rgba(17, 24, 39, .12);
    background: rgba(255, 255, 255, .8);
    border-radius: 14px;
    padding: 12px 13px;
    font: inherit;
    outline: none
}

.flamo-edit-card input:focus,
.flamo-edit-card textarea:focus,
.flamo-edit-card select:focus {
    border-color: var(--flamo-accent);
    box-shadow: 0 0 0 4px rgba(0, 145, 255, .12)
}

.flamo-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px
}

.flamo-upload {
    display: flex !important;
    align-items: center;
    gap: 10px;
    border: 1px dashed rgba(17, 24, 39, .18);
    border-radius: 14px;
    padding: 12px 14px;
    background: rgba(17, 24, 39, .025);
    cursor: pointer
}

.flamo-upload input {
    display: none
}

.flamo-upload__icon svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--flamo-accent);
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round
}

.flamo-help {
    font-size: 12px !important;
    color: rgba(17, 24, 39, .50);
    margin-top: 8px !important
}

.flamo-banner-preview {
    height: 96px;
    background-size: cover;
    background-position: center;
    border-radius: 14px;
    margin-top: 10px
}

.flamo-check {
    font-size: 12px !important;
    font-weight: 600 !important
}

.flamo-edit-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 12px
}

.flamo-thumb {
    border-radius: 14px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .08);
    margin: 0 !important

}

.flamo-thumb img,
.flamo-thumb video {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block
}

.flamo-thumb span {
    display: block;
    padding: 8px;
    font-size: 12px
}

.flamo-edit-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 14px 0 18px;
    padding: 6px;
    border-radius: 18px;
    background: #f4f6fb;
    border: 1px solid rgba(15, 23, 42, .08)
}

.flamo-edit-switch button {
    border: 0;
    background: transparent;
    border-radius: 14px;
    padding: 11px 14px;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: .18s ease
}

.flamo-edit-switch button.is-active {
    background: #fff;
    color: #0b1220;
    box-shadow: 0 10px 24px rgba(2, 6, 23, .08)
}

.flamo-tab-panel {
    display: none
}

.flamo-tab-panel.is-active {
    display: block
}

.flamo-password-box {
    margin-top: 0;
    padding: 20px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .10);
    box-shadow: 0 20px 52px rgba(2, 6, 23, .07)
}

.flamo-password-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px
}

.flamo-password-head strong {
    display: block;
    font-size: 18px;
    letter-spacing: -.02em;
    font-weight: 600
}

.flamo-password-head p {
    font-size: 13px !important;
    margin-top: 5px !important;
    color: #6b7280 !important;
    line-height: 1.55 !important
}

.flamo-password-head span {
    display: inline-flex;
    border-radius: 999px;
    padding: 7px 11px;
    background: rgba(34, 197, 94, .12);
    color: #14532d;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap
}

.flamo-pass-note {
    font-size: 12px !important;
    line-height: 1.55 !important;
    margin: 8px 0 0 !important;
    color: #64748b !important
}

.flamo-pass-note a,
.flamo-forgot-link {
    color: var(--flamo-accent) !important;
    font-weight: 600;
    text-decoration: none !important
}

.flamo-pass-note.is-bad {
    color: #991b1b !important
}

.flamo-pass-note.is-ok {
    color: #14532d !important
}

.flamo-pass-meter {
    height: 8px;
    border-radius: 999px;
    background: #e5e7eb;
    overflow: hidden;
    margin-top: 10px
}

.flamo-pass-meter i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: 999px;
    background: var(--flamo-accent);
    transition: width .25s ease
}

.flamo-pass-field {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 16px;
    padding: 0 10px;
    transition: .18s ease
}

.flamo-pass-field:focus-within {
    border-color: rgba(0, 145, 255, .38);
    box-shadow: 0 0 0 5px rgba(0, 145, 255, .10)
}

.flamo-pass-field input[type=password],
.flamo-pass-field input[type=text] {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 16px !important;
    padding: 14px 5px !important;
    flex: 1;
    min-width: 0
}

.flamo-pass-toggle {
    border: 0;
    background: transparent;
    color: var(--flamo-accent);
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    padding: 6px
}

.flamo-password-box input[type=password] {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 14px 15px !important
}

.flamo-password-box .flamo-pass-field.is-ok {
    border-color: rgba(34, 197, 94, .40) !important;
    box-shadow: 0 0 0 5px rgba(34, 197, 94, .10) !important
}

.flamo-password-box .flamo-pass-field.is-bad {
    border-color: rgba(239, 68, 68, .40) !important;
    box-shadow: 0 0 0 5px rgba(239, 68, 68, .10) !important
}

.flamo-save {
    margin-top: 18px;
    width: 100%;
    border: 0;
    border-radius: 14px;
    padding: 13px 16px;
    background: var(--flamo-accent);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    box-shadow: var(--flamo-glow)
}

.flamo-alert {
    margin-bottom: 14px;
    padding: 11px 13px;
    border-radius: 14px;
    background: rgba(52, 199, 89, .12);
    color: #16783a;
    font-weight: 600
}

.flamo-alert--error {
    background: rgba(255, 59, 48, .10);
    color: #c5251c
}

.flamo-upload-status {
    display: none;
    margin-top: 8px;
    padding: 9px 11px;
    border-radius: 12px;
    background: rgba(0, 145, 255, .08);
    color: #006fc4;
    font-size: 12px;
    font-weight: 600
}

.flamo-upload-status.is-active,
.flamo-upload-status.is-done,
.flamo-upload-status.is-error {
    display: block
}

.flamo-upload-status.is-error {
    background: rgba(255, 59, 48, .10);
    color: #c5251c
}

.flamo-upload-status.is-done {
    background: rgba(52, 199, 89, .12);
    color: #16783a
}

.flamo-save[disabled] {
    opacity: .55;
    cursor: not-allowed;
    filter: saturate(.7)
}

.flamo-upload-preview {
    display: none
}

.flamo-upload-preview:not(:empty) {
    display: grid
}

.flamo-thumb--pending {
    position: relative
}

.flamo-thumb--pending:after {
    content: "Baru diupload";
    position: absolute;
    left: 8px;
    top: 8px;
    padding: 5px 7px;
    border-radius: 999px;
    background: rgba(17, 24, 39, .74);
    color: #fff;
    font-size: 10px;
    font-weight: 700
}

@media(max-width:680px) {
    .flamo-profile-main {
        padding: 0 16px 20px
    }

    .flamo-profile-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px
    }

    .flamo-profile-info h1 {
        font-size: 24px
    }

    .flamo-gallery,
    .flamo-edit-gallery {
        grid-template-columns: 1fr
    }

    .flamo-grid-2 {
        grid-template-columns: 1fr
    }

    .flamo-edit-card {
        padding: 18px
    }

    .flamo-edit-card h2 {
        font-size: 25px
    }
}

.flamo-edit-head {
    position: relative
}

.flamo-edit-head-copy {
    min-width: 0;
    flex: 1
}

.flamo-view-profile {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 9px 12px;
    background: var(--flamo-accent);
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 12px;
    box-shadow: var(--flamo-glow);
    white-space: nowrap
}

.flamo-crop-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px
}

.flamo-crop-grid label {
    margin: 0 !important;
    font-size: 12px !important;
    color: rgba(17, 24, 39, .62)
}

.flamo-crop-grid input {
    width: 100%
}

.flamo-course {
    align-items: center
}

.flamo-course-thumb {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(17, 24, 39, .06);
    display: inline-flex
}

.flamo-course-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.flamo-course-progress {
    margin-left: auto
}

.flamo-profile,
.flamo-edit-card,
.flb13 {
    font-family: Inter, Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif
}

@media(max-width:680px) {
    .flamo-edit-head {
        align-items: flex-start
    }

    .flamo-view-profile {
        position: absolute;
        right: 0;
        top: 0;
        padding: 8px 10px
    }

    .flamo-crop-grid {
        grid-template-columns: 1fr
    }

    .flamo-course-thumb {
        width: 38px;
        height: 38px
    }
}


/* v1.4 public profile layout fix: banner di atas profile */
.flamo-profile {
    border-radius: var(--flamo-radius) !important;
    overflow: hidden !important;
    background: #fff !important
}

.flamo-cover {
    height: 190px !important;
    background-color: var(--flamo-banner) !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 0 !important;
    display: block !important
}

.flamo-profile-main {
    padding: 24px !important
}

.flamo-profile-top {
    margin-top: 0 !important;
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 18px !important;
    position: relative !important
}

.flamo-avatar-big {
    width: 96px !important;
    height: 96px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(17, 24, 39, .08) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .10) !important
}

.flamo-profile-info h1 {
    color: #111827 !important;
    margin: 0 0 8px !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;
    letter-spacing: -.03em !important
}

.flamo-profile-info p {
    margin: 10px 0 0 !important;
    color: rgba(17, 24, 39, .62) !important;
    font-size: 14px !important;
    line-height: 1.55 !important
}

.flamo-badges {
    gap: 5px !important
}

.flamo-role,
.flamo-status {
    box-shadow: none !important
}

.flamo-socials a {
    background: #f7f8fb !important;
    border-color: rgba(17, 24, 39, .07) !important
}

.flamo-section {
    margin-top: 26px !important
}

.flamo-section h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #111827 !important
}

.flamo-gallery {
    grid-template-columns: repeat(auto-fill, minmax(150px, 210px)) !important;
    gap: 12px !important;
    justify-content: start !important;
    align-items: start !important
}

.flamo-gallery-item {
    max-width: 210px !important;
    width: 100% !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    border: 1px solid rgba(17, 24, 39, .06) !important
}

@media(max-width:680px) {
    .flamo-cover {
        height: 140px !important
    }

    .flamo-profile-main {
        padding: 16px !important
    }

    .flamo-profile-top {
        grid-template-columns: 72px minmax(0, 1fr) !important;
        gap: 12px !important
    }

    .flamo-avatar-big {
        width: 72px !important;
        height: 72px !important
    }

    .flamo-profile-info h1 {
        font-size: 22px !important
    }

    .flamo-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important
    }

    .flamo-gallery-item {
        max-width: none !important
    }
}

/* v1.8.6 compact glass profile UI + pre-upload crop modal */
.flamo-edit-shell,
.flamo-edit-shell * {
    box-sizing: border-box;
}

.flamo-edit-shell {
    --flamo-compact-text: #111217;
    --flamo-compact-muted: #686d78;
    --flamo-compact-input: rgba(238, 242, 245, .78);
    position: relative;
    width: 100%;
    min-height: 620px;
    height: min(720px, calc(100dvh - 118px));
    display: grid;
    place-items: center;
    padding: 28px;
    overflow: hidden;
    background: radial-gradient(circle at 50% 78%, rgba(255, 255, 255, .55), transparent 30%), linear-gradient(to bottom, #7bc7f2 0%, #b8e4fa 48%, #edf9ff 100%);
    font-family: Poppins, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif !important;
}

.flamo-edit-shell::before {
    content: "";
    position: absolute;
    inset: -18%;
    background: radial-gradient(circle at 18% 70%, rgba(255, 255, 255, .82), transparent 17%), radial-gradient(circle at 40% 78%, rgba(255, 255, 255, .84), transparent 24%), radial-gradient(circle at 68% 75%, rgba(255, 255, 255, .78), transparent 22%), radial-gradient(circle at 92% 78%, rgba(255, 255, 255, .80), transparent 20%);
    filter: blur(26px);
    opacity: .82;
    transform: translateY(16%);
    pointer-events: none;
}

.flamo-edit-shell::after {
    content: "";
    position: absolute;
    left: 7%;
    top: 40%;
    width: 86%;
    height: 38%;
    border-top: 1px solid rgba(255, 255, 255, .36);
    border-radius: 50%;
    opacity: .72;
    pointer-events: none;
}

.flamo-edit-shell .flamo-edit-card {
    position: relative !important;
    z-index: 1 !important;
    width: min(430px, 100%) !important;
    max-width: 430px !important;
    height: min(648px, calc(100dvh - 150px)) !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 auto !important;
    padding: 18px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .52), rgba(255, 255, 255, .76)) !important;
    border: 1px solid rgba(255, 255, 255, .56) !important;
    box-shadow: 0 30px 90px rgba(54, 94, 129, .18), 0 6px 24px rgba(21, 35, 50, .10) !important;
    backdrop-filter: blur(22px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.1) !important;
}

.flamo-edit-shell .flamo-edit-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .24), transparent 42%);
    pointer-events: none;
}

.flamo-edit-shell .flamo-alert,
.flamo-edit-shell .flamo-edit-head,
.flamo-edit-shell .flamo-edit-switch,
.flamo-edit-shell .flamo-tab-panel,
.flamo-edit-shell .flamo-save {
    position: relative;
    z-index: 1;
}

.flamo-edit-shell .flamo-edit-head {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 0 12px !important;
}

.flamo-edit-shell .flamo-edit-avatar-wrap,
.flamo-edit-shell .flamo-edit-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
}

.flamo-edit-shell .flamo-edit-avatar {
    display: block !important;
    object-fit: cover !important;
    border: 2px solid rgba(255, 255, 255, .74) !important;
    box-shadow: 0 12px 26px rgba(25, 45, 65, .15) !important;
}

.flamo-edit-shell .flamo-edit-head-copy {
    min-width: 0 !important;
}

.flamo-edit-shell .flamo-edit-card h2 {
    margin: 0 !important;
    color: var(--flamo-compact-text) !important;
    font-size: 16px !important;
    line-height: 1.14 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.flamo-edit-shell .flamo-edit-head-copy p {
    margin: 3px 0 0 !important;
    color: var(--flamo-compact-muted) !important;
    font-size: 10.5px !important;
    line-height: 1.38 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.flamo-edit-shell .flamo-view-profile {
    min-height: 31px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    color: #202126 !important;
    background: rgba(255, 255, 255, .56) !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    box-shadow: none !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
}

.flamo-edit-shell .flamo-edit-switch {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px !important;
    padding: 4px !important;
    margin: 0 0 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .42) !important;
    border: 1px solid rgba(255, 255, 255, .52) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

.flamo-edit-shell .flamo-edit-switch button {
    min-height: 29px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #626772 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
}

.flamo-edit-shell .flamo-edit-switch button.is-active {
    color: #fff !important;
    background: #202126 !important;
    box-shadow: 0 12px 28px rgba(18, 19, 24, .16) !important;
}

.flamo-edit-shell .flamo-tab-panel {
    display: none !important;
}

.flamo-edit-shell .flamo-tab-panel.is-active {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 4px 10px 0 !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(32, 33, 38, .20) transparent !important;
}

.flamo-edit-shell .flamo-tab-panel.is-active::-webkit-scrollbar {
    width: 5px
}

.flamo-edit-shell .flamo-tab-panel.is-active::-webkit-scrollbar-track {
    background: transparent
}

.flamo-edit-shell .flamo-tab-panel.is-active::-webkit-scrollbar-thumb {
    background: rgba(32, 33, 38, .18);
    border-radius: 999px
}

.flamo-edit-shell .flamo-edit-card label {
    margin: 0 0 5px !important;
    color: #303136 !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
}

.flamo-edit-shell .flamo-tab-panel>label,
.flamo-edit-shell .flamo-tab-panel>.flamo-avatar-edit-row,
.flamo-edit-shell .flamo-tab-panel>input,
.flamo-edit-shell .flamo-tab-panel>textarea,
.flamo-edit-shell .flamo-tab-panel>select,
.flamo-edit-shell .flamo-tab-panel>.flamo-grid-2,
.flamo-edit-shell .flamo-tab-panel>.flamo-upload,
.flamo-edit-shell .flamo-tab-panel>.flamo-upload-status,
.flamo-edit-shell .flamo-tab-panel>.flamo-banner-preview,
.flamo-edit-shell .flamo-tab-panel>.flamo-crop-grid,
.flamo-edit-shell .flamo-tab-panel>.flamo-check,
.flamo-edit-shell .flamo-tab-panel>.flamo-edit-gallery,
.flamo-edit-shell .flamo-tab-panel>.flamo-help,
.flamo-edit-shell .flamo-tab-panel>.flamo-password-box {
    margin-top: 10px !important;
}

.flamo-edit-shell .flamo-avatar-edit-row {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: center !important;
    margin-bottom: 0 !important;
}

.flamo-edit-shell .flamo-avatar-preview {
    width: 52px !important;
    height: 52px !important;
    border-radius: 15px !important;
    border: 2px solid rgba(255, 255, 255, .74) !important;
    background: linear-gradient(135deg, #202126, #596270) !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-avatar-preview img,
.flamo-edit-shell .flamo-edit-avatar-large {
    width: 52px !important;
    height: 52px !important;
    border-radius: 15px !important;
    border: 0 !important;
    object-fit: cover !important;
}

.flamo-edit-shell .flamo-edit-card input[type=text],
.flamo-edit-shell .flamo-edit-card input[type=password],
.flamo-edit-shell .flamo-edit-card textarea,
.flamo-edit-shell .flamo-edit-card select {
    width: 100% !important;
    border: 1px solid transparent !important;
    outline: 0 !important;
    border-radius: 8px !important;
    background: var(--flamo-compact-input) !important;
    color: #1c1d22 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-edit-card input[type=text],
.flamo-edit-shell .flamo-edit-card input[type=password],
.flamo-edit-shell .flamo-edit-card select {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
}

.flamo-edit-shell .flamo-edit-card textarea {
    min-height: 74px !important;
    padding: 9px 10px !important;
    resize: vertical !important;
}

.flamo-edit-shell .flamo-grid-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

.flamo-edit-shell .flamo-upload {
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .42) !important;
    border: 1px dashed rgba(25, 31, 42, .13) !important;
    color: #202126 !important;
}

.flamo-edit-shell .flamo-upload span {
    color: #202126 !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.flamo-edit-shell .flamo-upload__icon svg {
    width: 14px !important;
    height: 14px !important;
    stroke: #737984 !important;
}

.flamo-edit-shell .flamo-help,
.flamo-edit-shell .flamo-pass-note {
    margin: 6px 0 0 !important;
    color: var(--flamo-compact-muted) !important;
    font-size: 9.5px !important;
    line-height: 1.4 !important;
}

.flamo-edit-shell .flamo-banner-preview {
    height: 68px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    background-size: cover !important;
    background-position: center !important;
}

.flamo-edit-shell .flamo-crop-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

.flamo-edit-shell .flamo-crop-grid label {
    font-size: 9.5px !important;
    color: var(--flamo-compact-muted) !important;
}

.flamo-edit-shell .flamo-edit-gallery {
    display: grid !important;
    grid-template-columns: repeat(3, 54px) !important;
    gap: 7px !important;
}

.flamo-edit-shell .flamo-thumb {
    width: 54px !important;
    border-radius: 9px !important;
}

.flamo-edit-shell .flamo-thumb img,
.flamo-edit-shell .flamo-thumb video {
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
}

.flamo-edit-shell .flamo-password-box {
    padding: 12px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .38) !important;
    border: 1px solid rgba(255, 255, 255, .48) !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-password-head {
    margin-bottom: 10px !important;
}

.flamo-edit-shell .flamo-password-head strong {
    font-size: 13px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
}

.flamo-edit-shell .flamo-password-head p {
    font-size: 9.8px !important;
    line-height: 1.42 !important;
}

.flamo-edit-shell .flamo-pass-badge {
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 9.5px !important;
    font-weight: 500 !important;
}

.flamo-edit-shell .flamo-pass-field {
    min-height: 34px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    background: var(--flamo-compact-input) !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-pass-field input[type=password],
.flamo-edit-shell .flamo-pass-field input[type=text] {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 4px !important;
}

.flamo-edit-shell .flamo-pass-toggle {
    min-width: 38px !important;
    align-self: stretch !important;
    color: #2382ee !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}

.flamo-edit-shell .flamo-pass-meter {
    height: 6px !important;
    margin-top: 7px !important;
    background: rgba(32, 33, 38, .08) !important;
}

.flamo-edit-shell .flamo-save {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 36px !important;
    margin-top: 12px !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: linear-gradient(to bottom, #2d2e36, #15161b) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    box-shadow: 0 14px 28px rgba(17, 18, 23, .18), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

.flamo-crop-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100050 !important;
    display: grid !important;
    place-items: center !important;
    padding: 18px !important;
    background: rgba(142, 191, 221, .52) !important;
    backdrop-filter: blur(16px) saturate(1.05) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.05) !important;
}

.flamo-crop-modal[hidden] {
    display: none !important;
}

.flamo-crop-card {
    width: min(334px, calc(100vw - 28px)) !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .76), rgba(255, 255, 255, .92)) !important;
    border: 1px solid rgba(255, 255, 255, .70) !important;
    box-shadow: 0 28px 80px rgba(31, 64, 90, .20), 0 8px 24px rgba(20, 34, 48, .12) !important;
}

.flamo-crop-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 11px !important;
}

.flamo-crop-head strong {
    display: block !important;
    color: #111217 !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
}

.flamo-crop-head p {
    margin: 4px 0 0 !important;
    color: #686d78 !important;
    font-size: 9.8px !important;
    line-height: 1.4 !important;
}

.flamo-crop-head span {
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    padding: 0 9px !important;
    color: #202126 !important;
    background: rgba(255, 255, 255, .62) !important;
    border: 1px solid rgba(255, 255, 255, .74) !important;
    font-size: 9.5px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.flamo-crop-stage {
    min-height: 196px !important;
    display: grid !important;
    place-items: center !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: rgba(236, 247, 255, .58) !important;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    overflow: hidden !important;
}

.flamo-crop-frame {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    background: #dff3ff !important;
    border: 1px solid rgba(32, 33, 38, .14) !important;
    box-shadow: 0 12px 32px rgba(20, 42, 60, .12) !important;
    touch-action: none !important;
}

.flamo-crop-frame.is-avatar {
    width: 166px !important;
    height: 166px !important;
    aspect-ratio: 1/1 !important;
    border-radius: 24px !important;
}

.flamo-crop-frame.is-banner {
    aspect-ratio: 3/1 !important;
    border-radius: 16px !important;
}

.flamo-crop-frame img {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    max-width: none !important;
    max-height: none !important;
    transform-origin: center center !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

.flamo-crop-frame i {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(to right, transparent 33%, rgba(255, 255, 255, .72) 33% 34%, transparent 34% 66%, rgba(255, 255, 255, .72) 66% 67%, transparent 67%), linear-gradient(to bottom, transparent 33%, rgba(255, 255, 255, .72) 33% 34%, transparent 34% 66%, rgba(255, 255, 255, .72) 66% 67%, transparent 67%) !important;
    mix-blend-mode: soft-light !important;
}

.flamo-crop-zoom {
    margin: 11px 0 0 !important;
    font-size: 10px !important;
    color: #303136 !important;
}

.flamo-crop-zoom input {
    width: 100% !important;
    accent-color: #202126 !important;
}

.flamo-crop-actions {
    display: grid !important;
    grid-template-columns: .8fr 1fr !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.flamo-crop-actions button {
    min-height: 34px !important;
    border-radius: 9px !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.flamo-crop-cancel {
    color: #202126 !important;
    background: rgba(255, 255, 255, .62) !important;
    border: 1px solid rgba(255, 255, 255, .76) !important;
}

.flamo-crop-use {
    color: #fff !important;
    background: linear-gradient(to bottom, #2d2e36, #15161b) !important;
    border: 0 !important;
    box-shadow: 0 12px 28px rgba(17, 18, 23, .16), inset 0 1px 0 rgba(255, 255, 255, .15) !important;
}

.flamo-profile {
    max-width: 760px !important;
    height: min(620px, calc(100dvh - 150px)) !important;
    min-height: 500px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .92) !important;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    box-shadow: 0 30px 90px rgba(54, 94, 129, .18), 0 6px 24px rgba(21, 35, 50, .10) !important;
}

.flamo-profile .flamo-cover {
    flex: 0 0 auto !important;
    height: 86px !important;
    border-radius: 24px 24px 0 0 !important;
}

.flamo-profile .flamo-profile-main {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 18px 20px 22px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(32, 33, 38, .20) transparent !important;
}

.flamo-profile .flamo-profile-top {
    grid-template-columns: 66px minmax(0, 1fr) !important;
    gap: 14px !important;
}

.flamo-profile .flamo-avatar-big {
    width: 66px !important;
    height: 66px !important;
    border-radius: 18px !important;
}

.flamo-profile .flamo-profile-info h1 {
    font-size: 22px !important;
}

.flamo-profile .flamo-profile-info p {
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.flamo-profile .flamo-section {
    margin-top: 20px !important;
}

.flamo-profile .flamo-section h3 {
    font-size: 15px !important;
    margin-bottom: 10px !important;
}

.flamo-profile .flamo-course {
    min-height: 52px !important;
    align-items: center !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
}

.flamo-profile .flamo-course strong {
    font-size: 11px !important;
}

.flamo-profile .flamo-gallery {
    grid-template-columns: repeat(auto-fill, minmax(92px, 128px)) !important;
    gap: 9px !important;
}

.flamo-profile .flamo-gallery-item {
    max-width: 128px !important;
    border-radius: 12px !important;
}

@media(max-width:680px) {
    .flamo-edit-shell {
        min-height: 560px !important;
        height: min(600px, calc(100dvh - 94px)) !important;
        padding: 12px !important;
    }

    .flamo-edit-shell .flamo-edit-card {
        width: min(304px, 100%) !important;
        height: min(548px, calc(100dvh - 104px)) !important;
        padding: 13px !important;
        border-radius: 20px !important;
    }

    .flamo-edit-shell .flamo-edit-head {
        grid-template-columns: 36px minmax(0, 1fr) auto !important;
        gap: 8px !important;
        margin-bottom: 8px !important;
    }

    .flamo-edit-shell .flamo-edit-avatar-wrap,
    .flamo-edit-shell .flamo-edit-avatar {
        width: 36px !important;
        height: 36px !important;
        border-radius: 12px !important;
    }

    .flamo-edit-shell .flamo-edit-card h2 {
        font-size: 14px !important
    }

    .flamo-edit-shell .flamo-edit-head-copy p {
        font-size: 9px !important
    }

    .flamo-edit-shell .flamo-view-profile {
        min-height: 28px !important;
        padding: 0 9px !important;
        font-size: 9.5px !important
    }

    .flamo-edit-shell .flamo-edit-switch {
        margin-bottom: 8px !important;
        padding: 3px !important
    }

    .flamo-edit-shell .flamo-edit-switch button {
        min-height: 25px !important;
        font-size: 9.5px !important
    }

    .flamo-edit-shell .flamo-tab-panel.is-active {
        padding-right: 3px !important;
        padding-bottom: 8px !important
    }

    .flamo-edit-shell .flamo-grid-2 {
        grid-template-columns: 1fr !important;
        gap: 8px !important
    }

    .flamo-edit-shell .flamo-edit-card input[type=text],
    .flamo-edit-shell .flamo-edit-card input[type=password],
    .flamo-edit-shell .flamo-edit-card select {
        height: 29px !important;
        min-height: 29px !important;
        font-size: 9.8px !important;
        padding: 0 9px !important
    }

    .flamo-edit-shell .flamo-edit-card textarea {
        min-height: 58px !important;
        font-size: 9.8px !important;
        padding: 8px 9px !important
    }

    .flamo-edit-shell .flamo-edit-card label {
        font-size: 9px !important;
        margin-bottom: 4px !important
    }

    .flamo-edit-shell .flamo-avatar-edit-row {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: 8px !important
    }

    .flamo-edit-shell .flamo-avatar-preview,
    .flamo-edit-shell .flamo-avatar-preview img,
    .flamo-edit-shell .flamo-edit-avatar-large {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important
    }

    .flamo-edit-shell .flamo-upload {
        min-height: 33px !important;
        padding: 6px 9px !important;
        gap: 7px !important
    }

    .flamo-edit-shell .flamo-upload__icon svg {
        width: 13px !important;
        height: 13px !important
    }

    .flamo-edit-shell .flamo-upload span {
        font-size: 9.7px !important
    }

    .flamo-edit-shell .flamo-help,
    .flamo-edit-shell .flamo-pass-note {
        font-size: 8.6px !important
    }

    .flamo-edit-shell .flamo-banner-preview {
        height: 50px !important;
        margin-top: 6px !important
    }

    .flamo-edit-shell .flamo-edit-gallery {
        grid-template-columns: repeat(3, 38px) !important;
        gap: 6px !important
    }

    .flamo-edit-shell .flamo-thumb {
        width: 38px !important;
        border-radius: 8px !important
    }

    .flamo-edit-shell .flamo-password-box {
        padding: 9px !important;
        border-radius: 12px !important
    }

    .flamo-edit-shell .flamo-password-head {
        margin-bottom: 8px !important
    }

    .flamo-edit-shell .flamo-password-head strong {
        font-size: 11.5px !important
    }

    .flamo-edit-shell .flamo-password-head p {
        font-size: 8.7px !important
    }

    .flamo-edit-shell .flamo-pass-badge {
        min-height: 21px !important;
        font-size: 8.6px !important;
        padding: 0 8px !important
    }

    .flamo-edit-shell .flamo-pass-meter {
        height: 5px !important
    }

    .flamo-edit-shell .flamo-save {
        min-height: 31px !important;
        font-size: 10.5px !important;
        margin-top: 9px !important
    }

    .flamo-crop-card {
        width: min(304px, calc(100vw - 24px)) !important;
        padding: 12px !important;
        border-radius: 20px !important
    }

    .flamo-crop-stage {
        min-height: 168px !important;
        padding: 10px !important;
        border-radius: 16px !important
    }

    .flamo-crop-frame.is-avatar {
        width: 134px !important;
        height: 134px !important;
        border-radius: 20px !important
    }

    .flamo-crop-frame.is-banner {
        border-radius: 14px !important
    }

    .flamo-crop-head strong {
        font-size: 12.5px !important
    }

    .flamo-crop-head p {
        font-size: 8.8px !important
    }

    .flamo-crop-head span {
        min-height: 22px !important;
        font-size: 8.7px !important
    }

    .flamo-crop-actions button {
        min-height: 31px !important;
        font-size: 9.7px !important
    }

    .flamo-profile {
        width: min(304px, 100%) !important;
        height: min(532px, calc(100dvh - 108px)) !important;
        min-height: 0 !important;
        border-radius: 20px !important;
    }

    .flamo-profile .flamo-cover {
        height: 72px !important;
        border-radius: 20px 20px 0 0 !important
    }

    .flamo-profile .flamo-profile-main {
        padding: 13px !important
    }

    .flamo-profile .flamo-profile-top {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        gap: 10px !important
    }

    .flamo-profile .flamo-avatar-big {
        width: 48px !important;
        height: 48px !important;
        border-radius: 14px !important
    }

    .flamo-profile .flamo-profile-info h1 {
        font-size: 16px !important
    }

    .flamo-profile .flamo-profile-info p {
        font-size: 9.8px !important
    }

    .flamo-profile .flamo-socials a {
        font-size: 9px !important;
        padding: 6px 8px !important
    }

    .flamo-profile .flamo-section {
        margin-top: 16px !important
    }

    .flamo-profile .flamo-section h3 {
        font-size: 12px !important
    }

    /* v1.9.6 tiny delete controls + bigger gallery thumbs */
    .flamo-edit-shell .flamo-delete-line {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin-top: 6px !important;
        min-height: 24px !important;
        padding: 2px 8px !important;
        border: 0 !important;
        background: transparent !important;
        border-radius: 8px !important;
        color: #5d6675 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    .flamo-edit-shell .flamo-delete-line input {
        width: 14px !important;
        height: 14px !important;
        margin: 0 !important;
        accent-color: #ef4444 !important;
    }

    .flamo-edit-shell .flamo-delete-line span {
        font-weight: 700 !important;
    }

    .flamo-edit-shell .flamo-delete-line input:checked+span {
        color: #d92d20 !important;
    }

    .flamo-edit-shell .flamo-gallery-delete-bar {
        margin: 6px 0 6px !important;
    }

    .flamo-edit-shell .flamo-gallery-delete-bar span {
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #677489 !important;
    }

    .flamo-edit-shell .flamo-gallery-delete-btn {
        min-height: 26px !important;
        height: 26px !important;
        padding: 0 10px !important;
        border-radius: 9px !important;
        font-size: 10.5px !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
    }

    .flamo-edit-shell .flamo-edit-gallery {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(56px, 56px)) !important;
        gap: 9px !important;
        justify-content: flex-start !important;
        margin-top: 8px !important;
    }

    .flamo-edit-shell .flamo-edit-gallery .flamo-thumb {
        width: 56px !important;
        height: 56px !important;
        border-radius: 12px !important;
    }

    .flamo-edit-shell .flamo-edit-gallery .flamo-thumb img,
    .flamo-edit-shell .flamo-edit-gallery .flamo-thumb video {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 1/1 !important;
        object-fit: cover !important;
    }

    .flamo-edit-shell .flamo-gallery-check {
        left: 5px !important;
        bottom: 5px !important;
        padding: 2px !important;
        border-radius: 6px !important;
    }

    @media (max-width:680px) {
        .flamo-edit-shell .flamo-delete-line {
            min-height: 22px !important;
            padding: 1px 6px !important;
            font-size: 10px !important;
        }

        .flamo-edit-shell .flamo-gallery-delete-btn {
            min-height: 24px !important;
            height: 24px !important;
            padding: 0 8px !important;
            border-radius: 8px !important;
            font-size: 10px !important;
        }

        .flamo-edit-shell .flamo-edit-gallery {
            grid-template-columns: repeat(auto-fit, minmax(52px, 52px)) !important;
            gap: 8px !important;
        }

        .flamo-edit-shell .flamo-edit-gallery .flamo-thumb {
            width: 52px !important;
            height: 52px !important;
            border-radius: 11px !important;
        }
    }

    .flamo-profile .flamo-course {
        min-height: 46px !important;
        padding: 7px 8px !important
    }

    .flamo-profile .flamo-course strong {
        font-size: 9.5px !important
    }

    .flamo-profile .flamo-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important
    }

    .flamo-profile .flamo-gallery-item {
        max-width: none !important
    }
}

/* v1.8.7 performance fix: plugin renders card only, no page background */
.flamo-edit-shell {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    isolation: auto !important;
}

.flamo-edit-shell::before,
.flamo-edit-shell::after {
    display: none !important;
    content: none !important;
}

.flamo-edit-shell .flamo-edit-card {
    width: min(430px, 100%) !important;
    max-width: 430px !important;
    height: min(648px, calc(100dvh - 150px)) !important;
    margin: 0 auto !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.flamo-edit-shell .flamo-edit-card::before {
    display: none !important;
    content: none !important;
}

.flamo-edit-shell .flamo-edit-switch,
.flamo-edit-shell .flamo-password-box,
.flamo-edit-shell .flamo-upload {
    background: #f6f8fb !important;
    border-color: rgba(15, 23, 42, .08) !important;
}

.flamo-edit-shell .flamo-edit-switch button.is-active {
    background: #202126 !important;
}

.flamo-edit-shell .flamo-edit-card input[type=text],
.flamo-edit-shell .flamo-edit-card input[type=password],
.flamo-edit-shell .flamo-edit-card textarea,
.flamo-edit-shell .flamo-edit-card select,
.flamo-edit-shell .flamo-pass-field {
    background: #f1f4f7 !important;
}

.flamo-profile {
    max-width: 640px !important;
    height: min(560px, calc(100dvh - 150px)) !important;
    background: #fff !important;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .08) !important;
}

.flamo-profile .flamo-cover {
    height: 72px !important;
}

@media(max-width:680px) {
    .flamo-edit-shell {
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
    }

    .flamo-edit-shell .flamo-edit-card {
        width: min(304px, 100%) !important;
        height: min(548px, calc(100dvh - 104px)) !important;
    }

    .flamo-profile {
        width: min(304px, 100%) !important;
        height: min(532px, calc(100dvh - 108px)) !important;
    }
}

/* v1.8.8 strict card-only mode for edit profile and public profile */
.flamo-edit-shell {
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    position: relative !important;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.flamo-edit-shell .flamo-edit-card {
    width: min(430px, 100%) !important;
    max-width: 430px !important;
    height: min(648px, calc(100dvh - 150px)) !important;
    margin: 0 !important;
    background: #fff !important;
}

.flamo-profile {
    width: min(640px, 100%) !important;
    max-width: 640px !important;
    height: min(560px, calc(100dvh - 150px)) !important;
    margin: 0 !important;
    background: #fff !important;
}

@media(max-width:680px) {
    .flamo-edit-shell .flamo-edit-card {
        width: min(304px, 100%) !important;
        height: min(548px, calc(100dvh - 104px)) !important;
        margin: 0 !important;
    }

    .flamo-profile {
        width: min(304px, 100%) !important;
        height: min(532px, calc(100dvh - 108px)) !important;
        margin: 0 !important;
    }
}

/* v1.9.0 student profile matched to compact preview */
.flamo-profile {
    width: min(460px, 100%) !important;
    max-width: 460px !important;
    height: min(620px, calc(100dvh - 56px)) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 18px !important;
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .08) !important;
    overflow: hidden !important;
}

.flamo-profile .flamo-cover {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 86px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    background-color: var(--flamo-banner) !important;
    background-size: cover !important;
    background-position: center !important;
    margin: 0 !important;
}

.flamo-profile .flamo-profile-main {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.flamo-profile .flamo-profile-top {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 11px 8px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(25, 31, 42, .07) !important;
}

.flamo-profile .flamo-avatar-big {
    width: 58px !important;
    height: 58px !important;
    border-radius: 17px !important;
    border: 3px solid rgba(255, 255, 255, .74) !important;
    box-shadow: 0 14px 30px rgba(25, 45, 65, .16) !important;
    object-fit: cover !important;
}

.flamo-profile .flamo-profile-info {
    min-width: 0 !important;
}

.flamo-profile .flamo-profile-info h1 {
    margin: 0 !important;
    color: #111217 !important;
    font-size: 16px !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.flamo-profile .flamo-profile-info p {
    margin: 6px 0 0 !important;
    color: #686d78 !important;
    font-size: 10.5px !important;
    line-height: 1.42 !important;
}

.flamo-profile .flamo-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-top: 7px !important;
}

.flamo-profile .flamo-role,
.flamo-profile .flamo-status {
    min-height: 21px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.flamo-profile .flamo-socials {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 8px 0 0 !important;
}

.flamo-profile .flamo-socials a {
    min-height: 27px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #303136 !important;
    background: #f6f8fb !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}

.flamo-profile .flamo-profile-stats {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 7px !important;
    margin: 12px 0 !important;
}

.flamo-profile .flamo-profile-stats div {
    min-height: 54px !important;
    padding: 9px !important;
    border-radius: 10px !important;
    background: #f1f4f7 !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
}

.flamo-profile .flamo-profile-stats strong {
    display: block !important;
    margin-bottom: 5px !important;
    color: #111217 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
}

.flamo-profile .flamo-profile-stats span {
    display: block !important;
    color: #686d78 !important;
    font-size: 8.8px !important;
    line-height: 1.2 !important;
}

.flamo-profile .flamo-profile-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 4px 4px 0 !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(32, 33, 38, .20) transparent !important;
}

.flamo-profile .flamo-profile-scroll::-webkit-scrollbar {
    width: 5px !important
}

.flamo-profile .flamo-profile-scroll::-webkit-scrollbar-track {
    background: transparent !important
}

.flamo-profile .flamo-profile-scroll::-webkit-scrollbar-thumb {
    background: rgba(32, 33, 38, .18) !important;
    border-radius: 999px !important
}

.flamo-profile .flamo-section {
    margin: 0 !important;
    padding: 11px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
}

.flamo-profile .flamo-section+.flamo-section {
    margin-top: 9px !important;
}

.flamo-profile .flamo-section h3 {
    margin: 0 0 9px !important;
    color: #111217 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.flamo-profile .flamo-course-list {
    display: grid !important;
    gap: 7px !important;
}

.flamo-profile .flamo-course {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 6px !important;
    border-radius: 9px !important;
    background: #f1f4f7 !important;
    border: 0 !important;
}

.flamo-profile .flamo-course-thumb {
    width: 36px !important;
    height: 32px !important;
    flex: 0 0 36px !important;
    border-radius: 7px !important;
}

.flamo-profile .flamo-course-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.flamo-profile .flamo-course strong {
    color: #202126 !important;
    font-size: 9.8px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    white-space: normal !important;
}

.flamo-profile .flamo-course-progress {
    min-width: 32px !important;
    height: 21px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #202126 !important;
    color: #fff !important;
    font-size: 8.8px !important;
    font-weight: 500 !important;
}

.flamo-profile .flamo-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 7px !important;
}

.flamo-profile .flamo-gallery-item {
    max-width: none !important;
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    border-radius: 9px !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    overflow: hidden !important;
}

.flamo-profile .flamo-gallery-item img,
.flamo-profile .flamo-gallery-item video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

@media(max-width:680px) {
    .flamo-profile {
        width: min(304px, 100%) !important;
        height: min(532px, calc(100dvh - 100px)) !important;
        padding: 13px !important;
        border-radius: 20px !important;
    }

    .flamo-profile .flamo-cover {
        height: 72px !important;
        border-radius: 15px !important;
    }

    .flamo-profile .flamo-profile-top {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        gap: 8px !important;
        margin: 9px 5px 0 !important;
        padding-bottom: 10px !important;
    }

    .flamo-profile .flamo-avatar-big {
        width: 46px !important;
        height: 46px !important;
        border-radius: 13px !important;
        border-width: 2px !important;
    }

    .flamo-profile .flamo-profile-info h1 {
        font-size: 14px !important
    }

    .flamo-profile .flamo-profile-info p {
        font-size: 9.2px !important;
        line-height: 1.35 !important
    }

    .flamo-profile .flamo-badges {
        margin-top: 6px !important
    }

    .flamo-profile .flamo-role,
    .flamo-profile .flamo-status {
        min-height: 19px !important;
        font-size: 8.4px !important;
        padding: 0 7px !important
    }

    .flamo-profile .flamo-socials {
        margin-top: 7px !important
    }

    .flamo-profile .flamo-socials a {
        min-height: 25px !important;
        font-size: 9px !important;
        padding: 0 8px !important
    }

    .flamo-profile .flamo-profile-stats {
        gap: 6px !important;
        margin: 10px 0 !important
    }

    .flamo-profile .flamo-profile-stats div {
        min-height: 48px !important;
        padding: 8px !important;
        border-radius: 9px !important
    }

    .flamo-profile .flamo-profile-stats strong {
        font-size: 13px !important
    }

    .flamo-profile .flamo-profile-stats span {
        font-size: 8px !important
    }

    .flamo-profile .flamo-section {
        padding: 9px !important;
        border-radius: 12px !important
    }

    .flamo-profile .flamo-section+.flamo-section {
        margin-top: 8px !important
    }

    .flamo-profile .flamo-section h3 {
        font-size: 11px !important;
        margin-bottom: 8px !important
    }

    .flamo-profile .flamo-course {
        grid-template-columns: 32px minmax(0, 1fr) auto !important;
        min-height: 42px !important;
        gap: 7px !important
    }

    .flamo-profile .flamo-course-thumb {
        width: 32px !important;
        height: 29px !important
    }

    .flamo-profile .flamo-course strong {
        font-size: 9px !important
    }

    .flamo-profile .flamo-course-progress {
        height: 20px !important;
        min-width: 30px !important;
        font-size: 8px !important
    }

    .flamo-profile .flamo-gallery {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 6px !important
    }

    .flamo-profile .flamo-gallery-item {
        border-radius: 8px !important
    }
}

/* v1.9.2 compact delete controls */
.flamo-edit-shell .flamo-delete-chip {
    width: max-content !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 7px 0 0 !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: rgba(239, 68, 68, .08) !important;
    border: 1px solid rgba(239, 68, 68, .16) !important;
    color: #991b1b !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.flamo-edit-shell .flamo-delete-chip input {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    accent-color: #ef4444 !important;
}

.flamo-edit-shell .flamo-gallery-delete-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 8px 0 7px !important;
}

.flamo-edit-shell .flamo-gallery-delete-bar span {
    color: var(--flamo-compact-muted) !important;
    font-size: 9.4px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.flamo-edit-shell .flamo-gallery-delete-btn {
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ef4444 !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(239, 68, 68, .18) !important;
}

.flamo-edit-shell .flamo-gallery-delete-btn:disabled {
    opacity: .42 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-edit-gallery .flamo-thumb {
    position: relative !important;
    overflow: hidden !important;
    background: #fff !important;
}

.flamo-edit-shell .flamo-edit-gallery .flamo-thumb.is-delete-selected {
    border-color: rgba(239, 68, 68, .70) !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .10) !important;
}

.flamo-edit-shell .flamo-edit-gallery .flamo-thumb span {
    position: absolute !important;
    left: 4px !important;
    bottom: 4px !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .92) !important;
    border: 1px solid rgba(15, 23, 42, .16) !important;
    box-shadow: 0 5px 12px rgba(15, 23, 42, .12) !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.flamo-edit-shell .flamo-edit-gallery .flamo-thumb input[type="checkbox"] {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    margin: 0 !important;
    accent-color: var(--flamo-accent) !important;
}

.flamo-edit-shell .flamo-pass-badge {
    display: none !important;
}

@media(max-width:620px) {
    .flamo-panel-overlay {
        position: fixed;
        inset: 0;
        z-index: 99990;
        background: rgba(15, 23, 42, .24);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: .25s ease
    }

    body.fa-panel-open .flamo-panel-overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .flb13-shell.fa-mobile-panel {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        width: calc(100vw - 28px) !important;
        max-width: 420px !important;
        z-index: 100000 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translate(-50%, -45%) scale(.96) !important;
        transition: .25s ease !important
    }

    body.fa-panel-open .flb13-shell.fa-mobile-panel {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate(-50%, -50%) scale(1) !important
    }

    body.fa-panel-open {
        overflow: hidden !important
    }
}

/* v1.9.3 edit profile polish */
.flamo-edit-shell .flamo-alert {
    padding: 12px 16px !important;
    border-radius: 16px !important;
    background: rgba(34, 197, 94, .12) !important;
    border: 1px solid rgba(34, 197, 94, .20) !important;
    color: #166534 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-alert--error {
    background: rgba(239, 68, 68, .10) !important;
    border-color: rgba(239, 68, 68, .22) !important;
    color: #991b1b !important;
}

.flamo-edit-shell .flamo-upload {
    min-height: 42px !important;
    border-radius: 14px !important;
    background: #f6f8fb !important;
    border: 1px dashed rgba(15, 23, 42, .16) !important;
    color: #1f2937 !important;
}

.flamo-edit-shell .flamo-delete-line {
    width: max-content !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 0 0 !important;
    color: #1f2937 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.flamo-edit-shell .flamo-delete-line input {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    accent-color: #1f2329 !important;
}

.flamo-edit-shell .flamo-delete-line:has(input:checked) {
    color: #b91c1c !important;
}

.flamo-edit-shell .flamo-crop-grid {
    display: none !important;
}

.flamo-edit-shell .flamo-password-box {
    padding: 16px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(239, 248, 255, .92), rgba(255, 255, 255, .96)) !important;
    border: 1px solid rgba(0, 145, 255, .14) !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-password-head {
    margin-bottom: 14px !important;
}

.flamo-edit-shell .flamo-password-head strong {
    font-size: 15px !important;
    color: #101827 !important;
}

.flamo-edit-shell .flamo-password-head p {
    margin-top: 6px !important;
    color: #697386 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

.flamo-edit-shell .flamo-password-box .flamo-grid-2 {
    gap: 14px !important;
    align-items: start !important;
}

.flamo-edit-shell .flamo-password-box label {
    margin-top: 12px !important;
    margin-bottom: 7px !important;
}

.flamo-edit-shell .flamo-pass-field {
    min-height: 46px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-pass-field input {
    font-size: 12px !important;
}

.flamo-edit-shell .flamo-pass-field.is-ok,
.flamo-edit-shell .flamo-pass-field:has(input.is-ok) {
    border-color: rgba(0, 145, 255, .36) !important;
    box-shadow: 0 0 0 4px rgba(0, 145, 255, .08) !important;
}

.flamo-edit-shell .flamo-pass-field.is-bad,
.flamo-edit-shell .flamo-pass-field:has(input.is-bad) {
    border-color: rgba(239, 68, 68, .38) !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .08) !important;
}

.flamo-edit-shell .flamo-pass-note {
    margin-top: 7px !important;
    font-size: 10.2px !important;
}

.flamo-edit-shell .flamo-forgot-inline {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--flamo-accent) !important;
    font: inherit !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.flamo-edit-shell .flamo-forgot-box {
    margin: 12px 0 2px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(0, 145, 255, .14) !important;
}

.flamo-edit-shell .flamo-forgot-box strong {
    display: block !important;
    color: #101827 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.flamo-edit-shell .flamo-forgot-box p {
    margin: 6px 0 0 !important;
    color: #697386 !important;
    font-size: 10.2px !important;
    line-height: 1.45 !important;
}

.flamo-edit-shell .flamo-forgot-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

.flamo-edit-shell .flamo-forgot-field input {
    min-height: 40px !important;
    border-radius: 12px !important;
}

.flamo-edit-shell .flamo-forgot-field button,
.flamo-edit-shell .flamo-gallery-delete-btn {
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #1f2329 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .14) !important;
}

.flamo-edit-shell .flamo-forgot-field button:disabled,
.flamo-edit-shell .flamo-gallery-delete-btn:disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-gallery-delete-bar {
    margin: 10px 0 8px !important;
}

.flamo-edit-shell .flamo-save {
    background: #1f2329 !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .18) !important;
}

@media(max-width:680px) {
    .flamo-edit-shell .flamo-password-box {
        padding: 13px !important
    }

    .flamo-edit-shell .flamo-password-box .flamo-grid-2 {
        gap: 11px !important
    }

    .flamo-edit-shell .flamo-forgot-field {
        grid-template-columns: 1fr !important
    }

    .flamo-edit-shell .flamo-forgot-field button {
        width: 100% !important
    }
}

/* v1.9.4 final cleanup: lighter card, smaller actions, cleaner password */
.flamo-edit-shell {
    background: transparent !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important
}

.flamo-edit-shell::before,
.flamo-edit-shell::after {
    display: none !important
}

.flamo-edit-shell .flamo-edit-card {
    width: min(760px, 100%) !important;
    max-width: 760px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background: #fff !important;
    border: 1px solid rgba(17, 24, 39, .08) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.flamo-edit-shell .flamo-edit-card::before {
    display: none !important
}

.flamo-edit-shell .flamo-tab-panel.is-active {
    overflow: visible !important;
    padding: 0 !important
}

.flamo-edit-shell .flamo-alert {
    font-size: 13px !important;
    line-height: 1.4 !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
}

.flamo-edit-shell .flamo-delete-line {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 34px !important;
    margin-top: 8px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(239, 68, 68, .28) !important;
    background: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #b42318 !important;
}

.flamo-edit-shell .flamo-delete-line input {
    margin: 0 !important
}

.flamo-edit-shell .flamo-gallery-delete-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 8px 0 8px !important
}

.flamo-edit-shell .flamo-gallery-delete-btn {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    background: #1f2430 !important;
    color: #fff !important;
}

.flamo-edit-shell .flamo-gallery-delete-btn:disabled {
    background: #9aa0a6 !important;
    color: #fff !important;
    opacity: 1 !important
}

.flamo-edit-shell .flamo-gallery-check {
    position: absolute !important;
    left: 8px !important;
    bottom: 8px !important;
    background: rgba(255, 255, 255, .92) !important;
    border-radius: 8px !important;
    padding: 3px !important
}

.flamo-edit-shell .flamo-thumb {
    position: relative !important
}

.flamo-edit-shell .flamo-thumb.is-delete-selected {
    outline: 2px solid #2563eb !important;
    outline-offset: 2px !important
}

.flamo-edit-shell .flamo-password-box {
    padding: 14px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid #dbe4ef !important;
    box-shadow: none !important;
}

.flamo-edit-shell .flamo-password-head {
    margin-bottom: 10px !important
}

.flamo-edit-shell .flamo-password-head strong {
    font-size: 22px !important;
    line-height: 1.15 !important
}

.flamo-edit-shell .flamo-password-head p {
    font-size: 13px !important;
    line-height: 1.5 !important
}

.flamo-edit-shell .flamo-password-box .flamo-grid-2 {
    gap: 14px !important;
    margin-top: 10px !important
}

.flamo-edit-shell .flamo-pass-field {
    min-height: 48px !important;
    border-radius: 12px !important;
    padding: 0 10px !important;
    border: 1px solid #d4dbe6 !important;
    background: #fff !important
}

.flamo-edit-shell .flamo-pass-field input {
    min-height: 46px !important;
    padding: 0 8px !important;
    font-size: 14px !important
}

.flamo-edit-shell .flamo-pass-note {
    font-size: 12px !important;
    line-height: 1.55 !important
}

.flamo-edit-shell .flamo-forgot-box {
    padding: 12px !important;
    border-radius: 12px !important
}

.flamo-edit-shell .flamo-forgot-field {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important
}

.flamo-edit-shell .flamo-forgot-field button {
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    background: #1f2430 !important;
    color: #fff !important;
    font-weight: 700 !important
}

@media (max-width:680px) {
    .flamo-edit-shell .flamo-edit-card {
        padding: 14px !important;
        border-radius: 18px !important
    }

    .flamo-edit-shell .flamo-password-head strong {
        font-size: 18px !important
    }

    .flamo-edit-shell .flamo-password-box .flamo-grid-2 {
        gap: 10px !important
    }
}

/* v1.9.5 toast notif + compact controls */
.flamo-edit-card>.flamo-alert {
    display: none !important;
}

.flamo-page-toast {
    position: fixed !important;
    right: 18px !important;
    top: 18px !important;
    z-index: 999999 !important;
    width: min(420px, calc(100vw - 24px)) !important;
    margin: 0 !important;
    padding: 10px 40px 10px 12px !important;
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid #d8e0ea !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .14) !important;
    transform: translateY(-8px) !important;
    opacity: 0 !important;
    transition: all .22s ease !important;
}

.flamo-page-toast.flamo-alert {
    color: #1f7a3b !important;
}

.flamo-page-toast.flamo-alert--error {
    color: #c43b2f !important;
}

.flamo-page-toast.flamo-alert--warning {
    color: #b66b00 !important;
}

.flamo-page-toast.flamo-alert--info {
    color: #2563eb !important;
}

.flamo-page-toast.is-show {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.flamo-page-toast-close {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: inherit !important;
    font-size: 19px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: .7 !important;
}

.flamo-page-toast-close:hover {
    opacity: 1 !important
}

.flamo-edit-shell .flamo-gallery-delete-btn {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 11px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

.flamo-edit-shell .flamo-password-box>.flamo-grid-2 {
    margin-top: 16px !important;
    row-gap: 16px !important;
    column-gap: 14px !important;
}

.flamo-edit-shell .flamo-upload-status {
    background: #fff !important;
    border: 1px solid #d8e0ea !important;
    border-radius: 12px !important;
}

.flamo-edit-shell .flamo-upload-status.is-active {
    color: #2563eb !important;
}

.flamo-edit-shell .flamo-upload-status.is-done {
    color: #1f7a3b !important;
}

.flamo-edit-shell .flamo-upload-status.is-error {
    color: #c43b2f !important;
}

@media (max-width:680px) {
    .flamo-page-toast {
        top: auto !important;
        right: 10px !important;
        left: 10px !important;
        bottom: 12px !important;
        width: auto !important;
        padding: 10px 36px 10px 11px !important;
        font-size: 12px !important;
    }

    .flamo-edit-shell .flamo-password-box>.flamo-grid-2 {
        margin-top: 13px !important;
        row-gap: 13px !important;
    }
}

/* v1.9.7 hard lock: compact card + inner scroll + clean delete controls */
.flamo-edit-shell {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    display: grid !important;
    place-items: center !important;
}

.flamo-edit-shell .flamo-edit-card {
    width: min(440px, 100%) !important;
    max-width: 440px !important;
    height: min(660px, calc(100dvh - 120px)) !important;
    max-height: min(660px, calc(100dvh - 120px)) !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 14px !important;
    border-radius: 22px !important;
}

.flamo-edit-shell .flamo-tab-panel.is-active {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 3px 10px 0 !important;
}

.flamo-edit-shell .flamo-save {
    flex: 0 0 auto !important;
    margin-top: 12px !important;
}

.flamo-edit-shell .flamo-delete-line {
    min-height: 28px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(17, 24, 39, .06) !important;
    color: #4b5563 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.flamo-edit-shell .flamo-delete-line input {
    width: 14px !important;
    height: 14px !important;
}

.flamo-edit-shell .flamo-delete-line:has(input:checked),
.flamo-edit-shell .flamo-delete-line input:checked+span {
    color: #c43b2f !important;
    background: rgba(239, 68, 68, .12) !important;
}

.flamo-edit-shell .flamo-gallery-delete-btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 9px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
}

.flamo-edit-shell .flamo-edit-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.flamo-edit-shell .flamo-thumb {
    border-radius: 12px !important;
}

.flamo-edit-shell .flamo-thumb img,
.flamo-edit-shell .flamo-thumb video {
    aspect-ratio: 1/1 !important;
}

@media (max-width:680px) {
    .flamo-edit-shell .flamo-edit-card {
        width: min(360px, 100%) !important;
        max-width: 360px !important;
        height: min(620px, calc(100dvh - 90px)) !important;
        max-height: min(620px, calc(100dvh - 90px)) !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    .flamo-edit-shell .flamo-tab-panel.is-active {
        padding-right: 1px !important;
    }
}/* End custom CSS */