.elementor-10412 .elementor-element.elementor-element-aaffeab{--display:flex;--min-height:49vh;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:180px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-aaffeab:not(.elementor-motion-effects-element-type-background), .elementor-10412 .elementor-element.elementor-element-aaffeab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-10412 .elementor-element.elementor-element-a67507d{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-0c900e0{text-align:center;}.elementor-10412 .elementor-element.elementor-element-0c900e0 .elementor-heading-title{font-family:var( --e-global-typography-0e93510-font-family ), Sans-serif;font-size:var( --e-global-typography-0e93510-font-size );font-weight:var( --e-global-typography-0e93510-font-weight );line-height:var( --e-global-typography-0e93510-line-height );letter-spacing:var( --e-global-typography-0e93510-letter-spacing );color:var( --e-global-color-4d78a69 );}.elementor-10412 .elementor-element.elementor-element-316bd53{text-align:center;color:var( --e-global-color-4d78a69 );}.elementor-10412 .elementor-element.elementor-element-10d4625{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-0fa2e85 .elementor-button:hover, .elementor-10412 .elementor-element.elementor-element-0fa2e85 .elementor-button:focus{background-color:var( --e-global-color-bb75d97 );color:var( --e-global-color-49a77ed );border-color:rgba(2, 1, 1, 0);}.elementor-10412 .elementor-element.elementor-element-0fa2e85{width:auto;max-width:auto;}.elementor-10412 .elementor-element.elementor-element-0fa2e85 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:var( --e-global-color-49a77ed );color:var( --e-global-color-49a77ed );transition-duration:0.3s;border-style:none;border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-10412 .elementor-element.elementor-element-0fa2e85 .elementor-button:hover svg, .elementor-10412 .elementor-element.elementor-element-0fa2e85 .elementor-button:focus svg{fill:var( --e-global-color-49a77ed );}.elementor-10412 .elementor-element.elementor-element-a95d648 .elementor-button:hover, .elementor-10412 .elementor-element.elementor-element-a95d648 .elementor-button:focus{background-color:var( --e-global-color-bb75d97 );color:var( --e-global-color-49a77ed );border-color:rgba(2, 1, 1, 0);}.elementor-10412 .elementor-element.elementor-element-a95d648{width:auto;max-width:auto;}.elementor-10412 .elementor-element.elementor-element-a95d648 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:var( --e-global-color-49a77ed );color:var( --e-global-color-49a77ed );transition-duration:0.3s;border-style:none;border-radius:30px 30px 30px 30px;padding:15px 30px 15px 30px;}.elementor-10412 .elementor-element.elementor-element-a95d648 .elementor-button:hover svg, .elementor-10412 .elementor-element.elementor-element-a95d648 .elementor-button:focus svg{fill:var( --e-global-color-49a77ed );}.elementor-10412 .elementor-element.elementor-element-2ef6da1{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.05;--padding-top:10px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-2ef6da1:not(.elementor-motion-effects-element-type-background), .elementor-10412 .elementor-element.elementor-element-2ef6da1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-10412 .elementor-element.elementor-element-2ef6da1::before, .elementor-10412 .elementor-element.elementor-element-2ef6da1 > .elementor-background-video-container::before, .elementor-10412 .elementor-element.elementor-element-2ef6da1 > .e-con-inner > .elementor-background-video-container::before, .elementor-10412 .elementor-element.elementor-element-2ef6da1 > .elementor-background-slideshow::before, .elementor-10412 .elementor-element.elementor-element-2ef6da1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10412 .elementor-element.elementor-element-2ef6da1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );background-image:url("https://scalableos.com/wp-content/uploads/2024/07/Map-1.svg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:75% auto;}.elementor-10412 .elementor-element.elementor-element-3552eb2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:3;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-3552eb2.e-con{--align-self:flex-start;}.elementor-10412 .elementor-element.elementor-element-423d2eb{--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;--justify-content:center;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--flex-wrap:wrap;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-423d2eb.e-con{--align-self:flex-start;}.elementor-10412 .elementor-element.elementor-element-ad3305b > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-10412 .elementor-element.elementor-element-ad3305b{text-align:center;}.elementor-10412 .elementor-element.elementor-element-ad3305b .elementor-heading-title{font-family:var( --e-global-typography-f488a9e-font-family ), Sans-serif;font-size:var( --e-global-typography-f488a9e-font-size );font-weight:var( --e-global-typography-f488a9e-font-weight );line-height:var( --e-global-typography-f488a9e-line-height );letter-spacing:var( --e-global-typography-f488a9e-letter-spacing );color:var( --e-global-color-4d78a69 );}.elementor-10412 .elementor-element.elementor-element-77757f3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10412 .elementor-element.elementor-element-77757f3{text-align:center;color:var( --e-global-color-4d78a69 );}.elementor-10412 .elementor-element.elementor-element-96e90b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-64bb2ee{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:var( --e-global-color-bd09eb7 );--border-color:var( --e-global-color-bd09eb7 );--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:12;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-64bb2ee:not(.elementor-motion-effects-element-type-background), .elementor-10412 .elementor-element.elementor-element-64bb2ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-10412 .elementor-element.elementor-element-64bb2ee:hover{border-style:solid;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:var( --e-global-color-49a77ed );--border-color:var( --e-global-color-49a77ed );box-shadow:0px 0px 17px 0px #0ABACE;}.elementor-10412 .elementor-element.elementor-element-64bb2ee, .elementor-10412 .elementor-element.elementor-element-64bb2ee::before{--border-transition:0.3s;}.elementor-10412 .elementor-element.elementor-element-64bb2ee.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10412 .elementor-element.elementor-element-3440bb1{text-align:center;}.elementor-10412 .elementor-element.elementor-element-3440bb1 img{width:100px;border-radius:8px 8px 0px 0px;}.elementor-10412 .elementor-element.elementor-element-4d9e854{width:100%;max-width:100%;text-align:center;}.elementor-10412 .elementor-element.elementor-element-4d9e854 > .elementor-widget-container{margin:10px 20px 0px 20px;}.elementor-10412 .elementor-element.elementor-element-4d9e854 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;line-height:1.3em;letter-spacing:-1px;color:var( --e-global-color-49a77ed );}.elementor-10412 .elementor-element.elementor-element-4956ba6 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-10412 .elementor-element.elementor-element-4956ba6{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;line-height:1.5em;color:var( --e-global-color-49a77ed );}.elementor-10412 .elementor-element.elementor-element-e624a3c{--divider-border-style:dashed;--divider-color:var( --e-global-color-bd09eb7 );--divider-border-width:7px;top:45%;}body:not(.rtl) .elementor-10412 .elementor-element.elementor-element-e624a3c{right:-60px;}body.rtl .elementor-10412 .elementor-element.elementor-element-e624a3c{left:-60px;}.elementor-10412 .elementor-element.elementor-element-e624a3c .elementor-divider-separator{width:15%;margin:0 auto;margin-right:0;}.elementor-10412 .elementor-element.elementor-element-e624a3c .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-10412 .elementor-element.elementor-element-2720351{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:var( --e-global-color-bd09eb7 );--border-color:var( --e-global-color-bd09eb7 );--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:12;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-2720351:not(.elementor-motion-effects-element-type-background), .elementor-10412 .elementor-element.elementor-element-2720351 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-10412 .elementor-element.elementor-element-2720351:hover{border-style:solid;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:var( --e-global-color-49a77ed );--border-color:var( --e-global-color-49a77ed );box-shadow:0px 0px 17px 0px #0ABACE;}.elementor-10412 .elementor-element.elementor-element-2720351, .elementor-10412 .elementor-element.elementor-element-2720351::before{--border-transition:0.3s;}.elementor-10412 .elementor-element.elementor-element-b1b9c2e{text-align:center;}.elementor-10412 .elementor-element.elementor-element-b1b9c2e img{width:100px;border-radius:8px 8px 0px 0px;}.elementor-10412 .elementor-element.elementor-element-1856af1{--divider-border-style:dashed;--divider-color:var( --e-global-color-bd09eb7 );--divider-border-width:7px;top:45%;}body:not(.rtl) .elementor-10412 .elementor-element.elementor-element-1856af1{right:-60px;}body.rtl .elementor-10412 .elementor-element.elementor-element-1856af1{left:-60px;}.elementor-10412 .elementor-element.elementor-element-1856af1 .elementor-divider-separator{width:15%;margin:0 auto;margin-right:0;}.elementor-10412 .elementor-element.elementor-element-1856af1 .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-10412 .elementor-element.elementor-element-ea8e088 > .elementor-widget-container{margin:10px 20px 0px 20px;}.elementor-10412 .elementor-element.elementor-element-ea8e088{text-align:center;}.elementor-10412 .elementor-element.elementor-element-ea8e088 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;line-height:1.3em;letter-spacing:-1px;color:var( --e-global-color-49a77ed );}.elementor-10412 .elementor-element.elementor-element-adc74eb > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-10412 .elementor-element.elementor-element-adc74eb{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;line-height:1.5em;color:var( --e-global-color-49a77ed );}.elementor-10412 .elementor-element.elementor-element-6cfc805{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;top:40%;text-align:center;}.elementor-10412 .elementor-element.elementor-element-6cfc805 > .elementor-widget-container{background-color:var( --e-global-color-4d78a69 );border-style:solid;border-width:7px 7px 7px 7px;border-color:var( --e-global-color-bd09eb7 );border-radius:100px 100px 100px 100px;}.elementor-10412 .elementor-element.elementor-element-6cfc805.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-10412 .elementor-element.elementor-element-6cfc805{left:-40px;}body.rtl .elementor-10412 .elementor-element.elementor-element-6cfc805{right:-40px;}.elementor-10412 .elementor-element.elementor-element-6cfc805 .elementor-heading-title{font-size:42px;font-weight:700;color:var( --e-global-color-primary );}.elementor-10412 .elementor-element.elementor-element-cdf1d01{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:var( --e-global-color-bd09eb7 );--border-color:var( --e-global-color-bd09eb7 );--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:12;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-cdf1d01:not(.elementor-motion-effects-element-type-background), .elementor-10412 .elementor-element.elementor-element-cdf1d01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-10412 .elementor-element.elementor-element-cdf1d01:hover{border-style:solid;border-width:7px 7px 7px 7px;--border-top-width:7px;--border-right-width:7px;--border-bottom-width:7px;--border-left-width:7px;border-color:var( --e-global-color-49a77ed );--border-color:var( --e-global-color-49a77ed );box-shadow:0px 0px 17px 0px #0ABACE;}.elementor-10412 .elementor-element.elementor-element-cdf1d01, .elementor-10412 .elementor-element.elementor-element-cdf1d01::before{--border-transition:0.3s;}.elementor-10412 .elementor-element.elementor-element-764cdfa{text-align:center;}.elementor-10412 .elementor-element.elementor-element-764cdfa img{width:100px;border-radius:8px 8px 0px 0px;}.elementor-10412 .elementor-element.elementor-element-6f3e75a > .elementor-widget-container{margin:10px 20px 0px 20px;}.elementor-10412 .elementor-element.elementor-element-6f3e75a{text-align:center;}.elementor-10412 .elementor-element.elementor-element-6f3e75a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;line-height:1.3em;letter-spacing:-1px;color:var( --e-global-color-49a77ed );}.elementor-10412 .elementor-element.elementor-element-f61c79d > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-10412 .elementor-element.elementor-element-f61c79d{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;line-height:1.5em;color:var( --e-global-color-49a77ed );}.elementor-10412 .elementor-element.elementor-element-5596419{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;top:40%;text-align:center;}.elementor-10412 .elementor-element.elementor-element-5596419 > .elementor-widget-container{background-color:var( --e-global-color-6cfc453 );border-style:solid;border-width:7px 7px 7px 7px;border-color:var( --e-global-color-bd09eb7 );border-radius:100px 100px 100px 100px;}.elementor-10412 .elementor-element.elementor-element-5596419.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-10412 .elementor-element.elementor-element-5596419{left:-40px;}body.rtl .elementor-10412 .elementor-element.elementor-element-5596419{right:-40px;}.elementor-10412 .elementor-element.elementor-element-5596419 .elementor-heading-title{font-size:42px;font-weight:700;color:var( --e-global-color-primary );}.elementor-10412 .elementor-element.elementor-element-86a4238{--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;--padding-top:100px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;overflow:visible;}.elementor-10412 .elementor-element.elementor-element-72186a0 > .elementor-widget-container{background-color:var( --e-global-color-4d78a69 );border-radius:30px 30px 30px 30px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10412 .elementor-element.elementor-element-aaffeab{--content-width:1460px;}.elementor-10412 .elementor-element.elementor-element-a67507d{--width:68%;}.elementor-10412 .elementor-element.elementor-element-2ef6da1{--content-width:1366px;}.elementor-10412 .elementor-element.elementor-element-3552eb2{--width:100%;}.elementor-10412 .elementor-element.elementor-element-423d2eb{--content-width:779px;}.elementor-10412 .elementor-element.elementor-element-96e90b7{--width:100%;}.elementor-10412 .elementor-element.elementor-element-64bb2ee{--width:33.3%;}.elementor-10412 .elementor-element.elementor-element-2720351{--width:33.3%;}.elementor-10412 .elementor-element.elementor-element-cdf1d01{--width:33.3%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10412 .elementor-element.elementor-element-a67507d{--width:100%;}.elementor-10412 .elementor-element.elementor-element-3552eb2{--width:100%;}.elementor-10412 .elementor-element.elementor-element-64bb2ee{--width:100%;}.elementor-10412 .elementor-element.elementor-element-2720351{--width:100%;}.elementor-10412 .elementor-element.elementor-element-cdf1d01{--width:100%;}}@media(max-width:1366px){.elementor-10412 .elementor-element.elementor-element-0c900e0 .elementor-heading-title{font-size:var( --e-global-typography-0e93510-font-size );line-height:var( --e-global-typography-0e93510-line-height );letter-spacing:var( --e-global-typography-0e93510-letter-spacing );}.elementor-10412 .elementor-element.elementor-element-ad3305b .elementor-heading-title{font-size:var( --e-global-typography-f488a9e-font-size );line-height:var( --e-global-typography-f488a9e-line-height );letter-spacing:var( --e-global-typography-f488a9e-letter-spacing );}.elementor-10412 .elementor-element.elementor-element-86a4238{--padding-top:100px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1200px){.elementor-10412 .elementor-element.elementor-element-3552eb2{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10412 .elementor-element.elementor-element-86a4238{--padding-top:100px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-10412 .elementor-element.elementor-element-aaffeab{--min-height:0vh;--padding-top:140px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10412 .elementor-element.elementor-element-a67507d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10412 .elementor-element.elementor-element-0c900e0{text-align:center;}.elementor-10412 .elementor-element.elementor-element-0c900e0 .elementor-heading-title{font-size:var( --e-global-typography-0e93510-font-size );line-height:var( --e-global-typography-0e93510-line-height );letter-spacing:var( --e-global-typography-0e93510-letter-spacing );}.elementor-10412 .elementor-element.elementor-element-316bd53{text-align:center;}.elementor-10412 .elementor-element.elementor-element-3552eb2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10412 .elementor-element.elementor-element-ad3305b{text-align:center;}.elementor-10412 .elementor-element.elementor-element-ad3305b .elementor-heading-title{font-size:var( --e-global-typography-f488a9e-font-size );line-height:var( --e-global-typography-f488a9e-line-height );letter-spacing:var( --e-global-typography-f488a9e-letter-spacing );}.elementor-10412 .elementor-element.elementor-element-77757f3{text-align:center;}.elementor-10412 .elementor-element.elementor-element-96e90b7{--flex-wrap:wrap;}.elementor-10412 .elementor-element.elementor-element-64bb2ee{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:20px 20px 20px 20px;}body:not(.rtl) .elementor-10412 .elementor-element.elementor-element-6cfc805{left:45%;}body.rtl .elementor-10412 .elementor-element.elementor-element-6cfc805{right:45%;}.elementor-10412 .elementor-element.elementor-element-6cfc805{top:-50px;}.elementor-10412 .elementor-element.elementor-element-764cdfa > .elementor-widget-container{margin:0px -26px 0px 0px;}body:not(.rtl) .elementor-10412 .elementor-element.elementor-element-5596419{left:44%;}body.rtl .elementor-10412 .elementor-element.elementor-element-5596419{right:44%;}.elementor-10412 .elementor-element.elementor-element-5596419{top:-50px;}.elementor-10412 .elementor-element.elementor-element-86a4238{--padding-top:100px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-10412 .elementor-element.elementor-element-aaffeab{--min-height:40vh;--padding-top:140px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-10412 .elementor-element.elementor-element-a67507d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10412 .elementor-element.elementor-element-0c900e0 .elementor-heading-title{font-size:var( --e-global-typography-0e93510-font-size );line-height:var( --e-global-typography-0e93510-line-height );letter-spacing:var( --e-global-typography-0e93510-letter-spacing );}.elementor-10412 .elementor-element.elementor-element-10d4625{--content-width:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-10412 .elementor-element.elementor-element-0fa2e85.elementor-element{--align-self:stretch;}.elementor-10412 .elementor-element.elementor-element-0fa2e85 .elementor-button{padding:15px 20px 15px 20px;}.elementor-10412 .elementor-element.elementor-element-a95d648.elementor-element{--align-self:stretch;}.elementor-10412 .elementor-element.elementor-element-a95d648 .elementor-button{padding:15px 20px 15px 20px;}.elementor-10412 .elementor-element.elementor-element-3552eb2{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10412 .elementor-element.elementor-element-ad3305b .elementor-heading-title{font-size:var( --e-global-typography-f488a9e-font-size );line-height:var( --e-global-typography-f488a9e-line-height );letter-spacing:var( --e-global-typography-f488a9e-letter-spacing );}.elementor-10412 .elementor-element.elementor-element-64bb2ee{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10412 .elementor-element.elementor-element-4d9e854 .elementor-heading-title{font-size:20px;}.elementor-10412 .elementor-element.elementor-element-2720351{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10412 .elementor-element.elementor-element-ea8e088 .elementor-heading-title{font-size:20px;}.elementor-10412 .elementor-element.elementor-element-6cfc805{--container-widget-width:59px;--container-widget-flex-grow:0;width:var( --container-widget-width, 59px );max-width:59px;top:-45px;}body:not(.rtl) .elementor-10412 .elementor-element.elementor-element-6cfc805{left:35%;}body.rtl .elementor-10412 .elementor-element.elementor-element-6cfc805{right:35%;}.elementor-10412 .elementor-element.elementor-element-6cfc805 .elementor-heading-title{font-size:30px;}.elementor-10412 .elementor-element.elementor-element-cdf1d01{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10412 .elementor-element.elementor-element-6f3e75a .elementor-heading-title{font-size:20px;}.elementor-10412 .elementor-element.elementor-element-5596419 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10412 .elementor-element.elementor-element-5596419{--container-widget-width:59px;--container-widget-flex-grow:0;width:var( --container-widget-width, 59px );max-width:59px;top:-45px;}body:not(.rtl) .elementor-10412 .elementor-element.elementor-element-5596419{left:35%;}body.rtl .elementor-10412 .elementor-element.elementor-element-5596419{right:35%;}.elementor-10412 .elementor-element.elementor-element-5596419 .elementor-heading-title{font-size:30px;}.elementor-10412 .elementor-element.elementor-element-86a4238{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-64bb2ee */.elementor-10412 .elementor-element.elementor-element-64bb2ee {
    max-width: 395px;
}
.elementor-10412 .elementor-element.elementor-element-64bb2ee, .elementor-10412 .elementor-element.elementor-element-64bb2ee .elementor-divider {
    transition: .4s;
}
.elementor-10412 .elementor-element.elementor-element-64bb2ee:hover {
    scale: 1.05;
}
.elementor-10412 .elementor-element.elementor-element-64bb2ee:hover .elementor-divider {
    opacity: 0;
}

.elementor-10412 .elementor-element.elementor-element-64bb2ee{
    transition: 0.3s ease!important;
}
@media (max-width: 1024px) {
    .elementor-10412 .elementor-element.elementor-element-64bb2ee {
        max-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6cfc805 */.elementor-10412 .elementor-element.elementor-element-6cfc805 .elementor-heading-title {
    height: 65px;
    align-content: center;
}


@media(max-width: 992px){
    .elementor-10412 .elementor-element.elementor-element-6cfc805{
        left: 50%!important;
        transform: translateX(-50%);
    }
}

@media(max-width: 576px){
    .elementor-10412 .elementor-element.elementor-element-6cfc805 .elementor-heading-title {
        height: 45px;
        align-content: center;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2720351 */.elementor-10412 .elementor-element.elementor-element-2720351, .elementor-10412 .elementor-element.elementor-element-2720351 .elementor-divider {
    transition: .4s;
}
.elementor-10412 .elementor-element.elementor-element-2720351:hover {
    scale: 1.05;
}
.elementor-10412 .elementor-element.elementor-element-2720351:hover .elementor-divider {
    opacity: 0;
}
.elementor-10412 .elementor-element.elementor-element-2720351{
    transition: 0.3s ease!important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5596419 */.elementor-10412 .elementor-element.elementor-element-5596419 .elementor-heading-title {
    height: 65px;
    align-content: center;
}

@media(max-width: 992px){
    .elementor-10412 .elementor-element.elementor-element-5596419{
        left: 50%!important;
        transform: translateX(-50%);
    }
}

@media(max-width: 576px){
    .elementor-10412 .elementor-element.elementor-element-5596419 .elementor-heading-title {
        height: 45px;
        align-content: center;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdf1d01 */.elementor-10412 .elementor-element.elementor-element-cdf1d01, .elementor-10412 .elementor-element.elementor-element-cdf1d01 .elementor-divider {
    transition: .4s;
}
.elementor-10412 .elementor-element.elementor-element-cdf1d01:hover {
    scale: 1.05;
}
.elementor-10412 .elementor-element.elementor-element-cdf1d01:hover .elementor-divider {
    opacity: 0;
}
.elementor-10412 .elementor-element.elementor-element-cdf1d01{
    transition: 0.3s ease!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4dadbe */.elementor-10412 .elementor-element.elementor-element-b4dadbe{
    display: none!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-73ddfba */.elementor-10412 .elementor-element.elementor-element-73ddfba{
    display: none!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5b7d52c */.elementor-10412 .elementor-element.elementor-element-5b7d52c{
    display: none!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-72186a0 *//*Roles*/
#rolesList, #rolesList2 {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    padding: 0!important;
    gap: 10px;
}

#rolesList th, #rolesList td , #rolesList2 th, #rolesList2 td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
     border-right: 0!important;
    border-left: 0!important;
}

#roleModal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 60px);
    max-width: 1366px;
    background-color: #0B152C;
    padding: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: block;
    z-index: 99;
    border-radius: 30px;
    border: 5px solid #0ABACE;
    box-shadow: 0px 0px 17px 0px #0ABACE;
    min-height: 500px !important;
    height: 670px !important;
    align-content: top;
    overflow: hidden !important;
}

#roleModal button, #roleModalContainer button{
    display: block;
    width: auto;
    border-radius: 30px 30px 30px 30px;
    padding: 15px 25px 15px 25px;
    margin: 0 auto;
    margin-top: 20px;
    color: var(--e-global-color-49a77ed);
    background-color: var(--e-global-color-bd09eb7);
    border: none;
    cursor: pointer;
    margin-bottom: 30px;
}

.elementor-10412 .elementor-element.elementor-element-72186a0 #addRole{
    margin-bottom: 30px;
    margin-top: 20px;
    background: transparent;
    cursor: pointer;
    color: #088B9A!important;
    position: relative;
    width: 170px !important;
    display: block;
        padding-left: 16px;
}

.elementor-10412 .elementor-element.elementor-element-72186a0 #addRole span{
    top: 47%;
    right: 0;
    position: absolute;
    transform: translateY(-50%);
    color: #088B9A!important;
}

.elementor-10412 .elementor-element.elementor-element-72186a0 #addRole:hover , .elementor-10412 .elementor-element.elementor-element-72186a0 #addRole:hover span{
    z-index: 20;
    color: #03E8E6!important;
}


/*Number of Staff Needed*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.elementor-10412 .elementor-element.elementor-element-72186a0 .decrement , .elementor-10412 .elementor-element.elementor-element-72186a0 .increment{
    font-size: 11px!important;
}

.elementor-10412 .elementor-element.elementor-element-72186a0 .decrement , .elementor-10412 .elementor-element.elementor-element-72186a0 .increment, .elementor-10412 .elementor-element.elementor-element-72186a0 .remove{
    padding: 5px 5px!important;
    border: 0!important;
    border-radius: 0!important;
    color: #0B152C;
    background: transparent!important;
    outline: none!important;
}

/*Remove on Listing*/

.elementor-10412 .elementor-element.elementor-element-72186a0 .remove{
    color: red!important;
}

/*Role Listing Header*/

#roleHeader{
    display: flex; 
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    background: transparent!important;
    border-bottom: 1px solid #000;
}

#roleHeader li,  #roleBody li{
    text-align: center;
    padding: 10px!important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.3em;
}

/*Listing of roles*/

#roleBody{
    padding: 0!important;
}

#roleBody li:last-of-type{
    padding: 7px!important;
}

.role-row{
    display: flex;
    list-style-type: none;
    padding: 5px;
    margin: 5px 0;
    align-items: center;
    border-bottom: 1px solid #D5E8F4!important;
}

#roleHeader li:first-of-type,  #roleBody li:first-of-type{
    text-align: left;
}

#roleTableContainer{
    border: 1px solid #D5E8F4;
    padding: 50px;
    border-radius: 30px;
}

#roleList, #roleList2{
    height: auto;
    overflow-y: scroll;
    padding: 0!important

}

#roleList{
    overflow: hidden!important;
}

#rolesList td:first-of-type, #rolesList2 td:first-of-type{
    text-align: left;
}

#rolesList td:last-of-type, #rolesList2 td:last-of-type{
    text-align: right;
}

#roleListmain, #roleList{
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0!important;
    gap: 10px;
}

.rolemain-container,.rolemain-container2{
    height: 500px;
    overflow: hidden;
    overflow-y: visible;
    margin-right: -20px;
    padding-right: 10px;
}

#roleListmain li{
    cursor: pointer;
    flex: 1;
    width: calc(33.33% - (20px / 3));
    min-width: calc(33.33% -  (20px / 3));
    max-width: calc(33.33% -  (20px / 3));
    border: 1px solid #9e9e9e;
    padding: 10px 55px 10px 25px;
    margin: 0;
    transition: 0.13s ease;
    border-radius: 30px;
    position: relative;
    font-size: 14px;
    line-height: 1.5em;
    align-content: center;
    box-sizing: border-box;
}

#roleList li{
    cursor: pointer;
    flex: 1;
    width: 32%;
    width: calc(33.33% - (20px / 3));
    min-width: calc(33.33% -  (20px / 3));
    max-width: calc(33.33% -  (20px / 3));
    border: 1px solid #9e9e9e;
    padding: 10px 55px 10px 25px;
    margin: 0;
    transition: 0.13s ease;
    border-radius: 30px;
    position: relative;
    font-size: 14px;
    line-height: 1.5em;
    align-content: center;
    box-sizing: border-box;
    color: #FFF;
}

#roleListmain li::after, #roleList li::after{
    content: "\e9c5";
    font-family: elementskit !important;
    font-size: 15px;
    right: 30px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

#roleListmain li:hover, #roleList li:hover{
    background: #0B152C;
    color: #FFF;
}
.role-row li{
    display: flex;
    justify-content: center;
    align-items: center;
}

.role-row li:first-of-type{
    justify-content: start;
}

#roleList li, #roleList2 li,#roleListmain li{
    cursor: pointer;
}

#roleList li:hover, #roleList2 li:hover, #roleListmain li:hover{
    color: #0AB4C8!important;
}

.role-row .remove{
    margin-left: -20px!important;
}

/* Experience level */
.experience-btn, .tier-btn {
    display: inline-block;
    width: 100%;
    padding: 5px!important;
    background-color: transparent!important;
    border: 0!important;
    text-align: center!important;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color: #000!important;
    outline: none!important;
    text-transform: capitalize!important;
}

.experience-btn::after, .tier-btn::after{
    font-family: elementskit !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e874";
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    right: -10px;
    font-size: 14px;
}

.experience-btn:hover, .tier-btn:hover{
    color: #0ABACE!important;
}

/* Dropdown menu container */

.tier-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 34% !important;
    transform: translateX(-50%);
    width: 300px;
    z-index: 50;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 49%;
    transform: translateX(-50%);
    width: 200px;
    z-index: 50;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}

/* Dropdown menu list styling */
.dropdown-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Individual dropdown items */
.dropdown-menu li {
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s;
    font-size: 14px;
    text-align: center!important;
}

/* Hover effect for dropdown items */
.dropdown-menu li:hover {
    background-color: #f0f0f0;
}

/* Prevents affecting the layout */
.role-row {
    position: relative;
}

.staff-count{
    padding: 10px;
    background: #dedede;
}

/*Search Field*/

#searchRole, #searchRole3{
    margin: 10px 0;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: -1px;
    border-style: solid;
 
    border-color: #9e9e9e;
    background-color: #f9f9f9 !important;
    padding: 14px 15px 14px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    font-size: 15px !important;
}

#searchRole::placeholder, #searchRole3::placeholder{
    color: #000000;
}

#searchRole3{
    width: 70%;
    margin: 0!important;
}

#searchRole{
    width: 70%;
    margin: 0;
}

#searchRole3{
    background: #EFEFEF!important;
}

#searchRole2{
    margin-bottom: 30px!important;
}

button{
    outline: none!important;
}

/*Close Button*/

#closeModal{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #FFF;
    cursor: pointer;
}

#closeModal:hover{
    color: #0ABACE;
}

/*Modal Scroll Bar Design*/

/* width */
.elementor-10412 .elementor-element.elementor-element-72186a0 ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.elementor-10412 .elementor-element.elementor-element-72186a0 ::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 10px;
}
 
/* Handle */
.elementor-10412 .elementor-element.elementor-element-72186a0 ::-webkit-scrollbar-thumb {
  background: #0ABACE; 
  border-radius: 10px;
}

/* Handle on hover */
.elementor-10412 .elementor-element.elementor-element-72186a0 ::-webkit-scrollbar-thumb:hover {
  background: #046873; 
}

/*Starting Page*/

.imageGetStarted{
    width: auto;
    height: 500px!important;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    /*border-bottom: 1px solid #000!important;*/
    /*padding: 0 80px!important;*/
    z-index: 20;
}

.getStartedMessage{
    text-align: center;
    font-size: 40px;
    width: 70%;
    margin: 0 auto;
}

#imgstartcontainer{
    position: relative;
}

#imgstartcontainer::before{
    content: "";
    position: absolute;
    height: 100%;
    z-index: 11;
    display: block;
    width: 100%;
    position: absolute;
    height: 80%;
    transform: translateX(-50%);
    left: 50%;
    top: 18.5%;
    width: 550px;
    display: block;
    border-radius: 50% 50% 0px 0px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) -10%, #0B152C 130%);
}

#roleModalContainer{
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    background: #000000CC;
    top: 0;
    left: 0;
}


#staffCountContainer label{
    color: #FFF;
    font-weight: bold;
}

#addRole2{
    border-radius: 50px;
    border: 0;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 20px!important;
    padding: 10px 50px!important;
    outline: none!important;
    text-transform: capitalize;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    text-transform: none!important;
}

.ContainerRole{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ContainerRole a{
    cursor: pointer;
}

.role-header {
    list-style-type: none;
}

.responsive-table .role-header {
  display: none;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: left;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

.role-row .dropdown-menu li{
    height: auto!important;
    justify-content: center!important;
}

#roleTableContainer{
    box-shadow: 0px 0px 100px 4px rgba(0, 0, 0, 0.25);
}


/*Summary Result*/

.highlight-saving td{
    color: #FFF!important;
    font-weight: bold;
    
}

.highlight-saving{
    background: #0B152C;
}

#summary-result{
    background: #F3F7F9;
    padding: 30px;
    border-radius: 30px;
    color: #0B152C !important;
    /*border: 5px solid #0ABACE;*/
}

#summary-result h2{
    color: #0B152C;
    text-align: left;
    font-family: "Montserrat", Sans-Serif;
}

#OverallSavings{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
}

#OverallSavings h2{
    font-family: "Montserrat", Sans-Serif;
    font-size: 46px !important;
    color: #0ABACE;
    font-weight: bold !important;
}


#EMC{
    font-size: 60px;
    color: #0ABACE;
    font-weight: bold;
    font-family: "Montserrat", Sans-Serif;
}



/*Header*/

.header-container{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
}

#calculator-notes{
    display: flex;
    width: 100%;
    justify-content: center;
}
#summary-result #calculator-notes{
    margin-top: 30px;
}
#calculator-notes p{
    font-size: 14px;
    margin: 0;
    line-height: 1rem;
    font-family: 'Montserrat', sans-serif;
    padding-left: 26px;
    
}

#calculator-notes p.calctext{
    margin-top: 5px!important;
}

#calculator-notes span{
    width: 20px;
        font-size: 13px;
}

#calculator-notes span i{
    padding: 7px 12px;
    border: 2px solid #000;
    border-radius: 50%;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

#currencySelectorContainer{
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
    width: 50%;
}

#currencySelectorContainer label{
    width: 130px;
    align-items: center;
    display: flex;
    font-family: 'Montserrat', sans-serif;
}

#currencySelectorContainer #currencySelector{
    width: 160px;
    border-radius: 30px;
    cursor: pointer;
}

/*Footer*/

.footer-container{
    display: block;
    margin-top: 20px;
    text-align: center;
    padding-bottom: 25px;
}

#footer-notes{
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    margin-bottom: 30px;
}
#footer-buttons a, #header-buttons a{
    transition-duration: 0.3s;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 30px 30px 30px 30px;
    padding: 15px 25px 15px 25px;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--e-global-color-49a77ed);
    background-color: var(--e-global-color-bd09eb7);
    box-shadow: -60px 0px 50px 0px rgba(41, 227, 127, 0) inset;
}
#footer-buttons a:hover, #header-buttons a:hover{
    background-color: var(--e-global-color-bb75d97);
    border-color: rgba(2, 1, 1, 0);
}


#header-buttons{
    top: -60px;
    position: absolute;
    left: 49.5%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

#final-result{
    display: none;
}

/*Filter*/

.filtercontainer{
    display: flex;
    justify-content: space-between;
    overflow-x: hidden;
    margin-top: 30px;
    position: relative;
    margin-bottom: 15px;
    gap: 10px;

}
.filtercontainer2{
    display: flex;
    justify-content: space-between;
    overflow-x: hidden;
    position: relative;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}

/*Category*/

.categorycontainer{
    width: 30%;
}

#categoryFilter, #categoryFilter2{
    margin: 10px 0;
        margin-top: 30px;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: -1px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #9e9e9e;
    background-color: #f9f9f9 !important;
    padding: 15px 15px 15px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    font-size: 15px !important;
    height: 50px;
    width: 100%;
    margin-left: 10px;
    color: #000;
    font-family: "Montserrat", sans-serif!important;
}

#categoryFilter2{
    width: 30%!important;
    margin: 0;
}

#categoryFilter{
    background: #EFEFEF!important;
    margin: 0!important;
}

.categorycontainer::before{
    right: 20px!important;
    position: absolute!important;
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
    color: #696969;
    
}



/*Responsive*/

@media(max-width: 1200px){
    #OverallSavings h2{
        font-size: 40px !important;
    }
    #OverallSavings #EMC{
        font-size: 48px!important;
    }
}

@media (max-width:1024px){

    #searchRole3,input#searchRole,.categorycontainer{
        width:50%;
    }

    select#categoryFilter2{
        width:50%!important;
    }

    #roleListmain li,#roleList li {
        cursor: pointer;
        flex: 1;
        width: calc(50% - (10px / 2));
        min-width: calc(50% - (10px / 2));
        max-width: calc(50% - (10px / 2));
    }

}

@media (max-width: 992px) {

    #gettingStartedRoleList h2{
        font-size: 30px;
    }

    #gettingStartedRoleList button{
        font-size: 20px;
    }

    #imgstartcontainer img{
        object-fit: cover;
    }
    
    .experience-btn, .tier-btn{
        font-size: 14px!important;
        width: auto!important;
    }
 
    .role-row li{
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .ContainerRole{
        /*flex-direction: column;*/
    }
    
    .responsive-table {
        display: flex;
        width: 100%;
    }

    .responsive-table .role-row {
        display: block!important;
    }

    .responsive-table .role-row li{
        justify-content: end!important;
    }
    
    .role-row{
        width: 50%;
    }
    .responsive-table .role-header li,
    .responsive-table .role-row li {
      flex: 1;
      text-align: left;
      padding: 5px;
      width: 100%!important;
    }

    /* Align header to left for the first column */
    .responsive-table .role-header li:first-child,
    .responsive-table .role-row li:first-child {
      text-align: left;
    }
    
    .responsive-table .role-header li:nth-child(odd),
    .responsive-table .role-row li:nth-child(odd) {
      background-color: #F3F7F9;
    }
    
    .responsive-table .role-row li {
        width: 100%;
        align-items: flex-end;
        justify-content: end;
    }
    
    .responsive-table .role-header li{
        display: flex;
        align-items: center;
    }

    .responsive-table .role-row li{
        display: flex;
        align-items: center;
        text-align: right!important;
    }
    
    #currencySelector{
        height: 45px;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
    }
    
    #roleHeader{
      display: none;
    }
    
    .role-header li:nth-child(2){
        height: 72.8px;
        display: flex;
        align-items: center;
    }
    
    .role-header li:nth-child(3){
        height: 54px;
        display: flex;
        align-items: center;
    }
    
    .role-header li:last-of-type{
        height: 48px;
        display: flex;
        align-items: center;
    }
    
    #roleTableContainer{
        padding: 30px;
    }
    
    .staff-count{
        width: 40px!important;
    }
    
    .role-row{
        margin: 0;
    }
    
    .responsive-table .role-header {
        display: block; /* Hide the header */
        width: 50%;
    }
    
    .responsive-table .role-header li {
       text-align: left!important;
    }
    
    .responsive-table .role-row {
        flex-direction: column; /* Stack items vertically */
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }
    
    .responsive-table .role-row li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 0;
    }
    
    .responsive-table .role-row > li::before {
        content: attr(data-title);
        font-weight: bold;
        flex: 1;
        text-align: left;
        margin-right: 10px;
    }
    
    .experience-btn{
      text-align: right!important;
    }
    
    #summary-result{
        margin-top: 50px;
        padding: 20px;
    }
    
    #summary-result > h2{
        font-size: 24px;
        text-align: center;
    }
    
    #summary-result #OverallSavings h2{
        font-size: 18px !important;
    }
    
    #summary-result #EMC{
        font-size: 20px!important;
        text-align: right;
    }
    
    #footer-notes p{
        font-size: 17px;
    }
    
    #footer-buttons a{
        font-size: 14px;
    }

    .role-row .experience-class .dropdown-menu{
        top: 46%;
        left: 83%;
        width: 150px !important;
    }

    .role-row .tier-dropdown .dropdown-menu{
        top: 28%;
        left: 66% !important;
        width: 300px !important;
    }

    .role-row .dropdown-menu li{
        height: auto!important;
        justify-content: center!important;
    }
    
    #calculator-notes {
        width:   100%;
    }
    
    .calctext{
        padding-right: 10px;
    }
    
    #totalSavings{
       vertical-align: middle;
    }
    
}

/* Adjust for mobile screens */
@media (max-width: 576px) {

    #header-buttons{
        top: -50px;
    }

    .role-row .experience-class .dropdown-menu {
        top: 41%;
        left: 70%;
        width: 150px !important;
    }

    .role-row .tier-dropdown .dropdown-menu{
        top: 24%;
        left: 48% !important;
        width: 200px !important;
    }


    #roleBody li:last-of-type{
        padding: 10px!important;
    }

    #addRole{
        text-align: left!important;
        padding-left: 10px!important;
        margin-top: 30px!important;
    }

    .get-custom-quote, .view-tiered-pricing, .view-standard-pricing{
        padding: 10px 10px!important;
        width: 100%!important;
    }
    
    #summary-result h2{
        font-size: 18px;
    }
    
    #footer-buttons{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    
    .experience-btn::after, .tier-btn::after{
        right: -6px;
        font-size: 9px;
    }
   
    #roleHeader li, #roleBody li, .experience-btn, .tier-btn{
        font-size: 11px!important;
         
    }

    #roleHeader li, #roleBody li{
        width: 100%;
    }

    .responsive-table .role-row li::before {
        margin-bottom: 5px;
    }

    .responsive-table .role-row li {
        padding: 5px 0;    
    }
      
    #calculator-notes, #currencySelectorContainer{
        width: 100%;
    }
      
    #currencySelectorContainer{
        top: 0;
        transform: translateY(0);
        justify-content: space-between;
        margin-top: 20px;
    }
      
    #currencySelector{
        height: 40px;
        top: 0;
        position: relative;
        transform: translateY(0);
        font-size: 15px;
        width: 120px !important;
    }
  
  
    #gettingStartedRoleList h2{
        font-size: 20px;
        margin: 0 auto;
        width: 100%;
    }
  
    #gettingStartedRoleList button {
        font-size: 10px;
    }
    
    #imgstartcontainer::before{
        width: 245px;
        height: 79%;
    }
    
    #imgstartcontainer img{
        height: 230px !important;
        margin-top: -15px;
    }
    
    .header-container{
        flex-wrap: wrap;
    }
    
    .role-row li{
        align-items: center;
        text-align: right!important;
        float: right;
    }
    
    .role-row li::before{
        display: none;
    }
    
    .role-row li:nth-child(2){
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
    }
    
    .role-row li:last-of-type{
        Position: relative;
        display: flex;
        width: 100%;
        align-items: flex-end;
        justify-content: end;
    }
    
    #addRole2{
        padding: 10px 20px!important;
        font-size: 12px!important;
    }

    .responsive-table .role-row li{
        justify-content: end!important;
    }
    
    .roleTableContainer{
        padding: 15px!important;
    }
    
    #summary-result{
        margin-top: 50px;
        padding: 20px;
    }
    
    #summary-result > h2{
        font-size: 22px;
        text-align: center;
    }
    
    #summary-result #OverallSavings h2{
        font-size: 17px !important;
    }
    
    #summary-result #EMC{
        font-size: 14px!important;
        text-align: right;
    }
    
    #footer-notes p{
        font-size: 16px;
        line-height: 20px;
        text-align: justify!important;
    }
    
    #footer-buttons a{
        font-size: 12px;
    }
    
    .staff-count{
        width: 25px !important;
        text-align: center;
        padding: 7px 0px !important;
        padding-right: 3px !important;
    }
    
    #roleTableContainer{
        padding: 50px 30px;
    }
    
    .role-row .dropdown-menu{
        left: 28%;
    }
    .role-row .dropdown-menu li{
        height: auto!important;
        justify-content: center!important;
    }



    #summary-result #calculator-notes{
        flex-wrap: wrap;
    }
    
    #summary-result #calculator-notes p{
        padding: 0!important;
        text-align: justify!important;
    }

    #summary-result #calculator-notes span{
        width: 38px!important;
    }

    #summary-result #calculator-notes i{
        top: 15%!important;
        left: 8px;
        padding: 5px 10px!important;
    }
    
    #summary-result #calculator-notes i::before{
        font-size: 10px;
    }

    #addRole .elementor-icon-list-icon i::before{
        right: 35px!important;
        position: relative;
        
    }

    
    #CalculateRole{
        padding: 11px 25px!important;   
    }
}



@media (max-width:600px){

    .filtercontainer,.filtercontainer2{
        flex-direction:column;
    }

    #searchRole3,input#searchRole{
        width:100%;
    }

    .categorycontainer,select#categoryFilter2{
        width:100%!important;
        position:relative;
    }

}

@media (max-width:500px){

    #roleListmain li,#roleList li {
        cursor: pointer;
        flex: 1;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .elementor-10412 .elementor-element.elementor-element-72186a0 #addRole span{
        top: 0;
        right: 0;
        position: static;
        transform: translateY(0%);
        color: #088B9A !important;
        display: inline;
    }

    #addRole .elementor-icon-list-icon i::before {
        right: 0px !important;
        position: relative;
    }

    #roleTableContainer {
        padding: 50px 20px;
    }

}

@media (max-width:374px){

    div#calculationList .ContainerRole {
        flex-direction: column;
    }

}/* End custom CSS */