.elementor-207 .elementor-element.elementor-element-fcf07f5{--display:flex;--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;}.elementor-207 .elementor-element.elementor-element-fcf07f5:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-fcf07f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-207 .elementor-element.elementor-element-61fd169{--display:flex;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-207 .elementor-element.elementor-element-f579541 img{width:100%;max-width:100%;height:373px;object-fit:cover;object-position:center center;}.elementor-207 .elementor-element.elementor-element-9be37f6 img{border-style:solid;border-color:#00000000;}.elementor-207 .elementor-element.elementor-element-3a10c9b{--display:flex;--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;}.elementor-207 .elementor-element.elementor-element-3a10c9b:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-3a10c9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-207 .elementor-element.elementor-element-18a6732 .elementor-heading-title{font-family:"Jacques Francois", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-d671e74 .elementor-heading-title{font-family:"La Belle Aurore", Sans-serif;font-weight:400;text-shadow:0px 0px 7px #FF00D8;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-289e844{--display:flex;}.elementor-207 .elementor-element.elementor-element-da9407f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-207 .elementor-element.elementor-element-da9407f:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-da9407f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-207 .elementor-element.elementor-element-c36dd5f .elementor-button{background-color:#00000000;font-family:"Roboto", Sans-serif;font-weight:400;fill:#FFFFFF;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-c36dd5f .elementor-button-content-wrapper{flex-direction:row;}.elementor-207 .elementor-element.elementor-element-137a2ab .elementor-button{background-color:#00000000;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-137a2ab .elementor-button-content-wrapper{flex-direction:row;}.elementor-207 .elementor-element.elementor-element-f43f4c0 .elementor-button{background-color:#00000000;font-family:"Roboto", Sans-serif;font-weight:400;fill:#FFFFFF;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-f43f4c0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-207 .elementor-element.elementor-element-9379567 .elementor-button{background-color:#00000000;font-family:"Roboto", Sans-serif;font-weight:400;fill:#FFFFFF;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-9379567 .elementor-button-content-wrapper{flex-direction:row;}.elementor-207 .elementor-element.elementor-element-68ca444 .elementor-button{background-color:#00000000;font-family:"Roboto", Sans-serif;font-weight:400;fill:#FFFFFF;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-68ca444 .elementor-button-content-wrapper{flex-direction:row;}.elementor-207 .elementor-element.elementor-element-f5716d9{--display:flex;--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;}.elementor-207 .elementor-element.elementor-element-f5716d9:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-f5716d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-207 .elementor-element.elementor-element-9103354 .elementor-button-content-wrapper{flex-direction:row;}.elementor-207 .elementor-element.elementor-element-9103354 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:400;fill:#FFFFFF;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-3ac9a9e{--display:flex;--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;}.elementor-207 .elementor-element.elementor-element-3ac9a9e:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-3ac9a9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-207 .elementor-element.elementor-element-c616ae1{--display:flex;}.elementor-207 .elementor-element.elementor-element-d492d89{--display:flex;--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;}.elementor-207 .elementor-element.elementor-element-33c2621{--display:flex;}.elementor-207 .elementor-element.elementor-element-4412155{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-207 .elementor-element.elementor-element-179565c{font-family:"Rosario", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-7688c32 .elementor-heading-title{font-family:"La Belle Aurore", Sans-serif;font-weight:400;text-shadow:0px 0px 7px #FF00D8;color:#FFFFFF;}body:not(.rtl) .elementor-207 .elementor-element.elementor-element-f20a10e{left:0px;}body.rtl .elementor-207 .elementor-element.elementor-element-f20a10e{right:0px;}.elementor-207 .elementor-element.elementor-element-f20a10e{top:0px;}.elementor-207 .elementor-element.elementor-element-f20a10e img{opacity:0.44;}.elementor-207 .elementor-element.elementor-element-f970728{--display:flex;}.elementor-207 .elementor-element.elementor-element-1097aa4{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-207 .elementor-element.elementor-element-b9b29ac{--display:flex;}.elementor-207 .elementor-element.elementor-element-d507e13{--display:flex;--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;}.elementor-207 .elementor-element.elementor-element-274e545 .elementor-heading-title{font-family:"La Belle Aurore", Sans-serif;font-weight:400;text-shadow:0px 0px 7px #FF00D8;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-120f394{font-family:"Rosario", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-db5df9e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:#FFFFFF8A;--n-tabs-title-color-active:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-db5df9e > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-207 .elementor-element.elementor-element-db5df9e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-207 .elementor-element.elementor-element-db5df9e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#2F3448;border-style:solid;border-color:#2F3448;}.elementor-207 .elementor-element.elementor-element-db5df9e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#2F3448;}.elementor-207 .elementor-element.elementor-element-db5df9e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-style:solid;border-color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-db5df9e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-207 .elementor-element.elementor-element-eb9acc7{--display:flex;--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;border-style:solid;--border-style:solid;border-color:#FFFFFF7A;--border-color:#FFFFFF7A;}.elementor-207 .elementor-element.elementor-element-eb9acc7:not(.elementor-motion-effects-element-type-background), .elementor-207 .elementor-element.elementor-element-eb9acc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-207 .elementor-element.elementor-element-60f6c6c .elementor-heading-title{font-family:"Jacques Francois", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-682825e{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-207 .elementor-element.elementor-element-e768e2e .elementor-icon-wrapper{text-align:center;}.elementor-207 .elementor-element.elementor-element-e768e2e.elementor-view-stacked .elementor-icon{background-color:#000000;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-e768e2e.elementor-view-framed .elementor-icon, .elementor-207 .elementor-element.elementor-element-e768e2e.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-207 .elementor-element.elementor-element-e768e2e.elementor-view-framed .elementor-icon, .elementor-207 .elementor-element.elementor-element-e768e2e.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-207 .elementor-element.elementor-element-e768e2e.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-e768e2e.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-f788a12 .elementor-icon-wrapper{text-align:center;}.elementor-207 .elementor-element.elementor-element-f788a12.elementor-view-stacked .elementor-icon{background-color:#000000;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-f788a12.elementor-view-framed .elementor-icon, .elementor-207 .elementor-element.elementor-element-f788a12.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-207 .elementor-element.elementor-element-f788a12.elementor-view-framed .elementor-icon, .elementor-207 .elementor-element.elementor-element-f788a12.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-207 .elementor-element.elementor-element-f788a12.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-f788a12.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-d3f9f71 .elementor-icon-wrapper{text-align:center;}.elementor-207 .elementor-element.elementor-element-d3f9f71.elementor-view-stacked .elementor-icon{background-color:#000000;color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-d3f9f71.elementor-view-framed .elementor-icon, .elementor-207 .elementor-element.elementor-element-d3f9f71.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-207 .elementor-element.elementor-element-d3f9f71.elementor-view-framed .elementor-icon, .elementor-207 .elementor-element.elementor-element-d3f9f71.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-207 .elementor-element.elementor-element-d3f9f71.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-d3f9f71.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-207 .elementor-element.elementor-element-4f27a01{--display:flex;}.elementor-207 .elementor-element.elementor-element-bdbf9eb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-207 .elementor-element.elementor-element-5df1d9b{--divider-border-style:solid;--divider-color:#FFFFFF63;--divider-border-width:1px;}.elementor-207 .elementor-element.elementor-element-5df1d9b .elementor-divider-separator{width:100%;}.elementor-207 .elementor-element.elementor-element-5df1d9b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-207 .elementor-element.elementor-element-81f1f84{--display:flex;}.elementor-207 .elementor-element.elementor-element-b5b41d0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-207 .elementor-element.elementor-element-ba835f4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-b6c51e9{--display:flex;}.elementor-207 .elementor-element.elementor-element-025017d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-207 .elementor-element.elementor-element-4b7025f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-7bf81d1{--display:flex;}.elementor-207 .elementor-element.elementor-element-eb97965 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-207 .elementor-element.elementor-element-2562496 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-d47bf42{--display:flex;}.elementor-207 .elementor-element.elementor-element-3f7c6a1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-207 .elementor-element.elementor-element-6d63130 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-15994d6{--display:flex;}.elementor-207 .elementor-element.elementor-element-4fe3252 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-207 .elementor-element.elementor-element-f65ff15 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-8b735d6{--display:flex;}.elementor-207 .elementor-element.elementor-element-8584578 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-207 .elementor-element.elementor-element-28be304 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-cc8d270{--display:flex;}.elementor-207 .elementor-element.elementor-element-d975d6a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-207 .elementor-element.elementor-element-2635e66 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-207 .elementor-element.elementor-element-a41901f{--display:flex;}.elementor-207 .elementor-element.elementor-element-0eb1962{--display:flex;}.elementor-207 .elementor-element.elementor-element-ce2c064{--divider-border-style:solid;--divider-color:#FFFFFF63;--divider-border-width:1px;}.elementor-207 .elementor-element.elementor-element-ce2c064 .elementor-divider-separator{width:100%;}.elementor-207 .elementor-element.elementor-element-ce2c064 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-207 .elementor-element.elementor-element-3752a33 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-207 .elementor-element.elementor-element-b9f9ab0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;}@media(max-width:1024px){.elementor-207 .elementor-element.elementor-element-da9407f{--grid-auto-flow:row;}.elementor-207 .elementor-element.elementor-element-1097aa4{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-207 .elementor-element.elementor-element-fcf07f5{--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-207 .elementor-element.elementor-element-f579541 img{height:300px;object-fit:cover;object-position:top center;}.elementor-207 .elementor-element.elementor-element-9be37f6{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-207 .elementor-element.elementor-element-9be37f6 img{width:160px;height:160px;object-fit:cover;border-width:8px 8px 8px 8px;border-radius:50% 50% 50% 50%;}.elementor-207 .elementor-element.elementor-element-3a10c9b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-207 .elementor-element.elementor-element-18a6732{z-index:2;text-align:center;}.elementor-207 .elementor-element.elementor-element-18a6732 .elementor-heading-title{font-size:21px;}.elementor-207 .elementor-element.elementor-element-d671e74{z-index:2;text-align:center;}.elementor-207 .elementor-element.elementor-element-d671e74 .elementor-heading-title{font-size:22px;}.elementor-207 .elementor-element.elementor-element-289e844{--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-207 .elementor-element.elementor-element-da9407f{--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-207 .elementor-element.elementor-element-c36dd5f.elementor-element{--align-self:center;}.elementor-207 .elementor-element.elementor-element-c36dd5f{z-index:2;}.elementor-207 .elementor-element.elementor-element-c36dd5f .elementor-button{font-size:14px;}.elementor-207 .elementor-element.elementor-element-137a2ab.elementor-element{--align-self:center;}.elementor-207 .elementor-element.elementor-element-137a2ab{z-index:2;}.elementor-207 .elementor-element.elementor-element-137a2ab .elementor-button{font-size:14px;}.elementor-207 .elementor-element.elementor-element-f43f4c0.elementor-element{--align-self:center;}.elementor-207 .elementor-element.elementor-element-f43f4c0{z-index:2;}.elementor-207 .elementor-element.elementor-element-f43f4c0 .elementor-button{font-size:14px;}.elementor-207 .elementor-element.elementor-element-9379567.elementor-element{--align-self:center;}.elementor-207 .elementor-element.elementor-element-9379567{z-index:2;}.elementor-207 .elementor-element.elementor-element-9379567 .elementor-button{font-size:14px;}.elementor-207 .elementor-element.elementor-element-68ca444.elementor-element{--align-self:center;}.elementor-207 .elementor-element.elementor-element-68ca444{z-index:2;}.elementor-207 .elementor-element.elementor-element-68ca444 .elementor-button{font-size:14px;}.elementor-207 .elementor-element.elementor-element-f5716d9{--min-height:0px;--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:center;--align-items:center;--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-207 .elementor-element.elementor-element-9103354.elementor-element{--align-self:center;}.elementor-207 .elementor-element.elementor-element-9103354 .elementor-button{font-size:14px;}.elementor-207 .elementor-element.elementor-element-3ac9a9e{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-c616ae1{--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-207 .elementor-element.elementor-element-d492d89{--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-207 .elementor-element.elementor-element-33c2621{--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-207 .elementor-element.elementor-element-8aa6eeb > .elementor-widget-container{margin:-5px -5px -5px -5px;padding:0px 0px 0px 0px;}.elementor-207 .elementor-element.elementor-element-4412155{--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-207 .elementor-element.elementor-element-179565c{padding:25px 25px 25px 25px;column-gap:0px;text-align:left;}.elementor-207 .elementor-element.elementor-element-7688c32{padding:15px 15px 15px 15px;text-align:center;}.elementor-207 .elementor-element.elementor-element-7688c32 .elementor-heading-title{font-size:17px;}.elementor-207 .elementor-element.elementor-element-f20a10e{padding:15px 15px 15px 15px;top:36.014px;z-index:-1;text-align:left;}body:not(.rtl) .elementor-207 .elementor-element.elementor-element-f20a10e{left:182.99px;}body.rtl .elementor-207 .elementor-element.elementor-element-f20a10e{right:182.99px;}.elementor-207 .elementor-element.elementor-element-f20a10e img{width:112px;}.elementor-207 .elementor-element.elementor-element-1097aa4{--e-con-grid-template-columns:repeat(2, 1fr);--gap:8px 8px;--row-gap:8px;--column-gap:8px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-afc4828 img{height:140px;object-fit:cover;border-radius:15px 15px 15px 15px;}.elementor-207 .elementor-element.elementor-element-a7348a5 img{height:140px;object-fit:cover;border-radius:15px 15px 15px 15px;}.elementor-207 .elementor-element.elementor-element-0767029 img{height:140px;object-fit:cover;border-radius:15px 15px 15px 15px;}.elementor-207 .elementor-element.elementor-element-d5afc26 img{height:140px;object-fit:cover;border-radius:15px 15px 15px 15px;}.elementor-207 .elementor-element.elementor-element-b77e700 img{height:140px;object-fit:cover;border-radius:15px 15px 15px 15px;}.elementor-207 .elementor-element.elementor-element-dd78c83 img{height:140px;object-fit:cover;border-radius:15px 15px 15px 15px;}.elementor-207 .elementor-element.elementor-element-7530563 img{height:140px;object-fit:cover;border-radius:15px 15px 15px 15px;}.elementor-207 .elementor-element.elementor-element-24de994 img{height:140px;object-fit:cover;border-radius:15px 15px 15px 15px;}.elementor-207 .elementor-element.elementor-element-d507e13{--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-207 .elementor-element.elementor-element-947ac80 img{width:100%;height:220px;object-fit:cover;border-radius:15px 15px 15px 15px;}.elementor-207 .elementor-element.elementor-element-274e545{padding:25px 10px 10px 10px;text-align:left;}.elementor-207 .elementor-element.elementor-element-274e545 .elementor-heading-title{font-size:34px;}.elementor-207 .elementor-element.elementor-element-120f394{padding:0px 10px 0px 10px;column-gap:0px;text-align:left;}.elementor-207 .elementor-element.elementor-element-db5df9e{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;padding:0px 5px 0px 5px;z-index:2;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:12px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:15px;--n-tabs-title-font-size:14px;}.elementor-207 .elementor-element.elementor-element-db5df9e.elementor-element{--align-self:center;}.elementor-207 .elementor-element.elementor-element-db5df9e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-width:2px 2px 2px 2px;}.elementor-207 .elementor-element.elementor-element-db5df9e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-width:2px 2px 2px 2px;}.elementor-207 .elementor-element.elementor-element-db5df9e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-207 .elementor-element.elementor-element-db5df9e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-width:2px 2px 2px 2px;}.elementor-207 .elementor-element.elementor-element-eb9acc7{--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:15px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-207 .elementor-element.elementor-element-60f6c6c{text-align:center;}.elementor-207 .elementor-element.elementor-element-60f6c6c .elementor-heading-title{font-size:21px;}.elementor-207 .elementor-element.elementor-element-682825e{--content-width:500px;--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-around;--padding-top:5px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-207 .elementor-element.elementor-element-e768e2e .elementor-icon{font-size:26px;}.elementor-207 .elementor-element.elementor-element-e768e2e .elementor-icon svg{height:26px;}.elementor-207 .elementor-element.elementor-element-f788a12 .elementor-icon{font-size:26px;}.elementor-207 .elementor-element.elementor-element-f788a12 .elementor-icon svg{height:26px;}.elementor-207 .elementor-element.elementor-element-d3f9f71 .elementor-icon{font-size:26px;}.elementor-207 .elementor-element.elementor-element-d3f9f71 .elementor-icon svg{height:26px;}.elementor-207 .elementor-element.elementor-element-4f27a01{--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;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-207 .elementor-element.elementor-element-bdbf9eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-207 .elementor-element.elementor-element-bdbf9eb .elementor-heading-title{font-size:21px;}.elementor-207 .elementor-element.elementor-element-5df1d9b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-207 .elementor-element.elementor-element-5df1d9b .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-207 .elementor-element.elementor-element-81f1f84{--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;--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-207 .elementor-element.elementor-element-b5b41d0 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-ba835f4 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-b6c51e9{--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;--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-207 .elementor-element.elementor-element-025017d .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-4b7025f .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-7bf81d1{--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;--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-207 .elementor-element.elementor-element-eb97965 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-2562496 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-d47bf42{--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;--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-207 .elementor-element.elementor-element-3f7c6a1 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-6d63130 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-15994d6{--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;--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-207 .elementor-element.elementor-element-4fe3252 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-f65ff15 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-8b735d6{--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;--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-207 .elementor-element.elementor-element-8584578 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-28be304 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-cc8d270{--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;--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-207 .elementor-element.elementor-element-d975d6a .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-2635e66 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-a41901f{--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;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-207 .elementor-element.elementor-element-0eb1962{--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;--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-207 .elementor-element.elementor-element-ce2c064 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-207 .elementor-element.elementor-element-3752a33 .elementor-heading-title{font-size:19px;}.elementor-207 .elementor-element.elementor-element-b9f9ab0 .elementor-heading-title{font-size:19px;}}/* Start custom CSS for latepoint_book_form, class: .elementor-element-8aa6eeb *//* -----------------------------------
   GLOBAL FORM WRAPPER / RESET
----------------------------------- */

.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
  box-shadow: none !important;
  border: none !important;
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
  background-color: transparent !important;
  border: none !important;
}

/* -----------------------------------
   HEADER RADIUS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

/* -----------------------------------
   TEXT COLORS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element h1,
.latepoint-w .latepoint-booking-form-element h2,
.latepoint-w .latepoint-booking-form-element h3,
.latepoint-w .latepoint-booking-form-element h4,
.latepoint-w .latepoint-booking-form-element h5,
.os-item-name,
.latepoint-icon-shopping-cart,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
  color: #ffffff !important;
}

/* -----------------------------------
   STEP CONTENT BACKGROUND
----------------------------------- */

.current-step-booking__services.latepoint-color-custom {
  background-color: #000000 !important;
  border-radius: 15px !important;
}

/* -----------------------------------
   MAIN SERVICE / AGENT / LOCATION CARDS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
  border-radius: 15px !important;
  padding: 20px;
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  transition: all 0.25s ease;
}

/* Hover */

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item:hover .os-item-i {
  border-color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Selected */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-i {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1) !important;
}

/* -----------------------------------
   CUSTOM CHECKBOXES FOR SERVICE EXTRAS
----------------------------------- */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;

  border-radius: 15px;
  padding: 16px 18px;
  background-color: transparent;
  border: 2px solid #ffffff;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* Fake checkbox square */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 2px solid #ffffff;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Text layout */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-name-w {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-desc {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9em;
}

/* Hover */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.05);
}

/* Selected card */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
}

/* Selected checkbox fill */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::before {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* Checkmark */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 10px;
  width: 7px;
  height: 12px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  transform: rotate(35deg);
}

/* -----------------------------------
   BUTTONS — OUTLINE STYLE
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-btn,
.latepoint-btn.latepoint-btn-primary,
.latepoint-btn.latepoint-btn-secondary {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: all 0.2s ease;
}

/* =========================================
   CIRCLE SELECTOR — THIN BORDER + NO CHECKMARK
======================================== */

/* Reset LatePoint injected styles */

.latepoint-w .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-item.os-allow-multiselect .os-item-i:before {
  all: unset;
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: all 0.25s ease;
  pointer-events: none;

  background-image: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

/* Space for circle */

.latepoint-w .os-item.os-allow-multiselect .os-item-i {
  position: relative;
  padding-left: 46px;
}

/* Hover preview (soft purple tint) */

.latepoint-w .os-item.os-allow-multiselect:hover .os-item-i:before {
  background-color: rgba(120, 80, 200, 0.2);
  border-color: rgba(255, 255, 255, 0.8);
}

/* Selected — dark purple fill + white border */

.latepoint-w .os-item.os-allow-multiselect.selected .os-item-i:before {
  background-color: #68125b !important;
  border-color: #ffffff !important;
}

/* Kill any checkmark icon */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
  color: transparent !important;
}

/* ========================================
   DATEPICKER / CALENDAR — DARK THEME
======================================== */

/* Wrapper */

.step-datepicker-w .os-dates-and-times-w {
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.95);
  padding: 18px 18px 14px;
}

/* "Searching November..." text */

.step-datepicker-w .os-calendar-searching-info {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}

/* Month header + nav */

.step-datepicker-w .os-current-month-label-w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.step-datepicker-w .os-current-month-label .current-month {
  font-size: 1.05rem;
  font-weight: 600;
  color: #ffffff;
}

.step-datepicker-w .os-current-month-label .current-year {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.35);
}

/* Month nav buttons */

.step-datepicker-w .os-month-control-buttons-w button {
  background: transparent;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-month-control-buttons-w button i {
  color: #ffffff;
  font-size: 0.75rem;
}

.step-datepicker-w .os-month-control-buttons-w button:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}

.step-datepicker-w .os-month-control-buttons-w button:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

/* Weekday row */

.step-datepicker-w .os-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  gap: 3px;
  margin-bottom: 4px;
}

.step-datepicker-w .os-weekdays .weekday {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65);
}

/* Month grid wrapper */

.step-datepicker-w .os-months {
  border-radius: 12px;
  padding: 6px 4px 2px;
}

/* Month days grid */

.step-datepicker-w .os-monthly-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

/* Base day */

.step-datepicker-w .os-day {
  position: relative;
  cursor: pointer;
}

.step-datepicker-w .os-day .os-day-box {
  border-radius: 12px;
  padding: 7px 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.02);
  text-align: center;
  transition: all 0.18s ease;
}

/* Day number */

.step-datepicker-w .os-day .os-day-number {
  font-size: 0.85rem;
  color: #ffffff;
}

/* Availability bar */

.step-datepicker-w .os-day .os-day-status .day-available {
  height: 3px;
  border-radius: 999px;
  background: #46d3a9;
}

/* Past / disabled days */

.step-datepicker-w .os-day.os-not-available,
.step-datepicker-w .os-day.os-day-passed,
.step-datepicker-w .os-day.os-not-in-allowed-period {
  cursor: default;
}

.step-datepicker-w .os-day.os-not-available .os-day-box,
.step-datepicker-w .os-day.os-day-passed .os-day-box,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-box {
  background: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.04);
}

.step-datepicker-w .os-day.os-not-available .os-day-number,
.step-datepicker-w .os-day.os-day-passed .os-day-number,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-number {
  color: rgba(255, 255, 255, 0.22);
}

/* Today */

.step-datepicker-w .os-day.os-today .os-day-box {
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* Hover (available only) */

.step-datepicker-w .os-day:not(.os-not-available):not(.os-day-passed):hover .os-day-box {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.35);
}

/* Kill default outline */

.step-datepicker-w .os-day:focus .os-day-box,
.step-datepicker-w .os-day.os-day-current:focus .os-day-box,
.step-datepicker-w .os-day.os-selected,
.step-datepicker-w .os-day.selected {
  outline: none;
}

/* Tooltip */

.step-datepicker-w .os-day .os-available-slots-tooltip {
  background: rgba(0, 0, 0, 0.96);
  color: #ffffff;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 0.7rem;
  top: -18px;
}

/* ----------------------------------------
   TIME SLOTS SECTION
---------------------------------------- */

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header .th-line {
  flex: 1;
  height: 1px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label span {
  font-weight: 600;
}

/* Time pills */

.step-datepicker-w .os-times-w .timeslots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.step-datepicker-w .os-times-w .os-time {
  padding: 6px 10px;
  font-size: 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-times-w .os-time:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.85);
}

/* ----------------------------------------
   RECURRING SUGGESTION
---------------------------------------- */

.os-recurring-suggestion-wrapper {
  margin-top: 16px;
}

.os-recurring-suggestion {
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.os-recurring-suggestion-heading {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 4px;
}

.os-recurring-suggestion-sub-heading {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}

.os-recurring-suggestion-options {
  display: flex;
  gap: 8px;
}

.os-recurring-suggestion-option {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.os-recurring-suggestion-option:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}



.weekday {
    color:white !important;
        text-align: center;

}

.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday {
    margin-left: 0 !important;
    text-align: center;
    padding: 2px !important;
    background-color: black;
    border:none;
}

.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {    color: white !important;
} 

.step-datepicker-w .os-day .os-day-box {
    border: 1px solid rgb(55 55 55 / 31%) !important;
    background: rgb(125 122 122 / 18%);
    padding: 8px;
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
    background-color: #4d4343;
    
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
    color: #ffffff;
}

.latepoint-booking-form-element .times-header { 
    color: white !important; }
    
.latepoint-booking-form-element .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w.style-timebox .times-header .th-line { 
    background-color: rgb(255 255 255) !important;
    }
    
.latepoint-booking-form-element .times-header span {
    color: white !important;
    border-bottom: 1px dotted white;
}

.latepoint-booking-form-element .dp-timebox {
    background-color: #e7fbff;
    border-radius: 10px;
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab.active, .latepoint-booking-form-element .step-customer-logged-in-header-w div {
    color: white;
}
    
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before, .latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
    background-color: white !important;
}

.latepoint-booking-form-element .os-step-tabs {
    color: rgba(255,255,255,.6) !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone, .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
    
    padding-left: 10px !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
    color: #a4a4a5;
}

.latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container {
    background: white;
}

.latepoint-customer-box-title {
    color: white;
}

.summary-box .sbc-big-item {
    color: white;
}

.confirmation-info-w .summary-box .sbc-main-item, .full-summary-wrapper .summary-box .sbc-main-item {
    color: white;
}

.summary-price-item-w .spi-name, .summary-price-item-w .spi-price, .summary-price-item-w.spi-total {
    color: white;
}

.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
    color: white;
    border: 1px dotted #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
    box-shadow: 0 0 0 2px #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
    background-color: black;
    border: 2px solid white;
    padding: 5px;
}

.confirmation-info-w .summary-status-wrapper, .full-summary-wrapper .summary-status-wrapper {
    color: white;
}

.booking-status-info-wrapper .booking-confirmation strong, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4, .login-options-via-wrapper .login-option:hover {
    color: white;
}

.booking-full-summary-actions .booking-summary-action-btn {
    color: white;
    border: white;
}

.summary-attributes>span strong { color: white; !important}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for latepoint_book_form, class: .elementor-element-8aa6eeb *//* -----------------------------------
   GLOBAL FORM WRAPPER / RESET
----------------------------------- */

.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
  box-shadow: none !important;
  border: none !important;
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
  background-color: transparent !important;
  border: none !important;
}

/* -----------------------------------
   HEADER RADIUS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

/* -----------------------------------
   TEXT COLORS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element h1,
.latepoint-w .latepoint-booking-form-element h2,
.latepoint-w .latepoint-booking-form-element h3,
.latepoint-w .latepoint-booking-form-element h4,
.latepoint-w .latepoint-booking-form-element h5,
.os-item-name,
.latepoint-icon-shopping-cart,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
  color: #ffffff !important;
}

/* -----------------------------------
   STEP CONTENT BACKGROUND
----------------------------------- */

.current-step-booking__services.latepoint-color-custom {
  background-color: #000000 !important;
  border-radius: 15px !important;
}

/* -----------------------------------
   MAIN SERVICE / AGENT / LOCATION CARDS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
  border-radius: 15px !important;
  padding: 20px;
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  transition: all 0.25s ease;
}

/* Hover */

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item:hover .os-item-i {
  border-color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Selected */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-i {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1) !important;
}

/* -----------------------------------
   CUSTOM CHECKBOXES FOR SERVICE EXTRAS
----------------------------------- */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;

  border-radius: 15px;
  padding: 16px 18px;
  background-color: transparent;
  border: 2px solid #ffffff;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* Fake checkbox square */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 2px solid #ffffff;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Text layout */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-name-w {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-desc {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9em;
}

/* Hover */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.05);
}

/* Selected card */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
}

/* Selected checkbox fill */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::before {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* Checkmark */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 10px;
  width: 7px;
  height: 12px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  transform: rotate(35deg);
}

/* -----------------------------------
   BUTTONS — OUTLINE STYLE
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-btn,
.latepoint-btn.latepoint-btn-primary,
.latepoint-btn.latepoint-btn-secondary {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: all 0.2s ease;
}

/* =========================================
   CIRCLE SELECTOR — THIN BORDER + NO CHECKMARK
======================================== */

/* Reset LatePoint injected styles */

.latepoint-w .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-item.os-allow-multiselect .os-item-i:before {
  all: unset;
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: all 0.25s ease;
  pointer-events: none;

  background-image: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

/* Space for circle */

.latepoint-w .os-item.os-allow-multiselect .os-item-i {
  position: relative;
  padding-left: 46px;
}

/* Hover preview (soft purple tint) */

.latepoint-w .os-item.os-allow-multiselect:hover .os-item-i:before {
  background-color: rgba(120, 80, 200, 0.2);
  border-color: rgba(255, 255, 255, 0.8);
}

/* Selected — dark purple fill + white border */

.latepoint-w .os-item.os-allow-multiselect.selected .os-item-i:before {
  background-color: #68125b !important;
  border-color: #ffffff !important;
}

/* Kill any checkmark icon */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
  color: transparent !important;
}

/* ========================================
   DATEPICKER / CALENDAR — DARK THEME
======================================== */

/* Wrapper */

.step-datepicker-w .os-dates-and-times-w {
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.95);
  padding: 18px 18px 14px;
}

/* "Searching November..." text */

.step-datepicker-w .os-calendar-searching-info {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}

/* Month header + nav */

.step-datepicker-w .os-current-month-label-w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.step-datepicker-w .os-current-month-label .current-month {
  font-size: 1.05rem;
  font-weight: 600;
  color: #ffffff;
}

.step-datepicker-w .os-current-month-label .current-year {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.35);
}

/* Month nav buttons */

.step-datepicker-w .os-month-control-buttons-w button {
  background: transparent;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-month-control-buttons-w button i {
  color: #ffffff;
  font-size: 0.75rem;
}

.step-datepicker-w .os-month-control-buttons-w button:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}

.step-datepicker-w .os-month-control-buttons-w button:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

/* Weekday row */

.step-datepicker-w .os-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  gap: 3px;
  margin-bottom: 4px;
}

.step-datepicker-w .os-weekdays .weekday {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65);
}

/* Month grid wrapper */

.step-datepicker-w .os-months {
  border-radius: 12px;
  padding: 6px 4px 2px;
}

/* Month days grid */

.step-datepicker-w .os-monthly-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

/* Base day */

.step-datepicker-w .os-day {
  position: relative;
  cursor: pointer;
}

.step-datepicker-w .os-day .os-day-box {
  border-radius: 12px;
  padding: 7px 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.02);
  text-align: center;
  transition: all 0.18s ease;
}

/* Day number */

.step-datepicker-w .os-day .os-day-number {
  font-size: 0.85rem;
  color: #ffffff;
}

/* Availability bar */

.step-datepicker-w .os-day .os-day-status .day-available {
  height: 3px;
  border-radius: 999px;
  background: #46d3a9;
}

/* Past / disabled days */

.step-datepicker-w .os-day.os-not-available,
.step-datepicker-w .os-day.os-day-passed,
.step-datepicker-w .os-day.os-not-in-allowed-period {
  cursor: default;
}

.step-datepicker-w .os-day.os-not-available .os-day-box,
.step-datepicker-w .os-day.os-day-passed .os-day-box,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-box {
  background: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.04);
}

.step-datepicker-w .os-day.os-not-available .os-day-number,
.step-datepicker-w .os-day.os-day-passed .os-day-number,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-number {
  color: rgba(255, 255, 255, 0.22);
}

/* Today */

.step-datepicker-w .os-day.os-today .os-day-box {
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* Hover (available only) */

.step-datepicker-w .os-day:not(.os-not-available):not(.os-day-passed):hover .os-day-box {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.35);
}

/* Kill default outline */

.step-datepicker-w .os-day:focus .os-day-box,
.step-datepicker-w .os-day.os-day-current:focus .os-day-box,
.step-datepicker-w .os-day.os-selected,
.step-datepicker-w .os-day.selected {
  outline: none;
}

/* Tooltip */

.step-datepicker-w .os-day .os-available-slots-tooltip {
  background: rgba(0, 0, 0, 0.96);
  color: #ffffff;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 0.7rem;
  top: -18px;
}

/* ----------------------------------------
   TIME SLOTS SECTION
---------------------------------------- */

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header .th-line {
  flex: 1;
  height: 1px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label span {
  font-weight: 600;
}

/* Time pills */

.step-datepicker-w .os-times-w .timeslots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.step-datepicker-w .os-times-w .os-time {
  padding: 6px 10px;
  font-size: 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-times-w .os-time:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.85);
}

/* ----------------------------------------
   RECURRING SUGGESTION
---------------------------------------- */

.os-recurring-suggestion-wrapper {
  margin-top: 16px;
}

.os-recurring-suggestion {
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.os-recurring-suggestion-heading {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 4px;
}

.os-recurring-suggestion-sub-heading {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}

.os-recurring-suggestion-options {
  display: flex;
  gap: 8px;
}

.os-recurring-suggestion-option {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.os-recurring-suggestion-option:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}



.weekday {
    color:white !important;
        text-align: center;

}

.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday {
    margin-left: 0 !important;
    text-align: center;
    padding: 2px !important;
    background-color: black;
    border:none;
}

.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {    color: white !important;
} 

.step-datepicker-w .os-day .os-day-box {
    border: 1px solid rgb(55 55 55 / 31%) !important;
    background: rgb(125 122 122 / 18%);
    padding: 8px;
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
    background-color: #4d4343;
    
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
    color: #ffffff;
}

.latepoint-booking-form-element .times-header { 
    color: white !important; }
    
.latepoint-booking-form-element .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w.style-timebox .times-header .th-line { 
    background-color: rgb(255 255 255) !important;
    }
    
.latepoint-booking-form-element .times-header span {
    color: white !important;
    border-bottom: 1px dotted white;
}

.latepoint-booking-form-element .dp-timebox {
    background-color: #e7fbff;
    border-radius: 10px;
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab.active, .latepoint-booking-form-element .step-customer-logged-in-header-w div {
    color: white;
}
    
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before, .latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
    background-color: white !important;
}

.latepoint-booking-form-element .os-step-tabs {
    color: rgba(255,255,255,.6) !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone, .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
    
    padding-left: 10px !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
    color: #a4a4a5;
}

.latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container {
    background: white;
}

.latepoint-customer-box-title {
    color: white;
}

.summary-box .sbc-big-item {
    color: white;
}

.confirmation-info-w .summary-box .sbc-main-item, .full-summary-wrapper .summary-box .sbc-main-item {
    color: white;
}

.summary-price-item-w .spi-name, .summary-price-item-w .spi-price, .summary-price-item-w.spi-total {
    color: white;
}

.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
    color: white;
    border: 1px dotted #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
    box-shadow: 0 0 0 2px #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
    background-color: black;
    border: 2px solid white;
    padding: 5px;
}

.confirmation-info-w .summary-status-wrapper, .full-summary-wrapper .summary-status-wrapper {
    color: white;
}

.booking-status-info-wrapper .booking-confirmation strong, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4, .login-options-via-wrapper .login-option:hover {
    color: white;
}

.booking-full-summary-actions .booking-summary-action-btn {
    color: white;
    border: white;
}

.summary-attributes>span strong { color: white; !important}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for latepoint_book_form, class: .elementor-element-8aa6eeb *//* -----------------------------------
   GLOBAL FORM WRAPPER / RESET
----------------------------------- */

.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
  box-shadow: none !important;
  border: none !important;
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
  background-color: transparent !important;
  border: none !important;
}

/* -----------------------------------
   HEADER RADIUS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

/* -----------------------------------
   TEXT COLORS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element h1,
.latepoint-w .latepoint-booking-form-element h2,
.latepoint-w .latepoint-booking-form-element h3,
.latepoint-w .latepoint-booking-form-element h4,
.latepoint-w .latepoint-booking-form-element h5,
.os-item-name,
.latepoint-icon-shopping-cart,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
  color: #ffffff !important;
}

/* -----------------------------------
   STEP CONTENT BACKGROUND
----------------------------------- */

.current-step-booking__services.latepoint-color-custom {
  background-color: #000000 !important;
  border-radius: 15px !important;
}

/* -----------------------------------
   MAIN SERVICE / AGENT / LOCATION CARDS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
  border-radius: 15px !important;
  padding: 20px;
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  transition: all 0.25s ease;
}

/* Hover */

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item:hover .os-item-i {
  border-color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Selected */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-i {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1) !important;
}

/* -----------------------------------
   CUSTOM CHECKBOXES FOR SERVICE EXTRAS
----------------------------------- */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;

  border-radius: 15px;
  padding: 16px 18px;
  background-color: transparent;
  border: 2px solid #ffffff;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* Fake checkbox square */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 2px solid #ffffff;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Text layout */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-name-w {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-desc {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9em;
}

/* Hover */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.05);
}

/* Selected card */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
}

/* Selected checkbox fill */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::before {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* Checkmark */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 10px;
  width: 7px;
  height: 12px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  transform: rotate(35deg);
}

/* -----------------------------------
   BUTTONS — OUTLINE STYLE
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-btn,
.latepoint-btn.latepoint-btn-primary,
.latepoint-btn.latepoint-btn-secondary {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: all 0.2s ease;
}

/* =========================================
   CIRCLE SELECTOR — THIN BORDER + NO CHECKMARK
======================================== */

/* Reset LatePoint injected styles */

.latepoint-w .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-item.os-allow-multiselect .os-item-i:before {
  all: unset;
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: all 0.25s ease;
  pointer-events: none;

  background-image: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

/* Space for circle */

.latepoint-w .os-item.os-allow-multiselect .os-item-i {
  position: relative;
  padding-left: 46px;
}

/* Hover preview (soft purple tint) */

.latepoint-w .os-item.os-allow-multiselect:hover .os-item-i:before {
  background-color: rgba(120, 80, 200, 0.2);
  border-color: rgba(255, 255, 255, 0.8);
}

/* Selected — dark purple fill + white border */

.latepoint-w .os-item.os-allow-multiselect.selected .os-item-i:before {
  background-color: #68125b !important;
  border-color: #ffffff !important;
}

/* Kill any checkmark icon */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
  color: transparent !important;
}

/* ========================================
   DATEPICKER / CALENDAR — DARK THEME
======================================== */

/* Wrapper */

.step-datepicker-w .os-dates-and-times-w {
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.95);
  padding: 18px 18px 14px;
}

/* "Searching November..." text */

.step-datepicker-w .os-calendar-searching-info {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}

/* Month header + nav */

.step-datepicker-w .os-current-month-label-w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.step-datepicker-w .os-current-month-label .current-month {
  font-size: 1.05rem;
  font-weight: 600;
  color: #ffffff;
}

.step-datepicker-w .os-current-month-label .current-year {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.35);
}

/* Month nav buttons */

.step-datepicker-w .os-month-control-buttons-w button {
  background: transparent;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-month-control-buttons-w button i {
  color: #ffffff;
  font-size: 0.75rem;
}

.step-datepicker-w .os-month-control-buttons-w button:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}

.step-datepicker-w .os-month-control-buttons-w button:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

/* Weekday row */

.step-datepicker-w .os-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  gap: 3px;
  margin-bottom: 4px;
}

.step-datepicker-w .os-weekdays .weekday {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65);
}

/* Month grid wrapper */

.step-datepicker-w .os-months {
  border-radius: 12px;
  padding: 6px 4px 2px;
}

/* Month days grid */

.step-datepicker-w .os-monthly-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

/* Base day */

.step-datepicker-w .os-day {
  position: relative;
  cursor: pointer;
}

.step-datepicker-w .os-day .os-day-box {
  border-radius: 12px;
  padding: 7px 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.02);
  text-align: center;
  transition: all 0.18s ease;
}

/* Day number */

.step-datepicker-w .os-day .os-day-number {
  font-size: 0.85rem;
  color: #ffffff;
}

/* Availability bar */

.step-datepicker-w .os-day .os-day-status .day-available {
  height: 3px;
  border-radius: 999px;
  background: #46d3a9;
}

/* Past / disabled days */

.step-datepicker-w .os-day.os-not-available,
.step-datepicker-w .os-day.os-day-passed,
.step-datepicker-w .os-day.os-not-in-allowed-period {
  cursor: default;
}

.step-datepicker-w .os-day.os-not-available .os-day-box,
.step-datepicker-w .os-day.os-day-passed .os-day-box,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-box {
  background: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.04);
}

.step-datepicker-w .os-day.os-not-available .os-day-number,
.step-datepicker-w .os-day.os-day-passed .os-day-number,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-number {
  color: rgba(255, 255, 255, 0.22);
}

/* Today */

.step-datepicker-w .os-day.os-today .os-day-box {
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* Hover (available only) */

.step-datepicker-w .os-day:not(.os-not-available):not(.os-day-passed):hover .os-day-box {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.35);
}

/* Kill default outline */

.step-datepicker-w .os-day:focus .os-day-box,
.step-datepicker-w .os-day.os-day-current:focus .os-day-box,
.step-datepicker-w .os-day.os-selected,
.step-datepicker-w .os-day.selected {
  outline: none;
}

/* Tooltip */

.step-datepicker-w .os-day .os-available-slots-tooltip {
  background: rgba(0, 0, 0, 0.96);
  color: #ffffff;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 0.7rem;
  top: -18px;
}

/* ----------------------------------------
   TIME SLOTS SECTION
---------------------------------------- */

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header .th-line {
  flex: 1;
  height: 1px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label span {
  font-weight: 600;
}

/* Time pills */

.step-datepicker-w .os-times-w .timeslots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.step-datepicker-w .os-times-w .os-time {
  padding: 6px 10px;
  font-size: 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-times-w .os-time:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.85);
}

/* ----------------------------------------
   RECURRING SUGGESTION
---------------------------------------- */

.os-recurring-suggestion-wrapper {
  margin-top: 16px;
}

.os-recurring-suggestion {
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.os-recurring-suggestion-heading {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 4px;
}

.os-recurring-suggestion-sub-heading {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}

.os-recurring-suggestion-options {
  display: flex;
  gap: 8px;
}

.os-recurring-suggestion-option {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.os-recurring-suggestion-option:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}



.weekday {
    color:white !important;
        text-align: center;

}

.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday {
    margin-left: 0 !important;
    text-align: center;
    padding: 2px !important;
    background-color: black;
    border:none;
}

.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {    color: white !important;
} 

.step-datepicker-w .os-day .os-day-box {
    border: 1px solid rgb(55 55 55 / 31%) !important;
    background: rgb(125 122 122 / 18%);
    padding: 8px;
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
    background-color: #4d4343;
    
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
    color: #ffffff;
}

.latepoint-booking-form-element .times-header { 
    color: white !important; }
    
.latepoint-booking-form-element .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w.style-timebox .times-header .th-line { 
    background-color: rgb(255 255 255) !important;
    }
    
.latepoint-booking-form-element .times-header span {
    color: white !important;
    border-bottom: 1px dotted white;
}

.latepoint-booking-form-element .dp-timebox {
    background-color: #e7fbff;
    border-radius: 10px;
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab.active, .latepoint-booking-form-element .step-customer-logged-in-header-w div {
    color: white;
}
    
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before, .latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
    background-color: white !important;
}

.latepoint-booking-form-element .os-step-tabs {
    color: rgba(255,255,255,.6) !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone, .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
    
    padding-left: 10px !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
    color: #a4a4a5;
}

.latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container {
    background: white;
}

.latepoint-customer-box-title {
    color: white;
}

.summary-box .sbc-big-item {
    color: white;
}

.confirmation-info-w .summary-box .sbc-main-item, .full-summary-wrapper .summary-box .sbc-main-item {
    color: white;
}

.summary-price-item-w .spi-name, .summary-price-item-w .spi-price, .summary-price-item-w.spi-total {
    color: white;
}

.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
    color: white;
    border: 1px dotted #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
    box-shadow: 0 0 0 2px #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
    background-color: black;
    border: 2px solid white;
    padding: 5px;
}

.confirmation-info-w .summary-status-wrapper, .full-summary-wrapper .summary-status-wrapper {
    color: white;
}

.booking-status-info-wrapper .booking-confirmation strong, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4, .login-options-via-wrapper .login-option:hover {
    color: white;
}

.booking-full-summary-actions .booking-summary-action-btn {
    color: white;
    border: white;
}

.summary-attributes>span strong { color: white; !important}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for latepoint_book_form, class: .elementor-element-8aa6eeb *//* -----------------------------------
   GLOBAL FORM WRAPPER / RESET
----------------------------------- */

.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
  box-shadow: none !important;
  border: none !important;
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
  background-color: transparent !important;
  border: none !important;
}

/* -----------------------------------
   HEADER RADIUS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

/* -----------------------------------
   TEXT COLORS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element h1,
.latepoint-w .latepoint-booking-form-element h2,
.latepoint-w .latepoint-booking-form-element h3,
.latepoint-w .latepoint-booking-form-element h4,
.latepoint-w .latepoint-booking-form-element h5,
.os-item-name,
.latepoint-icon-shopping-cart,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
  color: #ffffff !important;
}

/* -----------------------------------
   STEP CONTENT BACKGROUND
----------------------------------- */

.current-step-booking__services.latepoint-color-custom {
  background-color: #000000 !important;
  border-radius: 15px !important;
}

/* -----------------------------------
   MAIN SERVICE / AGENT / LOCATION CARDS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
  border-radius: 15px !important;
  padding: 20px;
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  transition: all 0.25s ease;
}

/* Hover */

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item:hover .os-item-i {
  border-color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Selected */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-i {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1) !important;
}

/* -----------------------------------
   CUSTOM CHECKBOXES FOR SERVICE EXTRAS
----------------------------------- */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;

  border-radius: 15px;
  padding: 16px 18px;
  background-color: transparent;
  border: 2px solid #ffffff;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* Fake checkbox square */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 2px solid #ffffff;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Text layout */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-name-w {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-desc {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9em;
}

/* Hover */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.05);
}

/* Selected card */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
}

/* Selected checkbox fill */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::before {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* Checkmark */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 10px;
  width: 7px;
  height: 12px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  transform: rotate(35deg);
}

/* -----------------------------------
   BUTTONS — OUTLINE STYLE
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-btn,
.latepoint-btn.latepoint-btn-primary,
.latepoint-btn.latepoint-btn-secondary {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: all 0.2s ease;
}

/* =========================================
   CIRCLE SELECTOR — THIN BORDER + NO CHECKMARK
======================================== */

/* Reset LatePoint injected styles */

.latepoint-w .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-item.os-allow-multiselect .os-item-i:before {
  all: unset;
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: all 0.25s ease;
  pointer-events: none;

  background-image: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

/* Space for circle */

.latepoint-w .os-item.os-allow-multiselect .os-item-i {
  position: relative;
  padding-left: 46px;
}

/* Hover preview (soft purple tint) */

.latepoint-w .os-item.os-allow-multiselect:hover .os-item-i:before {
  background-color: rgba(120, 80, 200, 0.2);
  border-color: rgba(255, 255, 255, 0.8);
}

/* Selected — dark purple fill + white border */

.latepoint-w .os-item.os-allow-multiselect.selected .os-item-i:before {
  background-color: #68125b !important;
  border-color: #ffffff !important;
}

/* Kill any checkmark icon */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
  color: transparent !important;
}

/* ========================================
   DATEPICKER / CALENDAR — DARK THEME
======================================== */

/* Wrapper */

.step-datepicker-w .os-dates-and-times-w {
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.95);
  padding: 18px 18px 14px;
}

/* "Searching November..." text */

.step-datepicker-w .os-calendar-searching-info {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}

/* Month header + nav */

.step-datepicker-w .os-current-month-label-w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.step-datepicker-w .os-current-month-label .current-month {
  font-size: 1.05rem;
  font-weight: 600;
  color: #ffffff;
}

.step-datepicker-w .os-current-month-label .current-year {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.35);
}

/* Month nav buttons */

.step-datepicker-w .os-month-control-buttons-w button {
  background: transparent;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-month-control-buttons-w button i {
  color: #ffffff;
  font-size: 0.75rem;
}

.step-datepicker-w .os-month-control-buttons-w button:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}

.step-datepicker-w .os-month-control-buttons-w button:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

/* Weekday row */

.step-datepicker-w .os-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  gap: 3px;
  margin-bottom: 4px;
}

.step-datepicker-w .os-weekdays .weekday {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65);
}

/* Month grid wrapper */

.step-datepicker-w .os-months {
  border-radius: 12px;
  padding: 6px 4px 2px;
}

/* Month days grid */

.step-datepicker-w .os-monthly-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

/* Base day */

.step-datepicker-w .os-day {
  position: relative;
  cursor: pointer;
}

.step-datepicker-w .os-day .os-day-box {
  border-radius: 12px;
  padding: 7px 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.02);
  text-align: center;
  transition: all 0.18s ease;
}

/* Day number */

.step-datepicker-w .os-day .os-day-number {
  font-size: 0.85rem;
  color: #ffffff;
}

/* Availability bar */

.step-datepicker-w .os-day .os-day-status .day-available {
  height: 3px;
  border-radius: 999px;
  background: #46d3a9;
}

/* Past / disabled days */

.step-datepicker-w .os-day.os-not-available,
.step-datepicker-w .os-day.os-day-passed,
.step-datepicker-w .os-day.os-not-in-allowed-period {
  cursor: default;
}

.step-datepicker-w .os-day.os-not-available .os-day-box,
.step-datepicker-w .os-day.os-day-passed .os-day-box,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-box {
  background: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.04);
}

.step-datepicker-w .os-day.os-not-available .os-day-number,
.step-datepicker-w .os-day.os-day-passed .os-day-number,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-number {
  color: rgba(255, 255, 255, 0.22);
}

/* Today */

.step-datepicker-w .os-day.os-today .os-day-box {
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* Hover (available only) */

.step-datepicker-w .os-day:not(.os-not-available):not(.os-day-passed):hover .os-day-box {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.35);
}

/* Kill default outline */

.step-datepicker-w .os-day:focus .os-day-box,
.step-datepicker-w .os-day.os-day-current:focus .os-day-box,
.step-datepicker-w .os-day.os-selected,
.step-datepicker-w .os-day.selected {
  outline: none;
}

/* Tooltip */

.step-datepicker-w .os-day .os-available-slots-tooltip {
  background: rgba(0, 0, 0, 0.96);
  color: #ffffff;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 0.7rem;
  top: -18px;
}

/* ----------------------------------------
   TIME SLOTS SECTION
---------------------------------------- */

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header .th-line {
  flex: 1;
  height: 1px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label span {
  font-weight: 600;
}

/* Time pills */

.step-datepicker-w .os-times-w .timeslots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.step-datepicker-w .os-times-w .os-time {
  padding: 6px 10px;
  font-size: 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-times-w .os-time:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.85);
}

/* ----------------------------------------
   RECURRING SUGGESTION
---------------------------------------- */

.os-recurring-suggestion-wrapper {
  margin-top: 16px;
}

.os-recurring-suggestion {
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.os-recurring-suggestion-heading {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 4px;
}

.os-recurring-suggestion-sub-heading {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}

.os-recurring-suggestion-options {
  display: flex;
  gap: 8px;
}

.os-recurring-suggestion-option {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.os-recurring-suggestion-option:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}



.weekday {
    color:white !important;
        text-align: center;

}

.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday {
    margin-left: 0 !important;
    text-align: center;
    padding: 2px !important;
    background-color: black;
    border:none;
}

.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {    color: white !important;
} 

.step-datepicker-w .os-day .os-day-box {
    border: 1px solid rgb(55 55 55 / 31%) !important;
    background: rgb(125 122 122 / 18%);
    padding: 8px;
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
    background-color: #4d4343;
    
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
    color: #ffffff;
}

.latepoint-booking-form-element .times-header { 
    color: white !important; }
    
.latepoint-booking-form-element .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w.style-timebox .times-header .th-line { 
    background-color: rgb(255 255 255) !important;
    }
    
.latepoint-booking-form-element .times-header span {
    color: white !important;
    border-bottom: 1px dotted white;
}

.latepoint-booking-form-element .dp-timebox {
    background-color: #e7fbff;
    border-radius: 10px;
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab.active, .latepoint-booking-form-element .step-customer-logged-in-header-w div {
    color: white;
}
    
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before, .latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
    background-color: white !important;
}

.latepoint-booking-form-element .os-step-tabs {
    color: rgba(255,255,255,.6) !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone, .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
    
    padding-left: 10px !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
    color: #a4a4a5;
}

.latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container {
    background: white;
}

.latepoint-customer-box-title {
    color: white;
}

.summary-box .sbc-big-item {
    color: white;
}

.confirmation-info-w .summary-box .sbc-main-item, .full-summary-wrapper .summary-box .sbc-main-item {
    color: white;
}

.summary-price-item-w .spi-name, .summary-price-item-w .spi-price, .summary-price-item-w.spi-total {
    color: white;
}

.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
    color: white;
    border: 1px dotted #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
    box-shadow: 0 0 0 2px #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
    background-color: black;
    border: 2px solid white;
    padding: 5px;
}

.confirmation-info-w .summary-status-wrapper, .full-summary-wrapper .summary-status-wrapper {
    color: white;
}

.booking-status-info-wrapper .booking-confirmation strong, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4, .login-options-via-wrapper .login-option:hover {
    color: white;
}

.booking-full-summary-actions .booking-summary-action-btn {
    color: white;
    border: white;
}

.summary-attributes>span strong { color: white; !important}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for latepoint_book_form, class: .elementor-element-8aa6eeb *//* -----------------------------------
   GLOBAL FORM WRAPPER / RESET
----------------------------------- */

.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
  box-shadow: none !important;
  border: none !important;
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
  background-color: transparent !important;
  border: none !important;
}

/* -----------------------------------
   HEADER RADIUS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}

/* -----------------------------------
   TEXT COLORS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element h1,
.latepoint-w .latepoint-booking-form-element h2,
.latepoint-w .latepoint-booking-form-element h3,
.latepoint-w .latepoint-booking-form-element h4,
.latepoint-w .latepoint-booking-form-element h5,
.os-item-name,
.latepoint-icon-shopping-cart,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price,
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
  color: #ffffff !important;
}

/* -----------------------------------
   STEP CONTENT BACKGROUND
----------------------------------- */

.current-step-booking__services.latepoint-color-custom {
  background-color: #000000 !important;
  border-radius: 15px !important;
}

/* -----------------------------------
   MAIN SERVICE / AGENT / LOCATION CARDS
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
  border-radius: 15px !important;
  padding: 20px;
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  transition: all 0.25s ease;
}

/* Hover */

.latepoint-w .latepoint-booking-form-element .os-items .os-item:hover .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item:hover .os-item-i {
  border-color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Selected */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-i,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-i {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1) !important;
}

/* -----------------------------------
   CUSTOM CHECKBOXES FOR SERVICE EXTRAS
----------------------------------- */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;

  border-radius: 15px;
  padding: 16px 18px;
  background-color: transparent;
  border: 2px solid #ffffff;
  cursor: pointer;
  transition: all 0.25s ease;
}

/* Fake checkbox square */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 2px solid #ffffff;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Text layout */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-name-w {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i .os-item-desc {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9em;
}

/* Hover */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.05);
}

/* Selected card */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
}

/* Selected checkbox fill */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::before {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* Checkmark */

.latepoint-w .os-service-extra-.elementor-207 .elementor-element.elementor-element-8aa6eeb.os-item-i.selected::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 10px;
  width: 7px;
  height: 12px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  transform: rotate(35deg);
}

/* -----------------------------------
   BUTTONS — OUTLINE STYLE
----------------------------------- */

.latepoint-w .latepoint-booking-form-element .latepoint-btn,
.latepoint-btn.latepoint-btn-primary,
.latepoint-btn.latepoint-btn-secondary {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: all 0.2s ease;
}

/* =========================================
   CIRCLE SELECTOR — THIN BORDER + NO CHECKMARK
======================================== */

/* Reset LatePoint injected styles */

.latepoint-w .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-item.os-allow-multiselect .os-item-i:before {
  all: unset;
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: all 0.25s ease;
  pointer-events: none;

  background-image: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}

/* Space for circle */

.latepoint-w .os-item.os-allow-multiselect .os-item-i {
  position: relative;
  padding-left: 46px;
}

/* Hover preview (soft purple tint) */

.latepoint-w .os-item.os-allow-multiselect:hover .os-item-i:before {
  background-color: rgba(120, 80, 200, 0.2);
  border-color: rgba(255, 255, 255, 0.8);
}

/* Selected — dark purple fill + white border */

.latepoint-w .os-item.os-allow-multiselect.selected .os-item-i:before {
  background-color: #68125b !important;
  border-color: #ffffff !important;
}

/* Kill any checkmark icon */

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before,
.latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
  color: transparent !important;
}

/* ========================================
   DATEPICKER / CALENDAR — DARK THEME
======================================== */

/* Wrapper */

.step-datepicker-w .os-dates-and-times-w {
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.95);
  padding: 18px 18px 14px;
}

/* "Searching November..." text */

.step-datepicker-w .os-calendar-searching-info {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}

/* Month header + nav */

.step-datepicker-w .os-current-month-label-w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.step-datepicker-w .os-current-month-label .current-month {
  font-size: 1.05rem;
  font-weight: 600;
  color: #ffffff;
}

.step-datepicker-w .os-current-month-label .current-year {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.35);
}

/* Month nav buttons */

.step-datepicker-w .os-month-control-buttons-w button {
  background: transparent;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-month-control-buttons-w button i {
  color: #ffffff;
  font-size: 0.75rem;
}

.step-datepicker-w .os-month-control-buttons-w button:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}

.step-datepicker-w .os-month-control-buttons-w button:focus {
  outline: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

/* Weekday row */

.step-datepicker-w .os-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  gap: 3px;
  margin-bottom: 4px;
}

.step-datepicker-w .os-weekdays .weekday {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65);
}

/* Month grid wrapper */

.step-datepicker-w .os-months {
  border-radius: 12px;
  padding: 6px 4px 2px;
}

/* Month days grid */

.step-datepicker-w .os-monthly-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

/* Base day */

.step-datepicker-w .os-day {
  position: relative;
  cursor: pointer;
}

.step-datepicker-w .os-day .os-day-box {
  border-radius: 12px;
  padding: 7px 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.02);
  text-align: center;
  transition: all 0.18s ease;
}

/* Day number */

.step-datepicker-w .os-day .os-day-number {
  font-size: 0.85rem;
  color: #ffffff;
}

/* Availability bar */

.step-datepicker-w .os-day .os-day-status .day-available {
  height: 3px;
  border-radius: 999px;
  background: #46d3a9;
}

/* Past / disabled days */

.step-datepicker-w .os-day.os-not-available,
.step-datepicker-w .os-day.os-day-passed,
.step-datepicker-w .os-day.os-not-in-allowed-period {
  cursor: default;
}

.step-datepicker-w .os-day.os-not-available .os-day-box,
.step-datepicker-w .os-day.os-day-passed .os-day-box,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-box {
  background: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.04);
}

.step-datepicker-w .os-day.os-not-available .os-day-number,
.step-datepicker-w .os-day.os-day-passed .os-day-number,
.step-datepicker-w .os-day.os-not-in-allowed-period .os-day-number {
  color: rgba(255, 255, 255, 0.22);
}

/* Today */

.step-datepicker-w .os-day.os-today .os-day-box {
  border-color: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* Hover (available only) */

.step-datepicker-w .os-day:not(.os-not-available):not(.os-day-passed):hover .os-day-box {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.35);
}

/* Kill default outline */

.step-datepicker-w .os-day:focus .os-day-box,
.step-datepicker-w .os-day.os-day-current:focus .os-day-box,
.step-datepicker-w .os-day.os-selected,
.step-datepicker-w .os-day.selected {
  outline: none;
}

/* Tooltip */

.step-datepicker-w .os-day .os-available-slots-tooltip {
  background: rgba(0, 0, 0, 0.96);
  color: #ffffff;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 0.7rem;
  top: -18px;
}

/* ----------------------------------------
   TIME SLOTS SECTION
---------------------------------------- */

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header .th-line {
  flex: 1;
  height: 1px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
}

.step-datepicker-w .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w .times-header-label span {
  font-weight: 600;
}

/* Time pills */

.step-datepicker-w .os-times-w .timeslots {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.step-datepicker-w .os-times-w .os-time {
  padding: 6px 10px;
  font-size: 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}

.step-datepicker-w .os-times-w .os-time:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.85);
}

/* ----------------------------------------
   RECURRING SUGGESTION
---------------------------------------- */

.os-recurring-suggestion-wrapper {
  margin-top: 16px;
}

.os-recurring-suggestion {
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.os-recurring-suggestion-heading {
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 4px;
}

.os-recurring-suggestion-sub-heading {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}

.os-recurring-suggestion-options {
  display: flex;
  gap: 8px;
}

.os-recurring-suggestion-option {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.os-recurring-suggestion-option:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.7);
}



.weekday {
    color:white !important;
        text-align: center;

}

.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday {
    margin-left: 0 !important;
    text-align: center;
    padding: 2px !important;
    background-color: black;
    border:none;
}

.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {    color: white !important;
} 

.step-datepicker-w .os-day .os-day-box {
    border: 1px solid rgb(55 55 55 / 31%) !important;
    background: rgb(125 122 122 / 18%);
    padding: 8px;
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
    background-color: #4d4343;
    
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
    color: #ffffff;
}

.latepoint-booking-form-element .times-header { 
    color: white !important; }
    
.latepoint-booking-form-element .time-.elementor-207 .elementor-element.elementor-element-8aa6eeb-w.style-timebox .times-header .th-line { 
    background-color: rgb(255 255 255) !important;
    }
    
.latepoint-booking-form-element .times-header span {
    color: white !important;
    border-bottom: 1px dotted white;
}

.latepoint-booking-form-element .dp-timebox {
    background-color: #e7fbff;
    border-radius: 10px;
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab.active, .latepoint-booking-form-element .step-customer-logged-in-header-w div {
    color: white;
}
    
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before, .latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
    background-color: white !important;
}

.latepoint-booking-form-element .os-step-tabs {
    color: rgba(255,255,255,.6) !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone, .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
    
    padding-left: 10px !important;
}

.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
    color: #a4a4a5;
}

.latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container {
    background: white;
}

.latepoint-customer-box-title {
    color: white;
}

.summary-box .sbc-big-item {
    color: white;
}

.confirmation-info-w .summary-box .sbc-main-item, .full-summary-wrapper .summary-box .sbc-main-item {
    color: white;
}

.summary-price-item-w .spi-name, .summary-price-item-w .spi-price, .summary-price-item-w.spi-total {
    color: white;
}

.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
    color: white;
    border: 1px dotted #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
    box-shadow: 0 0 0 2px #ffffff;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
    color: white;
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
    background-color: black;
    border: 2px solid white;
    padding: 5px;
}

.confirmation-info-w .summary-status-wrapper, .full-summary-wrapper .summary-status-wrapper {
    color: white;
}

.booking-status-info-wrapper .booking-confirmation strong, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4, .login-options-via-wrapper .login-option:hover {
    color: white;
}

.booking-full-summary-actions .booking-summary-action-btn {
    color: white;
    border: white;
}

.summary-attributes>span strong { color: white; !important}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
    border-radius: 50%;
}/* End custom CSS */