.elementor-96 .elementor-element.elementor-element-47f211be > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-96 .elementor-element.elementor-element-47f211be:not(.elementor-motion-effects-element-type-background), .elementor-96 .elementor-element.elementor-element-47f211be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cleaningtools.lk/wp-content/uploads/2026/09/ChatGPT-Image-Sep-3-2026-02_56_10-PM.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-96 .elementor-element.elementor-element-47f211be > .elementor-container{min-height:500px;}.elementor-96 .elementor-element.elementor-element-47f211be > .elementor-background-overlay{opacity:0;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-96 .elementor-element.elementor-element-47f211be{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-96 .elementor-element.elementor-element-494f829b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:15px 0px 15px 0px;}.elementor-96 .elementor-element.elementor-element-494f829b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-96 .elementor-element.elementor-element-1d164abb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-96 .elementor-element.elementor-element-1d164abb .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;line-height:1.1em;color:var( --e-global-color-secondary );}.elementor-96 .elementor-element.elementor-element-b6db341{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 5px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-item > a{font-family:"Times New Roman", Sans-serif;font-size:20px;}.elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-text{color:var( --e-global-color-21bfb04 );transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-fc28385 );}.elementor-96 .elementor-element.elementor-element-7926b86{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-bc-flex-widget .elementor-96 .elementor-element.elementor-element-28a688.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-96 .elementor-element.elementor-element-28a688.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-96 .elementor-element.elementor-element-28a688.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-96 .elementor-element.elementor-element-28a688 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-96 .elementor-element.elementor-element-14695a78{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-96 .elementor-element.elementor-element-7f7fc838 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-96 .elementor-element.elementor-element-7f7fc838 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-57a29b1 );margin:0px 30px 0px 0px;--e-column-margin-right:30px;--e-column-margin-left:0px;padding:30px 30px 30px 30px;}.elementor-96 .elementor-element.elementor-element-7f7fc838 > .elementor-element-populated, .elementor-96 .elementor-element.elementor-element-7f7fc838 > .elementor-element-populated > .elementor-background-overlay, .elementor-96 .elementor-element.elementor-element-7f7fc838 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-96 .elementor-element.elementor-element-38931df0 .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-38931df0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );color:var( --e-global-color-21bfb04 );}.elementor-96 .elementor-element.elementor-element-38931df0.elementor-view-framed .elementor-icon, .elementor-96 .elementor-element.elementor-element-38931df0.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-38931df0.elementor-view-framed .elementor-icon, .elementor-96 .elementor-element.elementor-element-38931df0.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-38931df0.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-21bfb04 );}.elementor-96 .elementor-element.elementor-element-38931df0.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-21bfb04 );}.elementor-96 .elementor-element.elementor-element-38931df0 .elementor-icon{font-size:40px;}.elementor-96 .elementor-element.elementor-element-38931df0 .elementor-icon svg{height:40px;}.elementor-96 .elementor-element.elementor-element-54ada2{text-align:center;}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-96 .elementor-element.elementor-element-1333453b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-item > a{font-family:var( --e-global-typography-92b0a2d-font-family ), Sans-serif;font-size:var( --e-global-typography-92b0a2d-font-size );font-weight:var( --e-global-typography-92b0a2d-font-weight );line-height:var( --e-global-typography-92b0a2d-line-height );}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-text{color:var( --e-global-color-08fcc9d );transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-fc28385 );}.elementor-96 .elementor-element.elementor-element-64708ce7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-96 .elementor-element.elementor-element-64708ce7 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-57a29b1 );margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:30px 30px 30px 30px;}.elementor-96 .elementor-element.elementor-element-64708ce7 > .elementor-element-populated, .elementor-96 .elementor-element.elementor-element-64708ce7 > .elementor-element-populated > .elementor-background-overlay, .elementor-96 .elementor-element.elementor-element-64708ce7 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-96 .elementor-element.elementor-element-123c4f8c .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-123c4f8c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );color:var( --e-global-color-21bfb04 );}.elementor-96 .elementor-element.elementor-element-123c4f8c.elementor-view-framed .elementor-icon, .elementor-96 .elementor-element.elementor-element-123c4f8c.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-96 .elementor-element.elementor-element-123c4f8c.elementor-view-framed .elementor-icon, .elementor-96 .elementor-element.elementor-element-123c4f8c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-96 .elementor-element.elementor-element-123c4f8c.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-21bfb04 );}.elementor-96 .elementor-element.elementor-element-123c4f8c.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-21bfb04 );}.elementor-96 .elementor-element.elementor-element-123c4f8c .elementor-icon{font-size:40px;}.elementor-96 .elementor-element.elementor-element-123c4f8c .elementor-icon svg{height:40px;}.elementor-96 .elementor-element.elementor-element-3e842763{text-align:center;}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-96 .elementor-element.elementor-element-7ba4e7b2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-item > a{font-family:var( --e-global-typography-92b0a2d-font-family ), Sans-serif;font-size:var( --e-global-typography-92b0a2d-font-size );font-weight:var( --e-global-typography-92b0a2d-font-weight );line-height:var( --e-global-typography-92b0a2d-line-height );}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-text{color:var( --e-global-color-08fcc9d );transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-fc28385 );}.elementor-96 .elementor-element.elementor-element-6867cbee > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-96 .elementor-element.elementor-element-6867cbee > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-57a29b1 );margin:0px 0px 0px 30px;--e-column-margin-right:0px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-96 .elementor-element.elementor-element-6867cbee > .elementor-element-populated, .elementor-96 .elementor-element.elementor-element-6867cbee > .elementor-element-populated > .elementor-background-overlay, .elementor-96 .elementor-element.elementor-element-6867cbee > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-96 .elementor-element.elementor-element-7f41dd45 .elementor-icon-wrapper{text-align:center;}.elementor-96 .elementor-element.elementor-element-7f41dd45.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );color:var( --e-global-color-21bfb04 );}.elementor-96 .elementor-element.elementor-element-7f41dd45.elementor-view-framed .elementor-icon, .elementor-96 .elementor-element.elementor-element-7f41dd45.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-7f41dd45.elementor-view-framed .elementor-icon, .elementor-96 .elementor-element.elementor-element-7f41dd45.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-96 .elementor-element.elementor-element-7f41dd45.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-21bfb04 );}.elementor-96 .elementor-element.elementor-element-7f41dd45.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-21bfb04 );}.elementor-96 .elementor-element.elementor-element-7f41dd45 .elementor-icon{font-size:40px;}.elementor-96 .elementor-element.elementor-element-7f41dd45 .elementor-icon svg{height:40px;}.elementor-96 .elementor-element.elementor-element-69cb1d74{text-align:center;}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-96 .elementor-element.elementor-element-5f260{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-item > a{font-family:var( --e-global-typography-92b0a2d-font-family ), Sans-serif;font-size:var( --e-global-typography-92b0a2d-font-size );font-weight:var( --e-global-typography-92b0a2d-font-weight );line-height:var( --e-global-typography-92b0a2d-line-height );}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-text{color:var( --e-global-color-08fcc9d );transition:color 0.3s;}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-fc28385 );}.elementor-96 .elementor-element.elementor-element-44c0bed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-484bf2e{--display:flex;}.elementor-96 .elementor-element.elementor-element-d9cb53b{--display:flex;}.elementor-96 .elementor-element.elementor-element-699f5d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-96 .elementor-element.elementor-element-699f5d8 iframe{height:910px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-96 .elementor-element.elementor-element-47f211be > .elementor-container{min-height:350px;}.elementor-96 .elementor-element.elementor-element-1d164abb .elementor-heading-title{font-size:45px;}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-item > a{font-size:var( --e-global-typography-92b0a2d-font-size );line-height:var( --e-global-typography-92b0a2d-line-height );}.elementor-96 .elementor-element.elementor-element-64708ce7 > .elementor-element-populated{margin:0px 0px 0px 30px;--e-column-margin-right:0px;--e-column-margin-left:30px;}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-92b0a2d-font-size );line-height:var( --e-global-typography-92b0a2d-line-height );}.elementor-96 .elementor-element.elementor-element-6867cbee > .elementor-element-populated{margin:50px 190px 0px 190px;--e-column-margin-right:190px;--e-column-margin-left:190px;}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-item > a{font-size:var( --e-global-typography-92b0a2d-font-size );line-height:var( --e-global-typography-92b0a2d-line-height );}}@media(max-width:767px){.elementor-96 .elementor-element.elementor-element-47f211be > .elementor-container{min-height:300px;}.elementor-96 .elementor-element.elementor-element-47f211be{margin-top:0px;margin-bottom:0px;}.elementor-96 .elementor-element.elementor-element-1d164abb{text-align:center;}.elementor-96 .elementor-element.elementor-element-1d164abb .elementor-heading-title{font-size:25px;}.elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-b6db341 .elementor-icon-list-item > a{font-size:16px;}.elementor-96 .elementor-element.elementor-element-7926b86{margin-top:0px;margin-bottom:0px;padding:50px 10px 50px 50px;}.elementor-96 .elementor-element.elementor-element-28a688 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-96 .elementor-element.elementor-element-14695a78{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-96 .elementor-element.elementor-element-7f7fc838 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:30px 30px 30px 30px;}.elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-1333453b .elementor-icon-list-item > a{font-size:var( --e-global-typography-92b0a2d-font-size );line-height:var( --e-global-typography-92b0a2d-line-height );}.elementor-96 .elementor-element.elementor-element-64708ce7 > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-7ba4e7b2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-92b0a2d-font-size );line-height:var( --e-global-typography-92b0a2d-line-height );}.elementor-96 .elementor-element.elementor-element-6867cbee > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-96 .elementor-element.elementor-element-5f260 .elementor-icon-list-item > a{font-size:var( --e-global-typography-92b0a2d-font-size );line-height:var( --e-global-typography-92b0a2d-line-height );}.elementor-96 .elementor-element.elementor-element-44c0bed{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-96 .elementor-element.elementor-element-699f5d8{padding:0px 0px 50px 0px;}.elementor-96 .elementor-element.elementor-element-699f5d8 iframe{height:384px;}}@media(min-width:768px){.elementor-96 .elementor-element.elementor-element-28a688{width:100%;}.elementor-96 .elementor-element.elementor-element-64708ce7{width:61.986%;}.elementor-96 .elementor-element.elementor-element-6867cbee{width:2.969%;}.elementor-96 .elementor-element.elementor-element-44c0bed{--content-width:1186px;}}@media(max-width:1024px) and (min-width:768px){.elementor-96 .elementor-element.elementor-element-7f7fc838{width:50%;}.elementor-96 .elementor-element.elementor-element-64708ce7{width:50%;}.elementor-96 .elementor-element.elementor-element-6867cbee{width:100%;}}/* Start custom CSS for section, class: .elementor-element-47f211be *//* ==========================================
   PREMIUM CENTER GLASS PAGE HERO
   (HEIGHT CONTROLLED BY ELEMENTOR)
========================================== */


/* Main Hero Section */

.premium-page-hero {

    position:relative;

    width:100%;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;

}



/* Background Overlay */

.premium-page-hero::before {

    content:"";

    position:absolute;

    inset:0;


    background:
    linear-gradient(
        90deg,
        rgba(5,45,58,0.65),
        rgba(5,45,58,0.35)
    );


    z-index:1;

}



/* Center Elementor Container */

.premium-page-hero > .elementor-container,
.premium-page-hero .elementor-container {


    width:100%;


    height:100%;


    display:flex !important;


    justify-content:center !important;


    align-items:center !important;


    position:relative;


    z-index:5;


}



/* Elementor Column Center */

.premium-page-hero .elementor-column {


    display:flex !important;


    justify-content:center !important;


    align-items:center !important;


}



/* Glass Card */

.premium-page-hero .elementor-widget-wrap {


    width:590px;


    min-height:220px;



    display:flex !important;


    flex-direction:column;


    justify-content:center !important;


    align-items:center !important;



    text-align:center;



    background:


    linear-gradient(
        135deg,
        rgba(8,65,78,0.92),
        rgba(5,45,58,0.88)
    );



    backdrop-filter:blur(15px);


    -webkit-backdrop-filter:blur(15px);



    border-radius:28px;



    border:1px solid rgba(255,255,255,0.15);



    box-shadow:


    0 25px 60px rgba(0,0,0,0.35);



    position:relative;


}



/* Top Cyan Line */

.premium-page-hero .elementor-widget-wrap::before {


    content:"";


    position:absolute;


    top:0;


    left:50%;


    transform:translateX(-50%);



    width:85px;


    height:3px;



    background:#25c8ff;


    border-radius:20px;


}



/* Page Title */

.premium-page-hero h1 {


    width:100% !important;


    margin:0 !important;


    padding:0;



    text-align:center !important;


    color:#ffffff !important;



    font-family:"Playfair Display",serif;



    font-size:58px;



    font-weight:600;



    letter-spacing:2px;


}



/* Title Bottom Line */

.premium-page-hero h1::after {


    content:"";


    display:block;



    width:70px;



    height:2px;



    background:#27c9ff;



    margin:22px auto 0;


}




/* Breadcrumb */

.premium-page-hero .elementor-widget-text-editor {


    width:100%;


    margin-top:20px;



    text-align:center !important;



    color:#ffffff;



}



.premium-page-hero .elementor-widget-text-editor p {


    text-align:center !important;


}



/* ==========================================
             TABLET
========================================== */


@media(max-width:1024px){


.premium-page-hero .elementor-widget-wrap {


    width:500px;


}



.premium-page-hero h1 {


    font-size:48px;


}


}



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


@media(max-width:767px){


.premium-page-hero .elementor-widget-wrap {


    width:88%;


    min-height:170px;


    border-radius:22px;


}



.premium-page-hero h1 {


    font-size:34px;


    letter-spacing:1px;


}



}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-14695a78 *//* =========================================================
   CLEANING TOOLS BY MYBELLA
   PREMIUM CONTACT CARDS
   100PX TOP + BOTTOM
   PERFECT LEFT / RIGHT ALIGNMENT
========================================================= */

.mb-contact-premium,
.mb-contact-below {

    --mb-navy: #032d3a;
    --mb-deep: #011d27;
    --mb-blue: #168bd2;
    --mb-teal: #08baa5;
    --mb-teal-light: #36ddc7;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CARDS SECTION
   100PX TOP + BOTTOM
========================================================= */

.mb-contact-premium {

    padding-top: 100px !important;
    padding-bottom: 100px !important;

    /* SAME LEFT + RIGHT PADDING */
    padding-left: 60px !important;
    padding-right: 60px !important;
}


/* =========================================================
   BELOW SECTION
   SAME LEFT / RIGHT ALIGNMENT
========================================================= */

.mb-contact-below {

    padding-left: 60px !important;
    padding-right: 60px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   INNER WIDTH
   BOTH SECTIONS USE EXACT SAME WIDTH
========================================================= */

.mb-contact-premium > .e-con-inner,
.mb-contact-premium > .elementor-container,

.mb-contact-below > .e-con-inner,
.mb-contact-below > .elementor-container {

    width: 100% !important;

    max-width: 1745px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CARDS GRID
========================================================= */

.mb-contact-premium > .e-con-inner,
.mb-contact-premium > .elementor-container {

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 24px !important;

    align-items: stretch !important;
}


/* =========================================================
   EACH CARD
========================================================= */

.mb-contact-info-card {

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    min-height: 430px !important;

    margin: 0 !important;

    padding: 32px 34px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f9fcfd 52%,
            #eef9f8 100%
        ) !important;

    border:
        1px solid
        rgba(3,45,58,.10) !important;

    box-shadow:
        0 22px 55px rgba(3,45,58,.09),
        0 8px 25px rgba(8,186,165,.035),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease !important;
}


/* =========================================================
   TOP ACCENT
========================================================= */

.mb-contact-info-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    width: 115px;
    height: 4px;

    border-radius: 0 0 12px 12px;

    background:
        linear-gradient(
            90deg,
            var(--mb-blue),
            var(--mb-teal-light)
        );

    box-shadow:
        0 5px 18px
        rgba(8,186,165,.28);

    transition:
        width .4s ease;
}


/* =========================================================
   CARD BACKGROUND GLOW
========================================================= */

.mb-contact-info-card::after {

    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    right: -105px;
    top: -105px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(54,221,199,.16),
            rgba(8,186,165,.045) 55%,
            transparent 72%
        );

    pointer-events: none;

    transition:
        transform .5s ease;
}


/* =========================================================
   HOVER
========================================================= */

.mb-contact-info-card:hover {

    transform:
        translateY(-8px) !important;

    border-color:
        rgba(8,186,165,.30) !important;

    box-shadow:
        0 32px 72px rgba(3,45,58,.14),
        0 12px 30px rgba(8,186,165,.07) !important;
}


.mb-contact-info-card:hover::before {

    width: 145px;
}


.mb-contact-info-card:hover::after {

    transform:
        scale(1.20);
}


/* =========================================================
   INNER CARD
========================================================= */

.mb-contact-info-card > .e-con-inner {

    position: relative;

    z-index: 3;

    width: 100% !important;

    min-height: 330px !important;

    margin: 0 !important;

    padding: 25px 24px !important;

    box-sizing: border-box !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

    border-radius: 20px;

    border:
        1px solid
        rgba(3,45,58,.10);

    background:
        rgba(255,255,255,.48);
}


/* =========================================================
   WIDGET RESET
========================================================= */

.mb-contact-info-card .elementor-widget {

    width: 100% !important;

    margin: 0 !important;
}


.mb-contact-info-card .elementor-widget-container {

    width: 100% !important;

    margin: 0 !important;

    text-align: center !important;
}


/* =========================================================
   ICON
========================================================= */

.mb-contact-info-card .elementor-icon {

    width: 116px !important;
    height: 116px !important;

    display: inline-flex !important;

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

    margin:
        0 auto
        19px !important;

    border-radius: 50% !important;

    border:
        7px solid
        rgba(255,255,255,.96) !important;

    background:
        linear-gradient(
            135deg,
            var(--mb-navy),
            var(--mb-teal)
        ) !important;

    box-shadow:
        0 17px 38px rgba(3,45,58,.17),
        0 0 0 1px rgba(8,186,165,.10) !important;

    transition:
        transform .4s ease,
        box-shadow .4s ease !important;
}


.mb-contact-info-card .elementor-icon i,
.mb-contact-info-card .elementor-icon svg {

    color: #ffffff !important;
    fill: #ffffff !important;

    font-size: 42px !important;
}


/* PHONE */

.mb-contact-info-card:nth-child(1)
.elementor-icon {

    background:
        linear-gradient(
            135deg,
            #078c9d,
            #08baa5
        ) !important;
}


/* EMAIL */

.mb-contact-info-card:nth-child(2)
.elementor-icon {

    background:
        linear-gradient(
            135deg,
            #011d27,
            #075567
        ) !important;
}


/* LOCATION */

.mb-contact-info-card:nth-child(3)
.elementor-icon {

    background:
        linear-gradient(
            135deg,
            #069c8c,
            #08c5a6
        ) !important;
}


/* =========================================================
   HEADING
========================================================= */

.mb-contact-info-card h2,
.mb-contact-info-card h3,
.mb-contact-info-card h4,
.mb-contact-info-card .elementor-heading-title {

    margin:
        0
        0
        15px !important;

    padding: 0 !important;

    color:
        var(--mb-navy) !important;

    font-size: 27px !important;

    font-weight: 700 !important;

    line-height: 1.22 !important;

    letter-spacing:
        -.5px !important;
}


/* =========================================================
   TEXT
========================================================= */

.mb-contact-info-card p,
.mb-contact-info-card a,
.mb-contact-info-card .elementor-icon-box-description,
.mb-contact-info-card .elementor-widget-text-editor {

    margin: 0 !important;

    color:
        #697a80 !important;

    font-size: 16px !important;

    font-weight: 500 !important;

    line-height: 1.45 !important;
}


.mb-contact-info-card a {

    text-decoration:
        none !important;

    transition:
        color .3s ease !important;
}


.mb-contact-info-card a:hover {

    color:
        var(--mb-teal) !important;
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1200px) {

    .mb-contact-premium {

        padding-top: 90px !important;
        padding-bottom: 90px !important;

        padding-left: 35px !important;
        padding-right: 35px !important;
    }


    .mb-contact-below {

        padding-left: 35px !important;
        padding-right: 35px !important;
    }


    .mb-contact-premium > .e-con-inner,
    .mb-contact-premium > .elementor-container {

        gap: 20px !important;
    }


    .mb-contact-info-card {

        min-height: 390px !important;

        padding:
            28px
            24px !important;
    }


    .mb-contact-info-card > .e-con-inner {

        min-height: 300px !important;

        padding:
            22px
            18px !important;
    }


    .mb-contact-info-card .elementor-icon {

        width: 100px !important;
        height: 100px !important;
    }


    .mb-contact-info-card .elementor-icon i,
    .mb-contact-info-card .elementor-icon svg {

        font-size: 37px !important;
    }


    .mb-contact-info-card h2,
    .mb-contact-info-card h3,
    .mb-contact-info-card h4,
    .mb-contact-info-card .elementor-heading-title {

        font-size: 22px !important;
    }


    .mb-contact-info-card p,
    .mb-contact-info-card a {

        font-size: 14px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .mb-contact-premium {

        padding-top: 70px !important;
        padding-bottom: 70px !important;

        padding-left: 22px !important;
        padding-right: 22px !important;
    }


    .mb-contact-below {

        padding-left: 22px !important;
        padding-right: 22px !important;
    }


    .mb-contact-premium > .e-con-inner,
    .mb-contact-premium > .elementor-container {

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap: 16px !important;
    }


    .mb-contact-info-card {

        min-height: 320px !important;

        padding:
            22px
            18px !important;
    }


    .mb-contact-info-card:last-child {

        grid-column:
            1 / -1 !important;
    }


    .mb-contact-info-card > .e-con-inner {

        min-height: 245px !important;
    }

}


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

@media (max-width: 767px) {

    .mb-contact-premium {

        padding-top: 50px !important;
        padding-bottom: 50px !important;

        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    .mb-contact-below {

        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    .mb-contact-premium > .e-con-inner,
    .mb-contact-premium > .elementor-container {

        grid-template-columns:
            1fr !important;

        gap: 10px !important;
    }


    .mb-contact-info-card,
    .mb-contact-info-card:last-child {

        grid-column:
            auto !important;

        min-height:
            0 !important;

        height:
            auto !important;

        padding:
            15px
            13px !important;

        border-radius:
            18px !important;
    }


    .mb-contact-info-card > .e-con-inner {

        min-height:
            0 !important;

        height:
            auto !important;

        padding:
            13px
            10px !important;

        border-radius:
            14px !important;
    }


    .mb-contact-info-card .elementor-icon {

        width: 62px !important;
        height: 62px !important;

        margin:
            0 auto
            7px !important;

        border-width:
            4px !important;
    }


    .mb-contact-info-card .elementor-icon i,
    .mb-contact-info-card .elementor-icon svg {

        font-size:
            24px !important;
    }


    .mb-contact-info-card h2,
    .mb-contact-info-card h3,
    .mb-contact-info-card h4,
    .mb-contact-info-card .elementor-heading-title {

        margin:
            3px
            0
            5px !important;

        font-size:
            17px !important;
    }


    .mb-contact-info-card p,
    .mb-contact-info-card a,
    .mb-contact-info-card .elementor-widget-text-editor {

        font-size:
            12px !important;

        line-height:
            1.35 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .mb-contact-premium {

        padding-top: 40px !important;
        padding-bottom: 40px !important;

        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    .mb-contact-below {

        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    .mb-contact-info-card {

        padding:
            12px
            10px !important;
    }


    .mb-contact-info-card > .e-con-inner {

        padding:
            10px
            8px !important;
    }


    .mb-contact-info-card .elementor-icon {

        width: 56px !important;
        height: 56px !important;
    }


    .mb-contact-info-card h2,
    .mb-contact-info-card h3,
    .mb-contact-info-card h4,
    .mb-contact-info-card .elementor-heading-title {

        font-size:
            16px !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7926b86 *//* =========================================================
   CLEANING TOOLS BY MYBELLA
   CONTACT SECTION - FULL WIDTH FIX
========================================================= */

.mb-contact-fullwidth {

    --mb-navy: #032d3a;
    --mb-deep: #011d27;
    --mb-blue: #168bd2;
    --mb-teal: #08baa5;
    --mb-teal-light: #36ddc7;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   ELEMENTOR OUTER WRAPPER FIX
========================================================= */

.mb-contact-fullwidth.e-con,
.mb-contact-fullwidth.elementor-element,
.mb-contact-fullwidth > .e-con-inner,
.mb-contact-fullwidth > .elementor-container {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   INNER CONTENT WIDTH
========================================================= */

.mb-contact-fullwidth > .e-con-inner,
.mb-contact-fullwidth > .elementor-container,
.mb-contact-fullwidth .mb-contact-container,
.mb-contact-fullwidth .contact-container {

    width: 100% !important;

    max-width: 1480px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 42px !important;
    padding-right: 42px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   REMOVE LEFT ALIGN / FIX CHILD WIDTH
========================================================= */

.mb-contact-fullwidth .elementor-widget-wrap,
.mb-contact-fullwidth .elementor-widget-container,
.mb-contact-fullwidth .e-con-inner {

    box-sizing: border-box !important;
}


.mb-contact-fullwidth > .e-con-inner {

    margin-inline: auto !important;
}


/* =========================================================
   CONTACT CARDS ROW
========================================================= */

.mb-contact-fullwidth .mb-contact-cards,
.mb-contact-fullwidth .contact-cards,
.mb-contact-fullwidth .contact-info-grid {

    width: 100% !important;

    max-width: 1380px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 24px !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   IF CARDS ARE DIRECT ELEMENTOR CONTAINERS
========================================================= */

.mb-contact-fullwidth
> .e-con-inner
> .e-con {

    flex: 1 1 0 !important;

    min-width: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   COMMON CARD LOOK
========================================================= */

.mb-contact-fullwidth .mb-contact-card,
.mb-contact-fullwidth .contact-card,
.mb-contact-fullwidth .contact-info-card {

    width: 100% !important;

    min-width: 0 !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 34px 28px !important;

    box-sizing: border-box !important;

    border-radius: 24px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(242,250,250,.98)
        ) !important;

    border:
        1px solid
        rgba(3,45,58,.09) !important;

    box-shadow:
        0 18px 48px
        rgba(3,45,58,.09) !important;
}


/* =========================================================
   FIX BELOW SECTION ALSO
========================================================= */

.mb-contact-fullwidth .mb-contact-main,
.mb-contact-fullwidth .contact-main,
.mb-contact-fullwidth .contact-enquiry,
.mb-contact-fullwidth .contact-bottom {

    width: 100% !important;

    max-width: 1380px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   REMOVE POSSIBLE THEME MAX WIDTH
========================================================= */

body .mb-contact-fullwidth .container,
body .mb-contact-fullwidth .container-fluid {

    width: 100% !important;

    max-width: 1480px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 42px !important;
    padding-right: 42px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ELEMENTOR FLEX FIX
========================================================= */

.mb-contact-fullwidth .e-con {

    --container-max-width: 100% !important;
}


.mb-contact-fullwidth .e-con-inner {

    max-width: 1480px !important;
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1200px) {

    .mb-contact-fullwidth > .e-con-inner,
    .mb-contact-fullwidth > .elementor-container,
    .mb-contact-fullwidth .mb-contact-container,
    .mb-contact-fullwidth .contact-container {

        max-width: 100% !important;

        padding-left: 30px !important;
        padding-right: 30px !important;
    }


    body .mb-contact-fullwidth .container,
    body .mb-contact-fullwidth .container-fluid {

        padding-left: 30px !important;
        padding-right: 30px !important;
    }


    .mb-contact-fullwidth .mb-contact-cards,
    .mb-contact-fullwidth .contact-cards,
    .mb-contact-fullwidth .contact-info-grid {

        gap: 20px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .mb-contact-fullwidth > .e-con-inner,
    .mb-contact-fullwidth > .elementor-container,
    .mb-contact-fullwidth .mb-contact-container,
    .mb-contact-fullwidth .contact-container {

        padding-left: 22px !important;
        padding-right: 22px !important;
    }


    body .mb-contact-fullwidth .container,
    body .mb-contact-fullwidth .container-fluid {

        padding-left: 22px !important;
        padding-right: 22px !important;
    }


    .mb-contact-fullwidth .mb-contact-cards,
    .mb-contact-fullwidth .contact-cards,
    .mb-contact-fullwidth .contact-info-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 18px !important;
    }

}


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

@media (max-width: 767px) {

    .mb-contact-fullwidth > .e-con-inner,
    .mb-contact-fullwidth > .elementor-container,
    .mb-contact-fullwidth .mb-contact-container,
    .mb-contact-fullwidth .contact-container {

        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    body .mb-contact-fullwidth .container,
    body .mb-contact-fullwidth .container-fluid {

        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    .mb-contact-fullwidth .mb-contact-cards,
    .mb-contact-fullwidth .contact-cards,
    .mb-contact-fullwidth .contact-info-grid {

        grid-template-columns:
            1fr !important;

        gap: 15px !important;
    }


    .mb-contact-fullwidth .mb-contact-card,
    .mb-contact-fullwidth .contact-card,
    .mb-contact-fullwidth .contact-info-card {

        padding: 28px 22px !important;

        border-radius: 20px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .mb-contact-fullwidth > .e-con-inner,
    .mb-contact-fullwidth > .elementor-container,
    .mb-contact-fullwidth .mb-contact-container,
    .mb-contact-fullwidth .contact-container {

        padding-left: 12px !important;
        padding-right: 12px !important;
    }


    body .mb-contact-fullwidth .container,
    body .mb-contact-fullwidth .container-fluid {

        padding-left: 12px !important;
        padding-right: 12px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e8ef98 *//* =====================================
   MYBELLA CONTACT FORM
   HEADER CENTER ONLY
===================================== */


.mb-contact-form{

    background:#ffffff;

    border-radius:30px;

    padding:50px 42px;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 20px 60px rgba(0,0,0,0.08);

}


/* Background Circle */

.mb-contact-form:after{

    content:"";

    position:absolute;

    right:-80px;

    top:-80px;

    width:260px;

    height:260px;

    background:#eefaf8;

    border-radius:50%;

    z-index:0;

}



/* =====================================
   HEADER ONLY CENTER
===================================== */


.mb-form-header{

    position:relative;

    z-index:2;

    text-align:center;

}



.mb-form-kicker{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    color:#10bfa7;

    font-size:12px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:20px;

}



.mb-form-kicker i{

    width:35px;

    height:2px;

    background:#10bfa7;

}




.mb-form-header h2{

    margin:0 0 15px;

    font-size:42px;

    line-height:1.2;

    color:#062d38;

    font-weight:800;

}



.mb-form-header p{

    max-width:500px;

    margin:0 auto 35px;

    color:#718591;

    font-size:16px;

    line-height:1.7;

}





/* =====================================
   FORM NORMAL ALIGNMENT
===================================== */


.mb-cleaning-form{

    position:relative;

    z-index:2;

}



.mb-form-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

}



.mb-field{

    margin-bottom:18px;

}



/* Labels LEFT */

.mb-field label{

    display:block;

    text-align:left;

    font-size:13px;

    font-weight:700;

    color:#082d39;

    margin-bottom:10px;

}



/* Inputs */

.mb-field input,
.mb-field select,
.mb-field textarea{


    width:100%;

    border:none;

    outline:none;

    background:#eaf3f9;

    border-radius:8px;

    padding:16px 18px;

    font-size:15px;

    color:#082d39;

    font-family:inherit;

    text-align:left;

    transition:.3s ease;

}




.mb-field input::placeholder,
.mb-field textarea::placeholder{

    color:#a6b8c3;

    text-align:left;

}




.mb-field textarea{

    height:130px;

    resize:none;

}





/* Dropdown */

.mb-field select{

    cursor:pointer;

    appearance:auto;

    text-align:left;

    text-align-last:left;

}





/* Focus */

.mb-field input:focus,
.mb-field select:focus,
.mb-field textarea:focus{


    background:#ffffff;

    border:2px solid #14c9b0;

    box-shadow:
    0 0 0 4px rgba(20,201,176,.12);

}





/* Button */

.mb-submit{


    width:100%;

    height:52px;

    border:none;

    border-radius:7px;


    background:

    linear-gradient(
    135deg,
    #53627d,
    #202a4c
    );


    color:white;

    font-size:15px;

    font-weight:700;

    cursor:pointer;


    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

}




.mb-submit span{

    font-size:18px;

}




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


@media(max-width:768px){


.mb-contact-form{

    padding:35px 20px;

}



/* Header stays centered */

.mb-form-header{

    text-align:center;

}



.mb-form-header h2{

    font-size:30px;

}



.mb-form-header p{

    text-align:center;

    font-size:14px;

}



/* Form stays normal */

.mb-form-row{

    grid-template-columns:1fr;

}



.mb-field label{

    text-align:left;

}



.mb-field input,
.mb-field select,
.mb-field textarea{

    text-align:left;

}



.mb-field textarea::placeholder{

    text-align:left;

}



.mb-field select{

    text-align:left;

    text-align-last:left;

}


}/* End custom CSS */