html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset]{-webkit-appearance:button;appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]
::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none; appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:webflow-icons;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");font-weight:400;font-style:normal}[class^=w-icon-],[class*=\ w-icon-]{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:webflow-icons!important}.w-icon-slider-right:before{content:""}.w-icon-slider-left:before{content:"î˜"}.w-icon-nav-menu:before{content:""}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:""}.w-icon-file-upload-remove:before{content:""}.w-icon-file-upload-icon:before{content:""}*{box-sizing:border-box}html{height:100%}body{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{vertical-align:middle;max-width:100%;display:inline-block}html.w-mod-touch *{background-attachment:scroll!important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";grid-area:1/1/2/2;display:table}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{color:#fff;line-height:inherit;cursor:pointer;background-color:#3898ec;border:0;border-radius:0;padding:9px 15px;text-decoration:none;display:inline-block}input.w-button{-webkit-appearance:button;appearance:button}html[data-w-dynpage] [data-w-cloak]{color:#0000!important}.w-code-block{margin:unset}pre.w-code-block code{all:inherit}.w-optimization{display:contents}.w-webflow-badge,.w-webflow-badge>img{box-sizing:unset;width:unset;height:unset;max-height:unset;max-width:unset;min-height:unset;min-width:unset;margin:unset;padding:unset;float:unset;clear:unset;border:unset;border-radius:unset;background:unset;background-image:unset;background-position:unset;background-size:unset;background-repeat:unset;background-origin:unset;background-clip:unset;background-attachment:unset;background-color:unset;box-shadow:unset;transform:unset;direction:unset;font-family:unset;font-weight:unset;color:unset;font-size:unset;line-height:unset;font-style:unset;font-variant:unset;text-align:unset;letter-spacing:unset;-webkit-text-decoration:unset;text-decoration:unset;text-indent:unset;text-transform:unset;list-style-type:unset;text-shadow:unset;vertical-align:unset;cursor:unset;white-space:unset;word-break:unset;word-spacing:unset;word-wrap:unset;transition:unset}.w-webflow-badge{white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px #0000001a,0 1px 3px #0000001a;visibility:visible!important;opacity:1!important;z-index:2147483647!important;color:#aaadb0!important;overflow:unset!important;background-color:#fff!important;border-radius:3px!important;width:auto!important;height:auto!important;margin:0!important;padding:6px!important;font-size:12px!important;line-height:14px!important;text-decoration:none!important;display:inline-block!important;position:fixed!important;inset:auto 12px 12px auto!important;transform:none!important}.w-webflow-badge>img{position:unset;visibility:unset!important;opacity:1!important;vertical-align:middle!important;display:inline-block!important}h1,h2,h3,h4,h5,h6{margin-bottom:10px;font-weight:700}h1{margin-top:20px;font-size:38px;line-height:44px}h2{margin-top:20px;font-size:32px;line-height:36px}h3{margin-top:20px;font-size:24px;line-height:30px}h4{margin-top:10px;font-size:18px;line-height:24px}h5{margin-top:10px;font-size:14px;line-height:20px}h6{margin-top:10px;font-size:12px;line-height:18px}p{margin-top:0;margin-bottom:10px}blockquote{border-left:5px solid #e2e2e2;margin:0 0 10px;padding:10px 20px;font-size:18px;line-height:22px}figure{margin:0 0 10px}figcaption{text-align:center;margin-top:5px}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";grid-area:1/1/2/2;display:table}.w-embed:after{clear:both}.w-video{width:100%;padding:0;position:relative}.w-video iframe,.w-video object,.w-video embed{border:none;width:100%;height:100%;position:absolute;top:0;left:0}fieldset{border:0;margin:0;padding:0}button,[type=button],[type=reset]{cursor:pointer;-webkit-appearance:button;appearance:button;border:0}.w-form{margin:0 0 15px}.w-form-done{text-align:center;background-color:#ddd;padding:20px;display:none}.w-form-fail{background-color:#ffdede;margin-top:10px;padding:10px;display:none}label{margin-bottom:5px;font-weight:700;display:block}.w-input,.w-select{color:#333;background-color:#fff;border:1px solid #ccc;width:100%;height:38px;margin-bottom:10px;padding:8px 12px;font-size:14px;line-height:1.42857;display:block}.w-input::placeholder,.w-select::placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898ec;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{cursor:pointer;margin-bottom:0;font-weight:400;display:inline-block}.w-radio{margin-bottom:5px;padding-left:20px;display:block}.w-radio:before,.w-radio:after{content:" ";grid-area:1/1/2/2;display:table}.w-radio:after{clear:both}.w-radio-input{float:left;margin:3px 0 0 -20px;line-height:normal}.w-file-upload{margin-bottom:10px;display:block}.w-file-upload-input{opacity:0;z-index:-100;width:.1px;height:.1px;position:absolute;overflow:hidden}.w-file-upload-default,.w-file-upload-uploading,
.w-file-upload-success{color:#333;display:inline-block}.w-file-upload-error{margin-top:10px;display:block}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{cursor:pointer;background-color:#fafafa;border:1px solid #ccc;margin:0;padding:8px 12px;font-size:14px;font-weight:400;display:flex}.w-file-upload-file{background-color:#fafafa;border:1px solid #ccc;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;display:flex}.w-file-upload-file-name{font-size:14px;font-weight:400;display:block}.w-file-remove-link{cursor:pointer;width:auto;height:auto;margin-top:3px;margin-left:10px;padding:3px;display:block}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{color:#ea384c;padding:2px 0;display:inline-block}.w-file-upload-info{padding:0 12px;line-height:38px;display:inline-block}.w-file-upload-label{cursor:pointer;background-color:#fafafa;border:1px solid #ccc;margin:0;padding:8px 12px;font-size:14px;font-weight:400;display:inline-block}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{width:20px;margin-right:8px;display:inline-block}.w-icon-file-upload-uploading{height:20px}.w-container{max-width:940px;margin-left:auto;margin-right:auto}.w-container:before,.w-container:after{content:" ";grid-area:1/1/2/2;display:table}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";grid-area:1/1/2/2;display:table}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px;position:relative}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333%}.w-col-2{width:16.6667%}.w-col-3{width:25%}.w-col-4{width:33.3333%}.w-col-5{width:41.6667%}.w-col-6{width:50%}.w-col-7{width:58.3333%}.w-col-8{width:66.6667%}.w-col-9{width:75%}.w-col-10{width:83.3333%}.w-col-11{width:91.6667%}.w-col-12{width:100%}.w-hidden-main{display:none!important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit!important}.w-hidden-medium{display:none!important}.w-col-medium-1{width:8.33333%}.w-col-medium-2{width:16.6667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.3333%}.w-col-medium-5{width:41.6667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.3333%}.w-col-medium-8{width:66.6667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.3333%}.w-col-medium-11{width:91.6667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main,.w-hidden-medium{display:inherit!important}.w-hidden-small{display:none!important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333%}.w-col-small-2{width:16.6667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.3333%}.w-col-small-5{width:41.6667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.3333%}.w-col-small-8{width:66.6667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.3333%}.w-col-small-11{width:91.6667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main,.w-hidden-medium,.w-hidden-small{display:inherit!important}.w-hidden-tiny{display:none!important}.w-col{width:100%}.w-col-tiny-1{width:8.33333%}.w-col-tiny-2{width:16.6667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.3333%}.w-col-tiny-5{width:41.6667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.3333%}.w-col-tiny-8{width:66.6667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.3333%}.w-col-tiny-11{width:91.6667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none!important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{vertical-align:top;text-align:center;background:#fff;border:1px solid #758696;border-radius:3px;width:28px;height:20px;display:inline-block;position:relative}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{text-align:center;color:#999;font-family:serif;font-size:15px;line-height:12px;position:relative}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{display:block;position:relative}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{content:" ";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:50%;left:0}.w-widget-twitter-count-shim:not(.w--vertical):before{border-width:4px;border-color:#75869600 #5d6c7b #75869600 #75869600;margin-top:-4px;margin-left:-9px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-top:-5px;margin-left:-10px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-width:4px;border-color:#fff0 #fff #fff0 #fff0;margin-top:-4px;margin-left:-8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-top:-5px;margin-left:-9px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{content:" ";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:100%;left:50%}.w-widget-twitter-count-shim.w--vertical:before{border-width:5px;border-color:#5d6c7b #75869600 #75869600;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-width:4px;border-color:#fff #fff0 #fff0;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}
.w-background-video{color:#fff;height:500px;position:relative;overflow:hidden}.w-background-video>video{object-fit:cover;z-index:-100;background-position:50%;background-size:cover;width:100%;height:100%;margin:auto;position:absolute;inset:-100%}.w-background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.w-background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.w-background-video--control>[hidden]{display:none!important}.w-slider{text-align:center;clear:both;-webkit-tap-highlight-color:#0000;background:#ddd;height:300px;position:relative}.w-slider-mask{z-index:1;white-space:nowrap;height:100%;display:block;position:relative;left:0;right:0;overflow:hidden}.w-slide{vertical-align:top;white-space:normal;text-align:left;width:100%;height:100%;display:inline-block;position:relative}.w-slider-nav{z-index:2;text-align:center;-webkit-tap-highlight-color:#0000;height:40px;margin:auto;padding-top:10px;position:absolute;inset:auto 0 0}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{font-size:inherit;line-height:inherit;width:auto;height:auto;padding:.2em .5em}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px #3336}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:#2226}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{cursor:pointer;background-color:#fff6;width:1em;height:1em;margin:0 3px .5em;transition:background-color .1s,color .1s;display:inline-block;position:relative}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{cursor:pointer;color:#fff;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;width:80px;margin:auto;font-size:40px;position:absolute;inset:0;overflow:hidden}.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class^=w-icon-],.w-slider-arrow-left [class*=\ w-icon-],.w-slider-arrow-right [class*=\ w-icon-]{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{width:1em;height:1em;margin:auto;inset:0}.w-slider-aria-label{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.w-slider-force-show{display:block!important}.w-dropdown{text-align:left;z-index:900;margin-left:auto;margin-right:auto;display:inline-block;position:relative}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{vertical-align:top;color:#222;text-align:left;white-space:nowrap;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;position:relative}.w-dropdown-toggle{-webkit-user-select:none;user-select:none;cursor:pointer;padding-right:40px;display:inline-block}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{width:1em;height:1em;margin:auto 20px auto auto;position:absolute;top:0;bottom:0;right:0}.w-dropdown-list{background:#ddd;min-width:100%;display:none;position:absolute}.w-dropdown-list.w--open{display:block}.w-dropdown-link{color:#222;padding:10px 20px;display:block}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{cursor:auto;letter-spacing:normal;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;
word-spacing:normal;word-wrap:normal;color:#fff;text-align:center;z-index:2000;opacity:0;-webkit-user-select:none;-moz-user-select:none; user-select:none;-webkit-tap-highlight-color:transparent;background:#000000e6;outline:0;font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;font-size:17px;font-style:normal;font-weight:300;line-height:1.2;list-style:disc;position:fixed;inset:0;-webkit-transform:translate(0); transform:translate(0)}.w-lightbox-backdrop,.w-lightbox-container{-webkit-overflow-scrolling:touch;height:100%;overflow:auto}.w-lightbox-content{height:100vh;position:relative;overflow:hidden}.w-lightbox-view{opacity:0;width:100vw;height:100vh;position:absolute}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{vertical-align:middle;display:inline-block}.w-lightbox-figure{margin:0;position:relative}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;max-width:none;height:auto}.w-lightbox-image{float:none;max-width:100vw;max-height:100vh;display:block}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#0006;padding:.5em 1em;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.w-lightbox-embed{width:100%;height:100%;position:absolute;inset:0}.w-lightbox-control{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:24px;width:4em;transition:all .3s;position:absolute;top:0}.w-lightbox-left{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);display:none;bottom:0;left:0}.w-lightbox-right{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);display:none;bottom:0;right:0}.w-lightbox-close{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);background-size:18px;height:2.6em;right:0}.w-lightbox-strip{white-space:nowrap;padding:0 1vh;line-height:0;position:absolute;bottom:0;left:0;right:0;overflow:auto hidden}.w-lightbox-item{box-sizing:content-box;cursor:pointer;width:10vh;padding:2vh 1vh;display:inline-block;-webkit-transform:translate(0,0);transform:translate(0,0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{background:#222;height:10vh;position:relative;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{width:100%;top:50%;transform:translateY(-50%)}.w-lightbox-thumbnail .w-lightbox-wide{height:100%;left:50%;transform:translate(-50%)}.w-lightbox-spinner{box-sizing:border-box;border:5px solid #0006;border-radius:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.w-lightbox-spinner:after{content:"";border:3px solid #0000;border-bottom-color:#fff;border-radius:50%;position:absolute;inset:-4px}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{opacity:.5;display:block}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";grid-area:1/1/2/2;display:table}.w-richtext:after{clear:both}.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after{content:"";display:none;position:absolute;inset:0}.w-richtext figure{max-width:60%;position:relative}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{color:#0000;font-size:0}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption{caption-side:bottom;display:table-caption}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe{width:100%;height:100%;position:absolute;top:0;left:0}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div{width:100%}.w-richtext figure.w-richtext-align-center{clear:both;margin-left:auto;margin-right:auto}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{text-align:center;clear:both;width:100%;max-width:100%;margin-left:auto;margin-right:auto;display:block}.w-richtext figure.w-richtext-align-fullwidth>div{padding-bottom:inherit;display:inline-block}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;clear:none;margin-right:15px}.w-richtext figure.w-richtext-align-floatright{float:right;clear:none;margin-left:15px}.w-nav{z-index:1000;background:#ddd;position:relative}.w-nav:before,.w-nav:after{content:" ";grid-area:1/1/2/2;display:table}.w-nav:after{clear:both}.w-nav-brand{float:left;color:#333;text-decoration:none;position:relative}.w-nav-link{vertical-align:top;color:#222;text-align:left;margin-left:auto;margin-right:auto;padding:20px;text-decoration:none;display:inline-block;position:relative}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{float:right;position:relative}[data-nav-menu-open]{text-align:center;background:#c8c8c8;min-width:200px;position:absolute;top:100%;left:0;right:0;overflow:visible;display:block!important}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{width:100%;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation=over-left] .w-nav-overlay{width:auto}.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{z-index:1;top:0;right:auto}.w-nav[data-animation=over-right] .w-nav-overlay{width:auto}.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{z-index:1;top:0;left:auto}.w-nav-button{float:right;cursor:pointer;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;padding:18px;font-size:24px;display:none;position:relative}.w-nav-button:focus{outline:0}.w-nav-button.w--open{color:#fff;background-color:#c8c8c8}.w-nav[data-collapse=all] .w-nav-menu{display:none}.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse=medium] .w-nav-menu{display:none}.w-nav[data-collapse=medium] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse=small] .w-nav-menu{display:none}.w-nav[data-collapse=small] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse=tiny] .w-nav-menu{display:none}.w-nav[data-collapse=tiny] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";grid-area:1/1/2/2;display:table}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{vertical-align:top;text-align:left;cursor:pointer;color:#222;background-color:#ddd;padding:9px 30px;text-decoration:none;display:inline-block;position:relative}.w-tab-link.w--current{background-color:#c8c8c8}.w-tab-link:focus{outline:0}.w-tab-content{display:block;position:relative;overflow:hidden}.w-tab-pane{display:none;position:relative}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w-dyn-empty{background-color:#ddd;padding:10px}.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible{display:none!important}.wf-layout-layout{display:grid}
@font-face{font-family:Suisseintl webxl;src:url(https://cdn.prod.website-files.com/659730754ec7f54da295bed8/659730754ec7f54da295bf83_SuisseIntl-Bold-WebXL.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Suisseintl webxl;src:url(https://cdn.prod.website-files.com/659730754ec7f54da295bed8/659730754ec7f54da295bf84_SuisseIntl-BoldItalic-WebXL.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Suisseintl webxl;src:url(https://cdn.prod.website-files.com/659730754ec7f54da295bed8/659730754ec7f54da295bf85_SuisseIntl-Regular-WebXL.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Suisseintl webxl;src:url(https://cdn.prod.website-files.com/659730754ec7f54da295bed8/659730754ec7f54da295bf86_SuisseIntl-RegularItalic-WebXL.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Suisseintl webxl;src:url(https://cdn.prod.website-files.com/659730754ec7f54da295bed8/659730754ec7f54da295bf87_SuisseIntl-Light-WebXL.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Suisseintl webxl;src:url(https://cdn.prod.website-files.com/659730754ec7f54da295bed8/659730754ec7f54da295bf88_SuisseIntl-LightItalic-WebXL.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Suisse Works;src:url(https://cdn.prod.website-files.com/659730754ec7f54da295bed8/659730754ec7f54da295bf2f_SuisseWorks-Book.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--ash:#2c2c2c;--primary-flurry:#eeebe6;--red:#d60027;--green:#277a00;--white:white;--clay:#c36622}body{color:var(--ash);background-color:#eeebe6;font-family:Suisseintl webxl,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}h1{letter-spacing:-.025em;margin-top:0;margin-bottom:.4em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:6em;font-weight:300;line-height:1.1}h2{letter-spacing:-.02em;margin-top:0;margin-bottom:.4em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:4em;font-weight:300;line-height:1.1}h3{letter-spacing:-.02em;margin-top:0;margin-bottom:.8em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:3em;font-weight:300;line-height:1.4}h4{margin-top:0;margin-bottom:.8em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:2rem;font-weight:300;line-height:1.4}h5{margin-top:0;margin-bottom:.8em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:1.5rem;font-weight:300;line-height:1.3}p{margin-bottom:1em;font-family:Suisse Works,Georgia,sans-serif;line-height:1.6}a{color:var(--ash);cursor:pointer;font-size:1em;text-decoration:underline}a:hover{text-decoration:none}a:focus-visible,a[data-wf-focus-visible]{outline-color:var(--ash);outline-offset:2px;outline-width:2px;outline-style:solid}ul,ol{margin-top:0;margin-bottom:1em;padding-left:2.2em}li{margin-bottom:.3em;font-family:Suisseintl webxl,Arial,sans-serif;font-weight:400}img{max-width:100%;display:inline-block}.h3{letter-spacing:-.02em;margin-top:0;margin-bottom:.8em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:3em;font-weight:300;line-height:1.4}.h4{margin-top:0;margin-bottom:.6em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:2em;font-weight:300;line-height:1.4}.h4.cc-testimonial-quote{letter-spacing:0;text-indent:-.4em;overflow-wrap:break-word;max-width:100%}
.section{padding-top:5%;padding-bottom:5%;
position:relative;overflow:hidden;
margin: 1em;
}
.section.cc-hero{flex-direction:column;justify-content:center;padding-top:3%;display:flex}.section.cc-hide{display:none}.row{flex-wrap:wrap;align-content:stretch;margin-bottom:-40px;margin-left:-20px;margin-right:-20px;display:flex}.row.justify-end{justify-content:flex-end}.row.justify-between{justify-content:space-between}.row.justify-between.align-end.mb-0{justify-content:space-between;align-items:flex-end}.row.align-end{justify-content:flex-start;align-items:flex-start}.row.justify-center{justify-content:flex-start;align-items:center}.row.align-start{align-items:flex-start}.row.justify-around{justify-content:space-around}.row.justify-center-partners{grid-column-gap:0px;grid-row-gap:0px;justify-content:center;align-items:center;margin-bottom:-50px}.styles__section-label{letter-spacing:0;text-transform:none;border-bottom:1px dotted #212121;margin-top:4%;margin-bottom:4%;padding-bottom:8px}.container{width:90%;max-width:2880px;margin-left:auto;margin-right:auto;display:block;position:relative}.container.cc-hero-container{flex-direction:column;flex:0 auto;justify-content:flex-end;display:flex;position:relative}.container.cc-tesitmonial{background-color:var(--ash);color:#eeebe6;background-color:#2c2c2c;padding:3rem;overflow:hidden}.h1{letter-spacing:-.025em;margin-top:0;margin-bottom:.4em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:6em;font-weight:300;line-height:1}.col{flex:1;margin-bottom:40px;padding-left:20px;padding-right:20px}.col.col-lg-3{flex-basis:25%;max-width:25%}.col.col-lg-6{flex-basis:50%;max-width:50%}.col.col-lg-6.col-sm-12.no-gutters.cc-people-cms{position:relative}.col.col-lg-6.col-sm-12.no-gutters.cc-people-cms:nth-child(odd){padding-right:1.25rem}.col.col-lg-6.col-sm-12.no-gutters.cc-people-cms:nth-child(2n){padding-left:1.25rem}.col.col-lg-6.col-sm-12.mb-0.align-center{align-self:center}.col.col-lg-7{flex-basis:58.33%;max-width:58.3333%}.col.col-lg-2{flex-basis:16.67%;max-width:16.6667%}.col.self-start{align-self:flex-start}.col.col-lg-5{flex-basis:41.67%;max-width:41.6667%}.col.col-lg-5.align-center{align-self:center}.col.no-gutters{padding-left:0;padding-right:0}.col.col-lg-9{flex-basis:75%;max-width:75%}.col.col-first{order:-1}.col.col-last{order:1}.col.self-end{align-self:flex-end}.col.col-lg-12{flex-basis:100%;max-width:100%}.col.col-lg-11{flex-basis:91.67%;max-width:91.6667%}.col.col-lg-8{flex-basis:66.67%;max-width:66.6667%}.col.col-lg-4{flex-basis:33.33%;max-width:33.3333%}.col.self-center{align-self:center}.col.col-lg-10{flex-basis:83.33%;max-width:83.3333%}.col.col-lg-1{flex-basis:8.33%;max-width:8.33333%}.col.col-static{flex:0 auto}.col.mb-0.col-lg-7.col-md-12.splide.slider1,.col.mb-0.col-lg-7.col-md-11.col-xs-12.splide.slider1{overflow:hidden}.h2{letter-spacing:-.02em;margin-top:0;margin-bottom:.4em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:4em;font-weight:300;line-height:1.1;display:block}.styles__color-swatch{width:100%;height:180px}.bg-red{background-color:var(--red)}.bg-light{background-color:#f1f1f1}.card-body{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;padding:24px;display:flex;position:relative}.bg-primary{background-color:var(--primary-flurry)}.mb-0{margin-bottom:0}.card{border-radius:4px;flex-direction:column;flex:1;justify-content:flex-start;margin-bottom:1em;display:flex;overflow:hidden}.card.bg-white{box-shadow:0 2px 9px 3px #00000008}.bg-green{background-color:var(--green)}.bg-dark{background-color:var(--ash);color:#fff}
.btn{border:1px solid var(--primary-flurry);background-color:var(--primary-flurry);color:var(--ash);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:1em 1.5em;font-family:Suisseintl webxl,Arial,sans-serif;text-decoration:none;transition:color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s ease-out;display:flex;position:relative;overflow:hidden}
.btn:hover{color:grey}.btn:focus{background-color:var(--ash);color:var(--primary-flurry)}.btn.btn-dark{border-color:var(--ash);background-color:var(--ash);color:var(--primary-flurry)}.btn.btn-dark:hover{color:var(--ash)}.btn.btn-primary{background-color:var(--primary-flurry);border-color:#0000}
.btn.cc-sidebar{border-color:var(--ash);min-width:10rem;margin-bottom:7.2rem;transform:rotate(90deg)}.btn.cta-btn{z-index:1;max-height:5rem}.btn.cta-btn.btn-dark{height:100%}.btn.cta-btn.cc-donate:hover{color:var(--ash)}.btn.cta-btn.cc-subscribe{border-color:var(--ash);background-color:var(--ash);color:var(--white)}.btn.cc-simple-outline{border-color:var(--ash);transition:background-color .3s cubic-bezier(.25,.46,.45,.94),color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s ease-out}.btn.cc-simple-outline:hover{background-color:var(--ash)}.btn.cta-btn-2{z-index:1;background-color:var(--ash);color:var(--primary-flurry);max-height:5rem}.btn.cta-btn-2.btn-dark{height:100%}.btn.cta-btn-2.cc-donate:hover{color:var(--ash)}.btn.report{background-color:var(--ash);color:var(--primary-flurry)}.btn.btn-dark-project{border-color:var(--ash);background-color:var(--ash);color:var(--primary-flurry)}.btn.btn-dark-project:hover{color:var(--ash)}.mt-3{margin-top:3em}.m-0{margin:0}.mb-2{margin-bottom:2em}.text-dark{color:var(--ash)}.mt-1{margin-top:1em}.text-white{color:var(--white)}.mb-1{margin-bottom:1em}.mb-3{margin-bottom:3em}.text-primary{color:var(--primary-flurry)}.mt-2{margin-top:2em}.styles__visual-div{text-align:center;background-color:#e9e9e9;border:1px solid #747579;margin-bottom:12px;padding:16px;position:relative}.p-0{padding:0}.text-center{text-align:center}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.text-left{text-align:left}.styles__tab-menu{border-bottom:2px solid var(--ash);background-color:var(--ash);text-align:center;padding-top:32px;padding-bottom:32px}.styles__tab-link{border:1px solid var(--white);color:var(--white);background-color:#0000;border-radius:50px;margin-left:8px;margin-right:8px}.styles__tab-link:hover{background-color:var(--primary-flurry);color:var(--ash)}.styles__tab-link.w--current{background-color:var(--white);color:var(--ash)}.d-none{display:none}.input-label{z-index:1;color:var(--ash);border-top-right-radius:3px;margin-bottom:0;margin-left:16px;padding-top:12px;padding-bottom:4px;font-size:.9rem;font-weight:600;line-height:1;position:relative}.input-label.static{background-color:#0000;margin-left:0;padding-top:0;
padding-bottom:0;font-size:1rem}.input-label.static.text-white{color:var(--white)}.form-success_icon{text-align:center;flex:none;width:80px;height:80px;margin-bottom:16px;margin-left:auto;margin-right:auto;position:relative}.form-error{border-top:1px solid var(--red);color:var(--red);background-color:#0000;margin-top:16px;padding:8px 0 0}.form-success_icon-lottie{width:110px;position:absolute;inset:auto 50% 40% auto;transform:translate(50%,50%)}.input{border:1px solid var(--ash);color:var(--ash);background-color:#fff0;border-radius:0;height:100%;min-height:3.5rem;margin-bottom:0;padding:1rem;font-family:Suisseintl webxl,Arial,sans-serif;font-size:1rem;transition:border .3s cubic-bezier(.77,0,.175,1)}.input:focus{border-color:var(--ash)}.input::placeholder{color:var(--ash)}.input.select{background-image:url(https://cdn.prod.website-files.com/659730754ec7f54da295bed8/659730754ec7f54da295bf05_bx-chevron-down.svg);background-position:98%;background-repeat:no-repeat;background-size:24px;padding-left:12px}.input.cc-light{border-color:var(--primary-flurry)}.input.cc-light::placeholder{color:var(--primary-flurry)}.input.cc-cta{padding:1.5rem;font-size:1.25rem;transition-property:none}.input.cc-cta.cc-placeholder-light::placeholder{color:var(--primary-flurry)}.input-group{text-align:left;flex-direction:column;margin-bottom:1rem;display:block;position:relative}.input-group.textarea{min-height:120px}.input-group.mb-0{margin-bottom:0}.input-group.cc-cta{flex:1;min-height:3.5rem}.form-success_flex{text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;margin-left:auto;margin-right:auto;display:flex;position:absolute;inset:0%}.form{width:100%;position:relative}.form.cc-cta-form{flex-direction:row;min-height:4rem;display:flex}.form.cc-cta-form:focus{outline-offset:0px;outline:3px solid #3d3c3c7d}.form-required-note{font-size:.8rem;position:absolute;inset:auto 0% 0% auto}.form-success{background-color:#0000;min-height:230px;position:relative}.input-radio{background-color:var(--white);box-shadow:inset 0 0 0 3px var(--white);border-color:#747579;width:20px;height:20px;margin-top:2px;margin-left:-28px}.input-radio:hover{background-color:#f1f1f1}.input-radio.w--redirected-checked{border-width:1px;border-color:var(--ash);background-color:var(--clay)}.input-radio.w--redirected-focus{border-color:var(--clay);box-shadow:0 0 3px 1px #c3662229}.input-check_group{margin-bottom:8px;padding-left:28px}.input-check{border-color:#747579;border-radius:0;width:20px;height:20px;margin-top:2px;margin-left:-28px;box-shadow:0 0 #0000}.input-check:hover{background-color:#f1f1f1}.input-check.w--redirected-checked{border-color:var(--primary-flurry);background-color:var(--clay);background-size:16px}.input-check.w--redirected-focus{border-color:var(--clay);box-shadow:0 0 3px 1px #c366222e}.d-block{display:block}.paragraph-14{font-size:.875rem;line-height:1.6}.paragraph-14.mb-0{margin-bottom:20px}.paragraph-18{font-family:Suisse Works,Georgia,sans-serif;font-size:1.125rem;font-weight:400}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.text-gray{color:#747579}.font-heading{font-family:Suisseintl webxl,Arial,sans-serif;font-weight:300}.font-body{font-family:Suisse Works,Georgia,sans-serif;font-weight:400}.d-flex{align-items:stretch;margin-bottom:40px;display:flex}.d-flex.justify-between{justify-content:space-between}.d-flex.justify-between.align-baseline{align-items:baseline}.d-flex.align-end{align-items:flex-end}.d-flex.align-center{align-items:stretch}.sr-only{white-space:nowrap;border:0 solid #0000;width:1px;height:1px;margin-top:-1px;margin-bottom:0;padding:0;position:absolute;overflow:hidden}.styles__logo{height:2.5rem;margin-bottom:60px;margin-left:auto;margin-right:auto}.utility-page-wrap{justify-content:center;align-items:center;width:100vw;max-width:100%;height:100vh;max-height:100%;display:flex}.utility-page-content{text-align:center;flex-direction:column;width:90%;max-width:400px;display:flex}.utility-page-form{flex-direction:column;align-items:stretch;display:flex}.mt-auto{margin-top:auto}.mr-1{margin-right:1em}.splitter{background-color:var(--ash);transform-origin:0%;width:95%;height:1px;margin-top:4rem;margin-bottom:4rem}.splitter.cc-people-card-splitter{width:100%;margin-top:0;margin-bottom:0;position:absolute;inset:auto 0% 0%}.splitter.cc-full{width:100%}.h-100{height:100%}._w-100{width:100%}.aspect-1x1{width:100%;padding-top:100%;position:relative;overflow:hidden}.img-cover{object-fit:cover;width:100%;height:100%;padding-top:0;position:absolute;inset:0%}.link-overlay{width:100%;height:100%;position:absolute;inset:0%}
.z-index-1{z-index:1;position:relative}.styles__global-embed-code{position:fixed;inset:0% auto auto 0%}.paragraph-22{font-family:Suisseintl webxl,Arial,sans-serif;font-size:1.375rem;font-weight:300}.eyebrow{letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:1rem;font-weight:400;text-decoration:underline;display:block}.eyebrow.mb-0{margin-bottom:0}.bg-white{background-color:var(--white)}.styles__row-example{border:1px dashed #747579;height:175px;padding-top:20px;padding-left:20px;padding-right:20px}
.btn-bg{background-color:var(--ash);width:0%;height:100%;margin-left:auto;margin-right:auto;position:absolute;inset:0% auto 0% 0%}.btn-bg.cc-light{background-color:var(--primary-flurry)}.bg-clay{background-color:var(--clay)}
.navigation {
z-index: 99;
background-color: var(--primary-flurry);
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100vh;
padding: 1.5rem;
position: sticky;
top: 0;
/* Remove the specific border-right from the general .navigation rule */
/* border-right: 1px solid var(--ash); */
}
/* Apply border for LTR (default or explicit) */
[dir="ltr"] .navigation {
border-right: 1px solid var(--ash);
border-left: none; /* Ensure no left border from other rules */
}
/* Apply border for RTL */
[dir="rtl"] .navigation {
border-left: 1px solid var(--ash);
border-right: none; /* Ensure no right border from other rules */
}
.page-wrapper{justify-content:space-between;display:flex}.page-right{flex:1;position:relative}.brand{grid-row-gap:12px;flex-direction:column;justify-content:space-between;display:flex}.brand.cc-portrait{display:none}.brand-logomark{width:2.5rem;height:2.5rem}.brand-wordmark{width:auto;height:11rem}.sidebar-wrapper{flex-direction:column;justify-content:space-between;align-items:center;max-width:3.6rem;height:100%;display:flex}.features-cards-wrapper{grid-row-gap:1.5rem;flex-direction:column;margin-top:4rem;display:flex}.features-card{border:1px solid var(--ash);flex-direction:column;justify-content:space-between;padding:1.25rem;transition:color .3s cubic-bezier(.165,.84,.44,1),background-color .3s cubic-bezier(.165,.84,.44,1);display:flex}
.features-card:hover{background-color:var(--mdrn);color:rgb(0, 0, 0)}.features-card-top{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex;overflow:hidden}.features-card-paragraph{width:80%}.h5{letter-spacing:-.01em;margin-top:0;margin-bottom:.8em;font-family:Suisseintl webxl,Arial,sans-serif;font-size:1.5rem;font-weight:300;line-height:1.3}.h5.mb-0{margin-bottom:0}.features-card-icon{width:2.5rem;height:2.5rem}.aspect-9x6{align-items:flex-end;width:100%;padding-top:57%;position:relative;overflow:hidden}.criteria-card{grid-column-gap:1rem;grid-row-gap:1rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:12.2rem;display:flex}.project-item{grid-row-gap:1.5rem;border-top:1px solid #000;flex-direction:column;align-items:flex-start;margin-top:3rem;padding-top:3rem;text-decoration:none;display:flex}.project-logo{object-fit:contain;width:100%;max-width:170px;max-height:70px}.project-logo.cc-narrow{max-width:120px;max-height:100px}.testimonial-item{margin-left:20px;position:relative}.quote-icon{position:absolute;inset:0% auto auto -16px}.label{letter-spacing:.05em;text-transform:uppercase;font-family:Suisseintl webxl,Arial,sans-serif;font-size:.875rem}.testimonial-block-icons-wrapper{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%;display:flex}.people-card{grid-row-gap:1.5rem;flex-direction:column;align-items:stretch;width:100%;height:100%;text-decoration:none}.people-card.cc-small{grid-column-gap:1.5rem;flex-direction:row;justify-content:space-between;align-items:baseline;padding-top:1.5rem;padding-bottom:1.5rem;text-decoration:none;display:flex}.founders-collection{margin-bottom:.1rem}.faq-wrapper{border:1px solid var(--ash);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2rem 3rem;text-decoration:none;transition:color .3s cubic-bezier(.165,.84,.44,1),background-color .3s cubic-bezier(.165,.84,.44,1);display:flex}.faq-wrapper:hover{background-color:var(--ash);color:var(--primary-flurry)}.faq-content{width:58.33%}.faq-answer{align-items:flex-start;height:20%;overflow:hidden}.faq-icon{flex-direction:row;justify-content:center;align-items:center;width:2rem;height:2rem;position:relative}.cross-line{width:100%;height:100%;position:absolute;inset:0%}.cross-line.cc-vertical{inset:0%}.faq-answer-spacer{height:4rem}.cta-block{background-color:var(--mdrn);color:var(--ash);border:1px solid #000;border-right-style:none;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%;min-height:22rem;padding:2.5rem;text-decoration:none;display:flex}.cta-block.bg-primary{background-color:var(--primary-flurry);color:var(--ash);border-left-style:none;border-right-style:solid;display:flex}.cta-block.cc-left{display:flex}.cta-block.cc-partners{grid-column-gap:2rem;grid-row-gap:2rem;border-style:solid solid none;border-color:var(--ash);background-color:var(--primary-flurry);color:var(--ash);text-align:center;min-height:auto;padding-bottom:3.5rem}.cta-block.cc-right{background-color:var(--primary-flurry);color:var(--ash);border-right-style:solid;display:flex}.cta-paragraph-wrapper{align-items:flex-end;width:60%;display:flex}.cta-paragraph-wrapper.cc-careers{width:50%}.cta-copy{justify-content:space-between;align-items:flex-end;min-height:3.5rem;display:flex}.footer-section-spacing{margin-top:8em}.footer-icons-wrapper{grid-column-gap:1rem;align-items:center;padding-top:.5rem;padding-bottom:.5rem;display:flex}.footer-social-icon{width:1.5rem;height:1.5rem;
overflow:hidden}.footer-copy-wrapper{margin-top:-2.5rem}.mt-5{margin-top:5em}
.bakkaliweb-logo {
height: 1.25rem;
/* Use logical property for margin-right */
margin-inline-end: .5rem; /* This will be margin-right in LTR, margin-left in RTL */
}
.footer-logo{width:16em;margin-bottom:0}.line{overflow:hidden}.submit-wrapper{position:relative}.submit-button{position:absolute;inset:0%}.btn-icon{width:2.5rem;height:2.5rem}.hero-arrow{height:100%}.scroll-section-trigger{width:0;height:100%;position:absolute;inset:0% 0% 0% auto}.people-card-body{grid-column-gap:.75rem;grid-row-gap:.75rem;flex-direction:column;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;align-items:stretch;display:flex}
/* Default LTR styles */
.cc-footer-plus {
inset: auto 0% 0% auto; /* This implies right: 0% and bottom: 0% */
transition: transform 0.3s ease;
padding: 0px 1em 0em 1em;
position: fixed;
bottom: 2em;
/* Smooth animation */
}
/* RTL specific overrides */
[dir="rtl"] .cc-footer-plus {
/* If you used 'right' directly, you'd override it with 'left' */
/* Since 'inset: auto 0% 0% auto;' implicitly sets right: 0%, we need to reset that and set left. */
inset: auto auto 0% 0%; /* This implies left: 0% and bottom: 0% */
/* Or, more explicitly: */
left: 0%;
right: auto; /* Ensure right is unset */
bottom: 3em;
}
.cc-footer-plus:hover{transform: scale(1.2); /* Increase size by 10% */}
.hero-mask{z-index:9;background-color:var(--primary-flurry);transform-origin:0%;display:none;position:absolute;inset:0%}.hero-mask.cc-hide{display:none}.rich-text-wrapper{max-width:75ch;margin-left:auto;margin-right:auto}.text-decoration-none{text-decoration:none}.hero-copy-wrapper{z-index:9;width:100%;padding:3rem;position:absolute;inset:auto 0% 0%}.hero-image-wrapper{align-items:flex-end;width:100%;padding-top:57%;position:relative;overflow:hidden}.arrow-icons-container{flex:none;width:1.25rem;height:1.25rem;position:relative;overflow:hidden}.arrow-icon{width:100%;height:100%;position:absolute;inset:0%}.people-card_link{grid-column-gap:6px;grid-row-gap:6px;flex-direction:column;text-decoration:none;display:flex}.splide__track{width:100%;margin-bottom:4rem}.splide__list{flex-direction:row;width:100%;display:flex}.splide__slide{flex:none;width:100%}.testimonial-copy{width:100%}.splide{width:104%;height:100%;margin-left:-20px;position:relative;overflow:hidden}.splide.slider1{width:100%;height:100%}.splide__pagination{margin-bottom:0;padding-left:20px;position:absolute;inset:auto auto 0% 0%}.splide__pagination__item{margin-bottom:0;margin-left:0}.splide__pagination__page{background-color:#535251;width:2rem;height:1px;margin-right:.5em;display:inline-block}.splide__pagination__page.is-active{background-color:var(--primary-flurry)}.legal-rich-text{margin-bottom:-15px;padding-bottom:0}.legal-rich-text p{font-family:Suisseintl webxl,Arial,sans-serif}.legal-rich-text ul{margin-bottom:1.2em}.cross-icon{width:2rem}
.footer-label{align-items:center;display:flex}._1-percent_logo{height:40px}.news_banner{z-index:10;width:100%;position:sticky;top:0;overflow:hidden}.news_banner-flex{grid-column-gap:4px;grid-row-gap:4px;justify-content:space-between;display:flex}.news_banner-item{border-bottom:1px solid var(--primary-flurry);background-color:var(--ash);color:var(--primary-flurry);padding-top:16px;padding-bottom:16px;transition:background-color .3s cubic-bezier(.165,.84,.44,1);position:relative}.news_banner-item:hover{background-color:#414141}.project_logo-link{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;min-height:120px;padding:16px 12px;transition:opacity .3s cubic-bezier(.25,.46,.45,.94);display:flex}.project_logo-link:hover{opacity:.7}.people-card_photo{border-radius:50%;width:100px;margin-bottom:20px;overflow:hidden}.link-title-wrapper{grid-column-gap:4px;grid-row-gap:4px;justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.news_item-img-aspect{width:100%;padding-top:59%;position:relative}.news_item{border-bottom:1px solid var(--ash);padding-top:40px;padding-bottom:40px;position:relative}.news_item:first-child{padding-top:0}.partner-logo_link{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding-top:4px;padding-bottom:4px;transition:opacity .3s cubic-bezier(.25,.46,.45,.94);display:flex}.partner-logo_link:hover{opacity:.7}.partner-logo{object-fit:contain;width:100%;max-width:250px;max-height:70px}.testimonial-card{background-color:var(--ash);color:var(--primary-flurry);padding:40px}.news_banner-close-btn{z-index:1;color:var(--primary-flurry);position:absolute;inset:18px 16px auto auto}.news_banner-close-icon{width:14px;height:14px;line-height:1}.people-list_pagination{display:none}.swiper{overflow:hidden}.swiper.cc-testimonial-quote{width:100%;min-height:350px;margin-bottom:60px;margin-left:-20px;padding-left:20px}.swiper-wrapper{width:100%;display:flex}.swiper-slide{flex:none;width:100%;max-width:100%}.swiper-slide.cc-pagination-bar{background-color:#535251;width:2rem;height:1.5px;margin-right:8px;position:relative}.testimonial-container{background-color:var(--ash);color:var(--primary-flurry);width:100%;max-width:85vw;padding:60px}.testimonial-block-icons{width:30px}.footer-bottom{justify-content:space-between;align-items:flex-end;display:flex}.cms-empty{background-color:#0000;padding:0}.heading{display:block}.cta-block-2{background-color:var(--ash);color:var(--primary-flurry);border:1px solid #000;border-right-style:none;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%;min-height:22rem;padding:2.5rem;text-decoration:none;display:flex}.cta-block-2.bg-primary{background-color:var(--primary-flurry);color:var(--ash);border-left-style:none;border-right-style:solid;display:flex}.cta-block-2.cc-left{display:flex}.cta-block-2.cc-partners{grid-column-gap:2rem;grid-row-gap:2rem;border-style:solid solid none;border-color:var(--ash);background-color:var(--primary-flurry);color:var(--ash);text-align:center;min-height:auto;padding-bottom:3.5rem}.list{padding-top:0}.heading-2{margin-top:19px}.div-block{padding-top:20px;padding-bottom:20px}.div-block-2{padding-top:20px}.code-embed{display:block}.div-block-3{color:var(--primary-flurry)}@media screen and (max-width:991px){h1{font-size:6em}
.section{padding-top:4rem;padding-bottom:4rem}
.section.pb-0{padding-bottom:0}.row.cc-footer_wrap{flex-direction:column-reverse;place-content:flex-start space-between;align-items:flex-start;height:140px}.container.cc-tesitmonial{font-size:1rem}.col.col-lg-6.col-sm-12.mb-0.align-center{flex:none;align-self:auto}.col.col-md-9{flex-basis:75%;max-width:75%}.col.col-md-2{flex-basis:16.67%;max-width:16.6667%}.col.col-md-6{flex-basis:50%;max-width:50%}.col.col-lg-5.align-center.mb-0{align-self:auto}.col.col-md-5{flex-basis:41.67%;max-width:41.6667%}.col.col-md-4{flex-basis:33.33%;max-width:33.3333%}.col.col-md-11{flex-basis:91.67%;max-width:91.6667%}.col.col-md-3{flex-basis:25%;max-width:25%}.col.col-md-8{flex-basis:66.67%;max-width:66.6667%}.col.col-md-7{flex-basis:58.33%;max-width:58.3333%}.col.col-md-10{flex-basis:83.33%;max-width:83.3333%}.col.col-md-1{flex-basis:8.33%;max-width:8.33333%}.col.col-md-12{flex-basis:100%;max-width:100%}.col.mb-0.col-lg-6.col-md-12.col-md-first,.col.col-md-first{order:-1}.btn.cta-btn,.btn.cta-btn-2,.form.cc-cta-form{min-height:auto}.splitter{margin-top:2.5rem;margin-bottom:2.5rem}.criteria-card{min-height:14rem}.testimonial-block-icons-wrapper{flex-direction:row;width:100%;height:auto;margin-bottom:20px}.faq-content{width:80%}.cta-block{border-style:solid;border-color:var(--ash)}.cta-block.bg-primary{border-style:solid}.cta-paragraph-wrapper{width:70%}.cta-copy{align-items:flex-end}.footer-section-spacing{margin-top:6em}.footer-copy-wrapper{margin-top:0;margin-bottom:1rem}.footer-logo{margin-bottom:0}.rich-text-wrapper{width:100%}.hero-copy-wrapper{flex-direction:column;align-items:flex-start}.hero-image-wrapper{padding-top:120%}.testimonial-copy{min-height:auto}.splide{width:100%;margin-left:0}._1-percent_logo{height:60px}.news_banner-close-btn{right:8px}.cta-block-2{border-style:solid;border-color:var(--ash)}.cta-block-2.bg-primary{border-style:solid}}@media screen and (max-width:767px){body{font-size:.9rem}h6{font-size:.8rem}.section.cc-hero{max-height:none;padding-top:5%}.row.cc-team{flex-direction:column;margin-left:-40px;margin-right:-40px}.styles__section-label{padding-bottom:10px}.container.cc-hero-container{width:100%}.col.col-sm-12{flex-basis:100%;max-width:100%}.col.col-lg-6.col-sm-12.no-gutters.cc-people-cms{padding-left:20px;padding-right:20px}.col.col-lg-6.col-sm-12.no-gutters.cc-people-cms:nth-child(odd){padding-right:20px}.col.col-lg-6.col-sm-12.no-gutters.cc-people-cms:nth-child(2n){padding-left:20px}.col.col-lg-6.col-sm-12.no-gutters.cc-people-cms.mb-0{padding-left:20px;padding-right:20px}.col.col-sm-9{flex-basis:75%;max-width:75%}.col.col-sm-10{flex-basis:83.33%;max-width:83.3333%}.col.col-sm-7{flex-basis:58.33%;max-width:58.3333%}.col.col-sm-5{flex-basis:41.67%;max-width:41.6667%}.col.col-sm-6{flex-basis:50%;max-width:50%}.col.col-sm-3{flex-basis:25%;max-width:25%}.col.col-sm-4{flex-basis:33.33%;max-width:33.3333%}.col.col-sm-1{flex-basis:8.33%;max-width:8.33333%}.col.col-sm-8{flex-basis:66.67%;max-width:66.6667%}.col.col-sm-11{flex-basis:91.67%;max-width:91.6667%}.col.col-sm-2{flex-basis:16.67%;max-width:16.6667%}.col.col-sm-first{order:-1}.col.col-sm-last{order:1}.card-body{padding:16px 20px 20px}.btn{transform:none}.btn.cc-sidebar{min-width:auto;margin-bottom:0;transform:none}.form-success_flex{max-width:340px}.splitter{margin-top:2rem;margin-bottom:2rem}.splitter.cc-people-card-splitter{position:relative}.navigation{border-bottom:1px solid var(--ash);border-right-style:none;width:100%;height:auto;padding:1.5rem 0;position:static}.page-wrapper{flex-direction:column}.brand.cc-hide-portrait{display:none}.brand.cc-portrait{grid-column-gap:12px;flex-direction:row;width:15rem;display:block}.brand-logomark{width:4rem;display:none}.brand-wordmark{width:13rem;height:auto}.sidebar-wrapper{flex-direction:row;width:90%;max-width:none;margin-left:auto;margin-right:auto}.features-card-paragraph{width:85%}.criteria-card{min-height:auto}.people-card{padding-bottom:1.5rem}.founders-collection{border-bottom-style:none}.faq-icon{width:1.5rem;height:1.5rem}.faq-answer-spacer{height:2rem}.cta-block{padding:1.5rem}.footer-section-spacing{margin-top:3em}.cross-icon{width:1.8rem}.news_banner-item{padding-right:24px}.news_banner-close-btn{top:19px;right:16px}.testimonial-container{max-width:none;padding:40px}.cta-block-2{padding:1.5rem}}@media screen and (max-width:479px){body{font-size:.7rem}.h3.footer-email{font-size:2.2em}
.section.cc-hero{padding-top:5%}.section.cc-footer{padding-bottom:1.5rem}.row{flex-wrap:wrap}.row.cc-footer_wrap{height:160px}.container.cc-tesitmonial{width:100%;padding:1.9rem;font-size:.75rem}.col{flex-basis:100%;max-width:100%}.col.col-xs-11{flex-basis:91.67%;max-width:91.6667%}.col.col-xs-6{flex-basis:50%;max-width:50%}.col.col-xs-10{flex-basis:83.33%;max-width:83.3333%}.col.col-xs-4{flex-basis:33.33%;max-width:33.3333%}.col.col-xs-3{flex-basis:25%;max-width:25%}.col.col-xs-7{flex-basis:58.33%;max-width:58.3333%}.col.col-xs-8{flex-basis:66.67%;max-width:66.6667%}.col.col-xs-9{flex-basis:75%;max-width:75%}.col.col-xs-2{flex-basis:16.67%;max-width:16.6667%}.col.col-xs-12{flex-basis:100%;max-width:100%}.col.col-xs-5{flex-basis:41.67%;max-width:41.6667%}.col.col-xs-1{flex-basis:8.33%;max-width:8.33333%}.input.cc-cta{padding:.7rem;font-size:1rem}.paragraph-18{font-size:1rem}.splitter{width:100%}.brand-wordmark{width:10rem}.features-card-top{grid-row-gap:1rem;flex-direction:column;align-items:flex-start;margin-bottom:2rem}.features-card-paragraph{width:100%}.features-card-icon{order:-1;width:2rem}.testimonial-block-icons-wrapper{flex-direction:row}.people-card{padding-bottom:0}.faq-wrapper{grid-row-gap:1.2rem;flex-direction:column;padding:1.2rem}.faq-content{width:100%}.cta-block{min-height:18rem}
.cta-paragraph-wrapper{width:78%}
.cc-footer-plus{display:none;inset:auto auto 0% 0%;}.cc-footer-plus.mb-1{margin-top:4em}.hero-copy-wrapper{padding:1.9rem}.hero-image-wrapper{padding-top:150%}.legal-rich-text{font-size:1rem}.footer-label{text-decoration:none}._1-percent_logo{height:90px}.news_banner-flex{flex-wrap:wrap}.partner-logo_link{padding-left:12px;padding-right:12px}.people-list_pagination{padding-top:24px;display:none}.testimonial-container{padding:24px}.cta-block-2{min-height:18rem}}
@media(max-width: 900px){.cc-footer-plus.phone{display: none !important;}}
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}
/*Text Selection Color*/
::selection {
background: #252525;
color: #fff;
}
::-moz-selection {
background: #C36622;
color: #2c2c2c;
}
/*Change default lightbox overlay color*/
.w-lightbox-backdrop {
background-color: rgba(0, 0, 0, 0.8);
}
/*Reset apple form styles*/
input, textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
background-image: none;
}
.swiper-slide.cc-pagination-bar.swiper-slide-thumb-active {
background-color: var(--primary-flurry);
}
@media screen and (max-width: 479px) {
.people-list .col {
display: none;
}
.people-list .col:nth-child(-n+5) {
display: block;
}
.people-list .people-list_pagination {
display: block;
}
.people-list.cc-show-all .col {
display: block;
}
}
.people-card_photo {
isolation: isolate;
}
/* Text link underline size and spacing */
a {
text-underline-position: under;
text-decoration-thickness: 0.07em;
text-underline-offset: 0.01em;
}
.eyebrow, .label {
text-underline-position: under !important;
text-decoration-thickness: 0.07em;
text-underline-offset: 0.01em;
}
/* Remove top margin on rich text first child */
.w-richtext>:first-child {
margin-top: 0;
}
/* Remove bottom margin of rich text last child */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
margin-bottom: 0;
}
.pointer-event-none {
pointer-events: none;
}
.h3.footer-email {
font-size: clamp(2em, 2vw, 3.5em);
}
.cta-block.bg-primary:hover input::placeholder {
color: var(--primary-flurry);
}
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
:root{
--mainColor: white;
--mdrn: #d8bfaa;
}
.carousel-container {
position: relative;
width: 100%;
height: 89vh;
overflow: hidden;
border-radius: .4em;
box-shadow: none;
background-color: #ffffff;
aspect-ratio: auto;
max-height: none;
}
.carousel-wrapper {
display: flex;
width: fit-content;
will-change: transform;
height: 100%;
}
.carousel-slide {
flex-shrink: 0;
width: 100vw;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem;
box-sizing: border-box;
background-repeat: no-repeat;
color: #ffffff;
position: relative;
background-position: center center;
}
/* Slide Content Positioning - DEFAULT (LTR) */
.carousel-slide {
align-items: flex-start; /* Align text to the left by default (LTR) */
text-align: left; /* Align text to the left by default (LTR) */
}
.carousel-slide::before {
/* Default gradient for LTR */
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.1));
z-index: 1;
}
.slide-content {
position: relative;
z-index: 2;
max-width: 50%;
opacity: 0;
transform: translateY(20px);
margin-left: 0; /* Default for LTR */
margin-right: auto; /* Default for LTR */
}
/* Specific LTR Overrides (optional, if your base styles aren't pure LTR) */
[dir="ltr"] .carousel-slide {
align-items: flex-start;
text-align: left;
}
[dir="ltr"] .carousel-slide::before {
background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.1));
}
[dir="ltr"] .slide-content {
margin-left: 0;
margin-right: auto;
}
[dir="ltr"] .bottom-left-preview {
left: 2rem;
right: auto;
}
[dir="ltr"] .bottom-right-social {
right: 2rem;
left: auto;
}
[dir="ltr"] .progress-bar-container {
left: 0; /* Vertical bar on the left */
right: auto;
}
/* RTL Specific Adjustments */
[dir="rtl"] .carousel-slide {
align-items: flex-end; /* Align text to the right for RTL */
text-align: right; /* Align text to the right for RTL */
}
[dir="rtl"] .carousel-slide::before {
/* Reverse the gradient for RTL */
background: linear-gradient(to left, rgba(0,0,0,0.6), rgba(0,0,0,0.1));
}
[dir="rtl"] .slide-content {
margin-left: auto; /* Push content to the right */
margin-right: 0; /* Remove right margin */
}
[dir="rtl"] .bottom-left-preview {
left: auto; /* Remove left positioning */
right: 2rem; /* Position to the right */
}
[dir="rtl"] .bottom-right-social {
right: auto; /* Remove right positioning */
left: 2rem; /* Position to the left */
}
[dir="rtl"] .progress-bar-container {
left: auto;
right: 0; /* Vertical bar on the right for RTL */
}
/* All other common styles (h2, p, dots, video controls etc.) remain the same */
.carousel-slide h2 {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 1rem;
text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
line-height: 1.1;
}
.carousel-slide p {
font-size: 1.25rem;
line-height: 1.6;
margin-bottom: 2rem;
text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.carousel-dots {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 0.5rem;
z-index: 10;
}
.dot {
width: 1rem;
height: 0.1rem;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 0.15rem;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease, width 0.3s ease;
}
.dot.active {
background-color: #ffffff;
width: 3.5rem;
}
.dot:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.bottom-left-preview {
position: absolute;
bottom: 2rem;
z-index: 5;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 1rem;
padding: 0.5rem;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.video-wrapper {
position: relative;
width: 220px;
height: 120px;
border-radius: 0.75rem;
overflow: hidden;
margin-bottom: 0.5rem;
}
.preview-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.preview-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
display: flex;
justify-content: end;
gap: 0.75rem;
color: white;
font-size: 1.2rem;
padding: 0.5rem .6em;
transition: opacity 0.3s ease;
opacity: 1;
cursor: pointer;
}
.preview-controls i {
cursor: pointer;
transition: color 0.2s ease, transform 0.2s ease;
}
.preview-controls i:hover {
color: var(--mainColor);
transform: scale(1.1);
}
.bottom-right-social {
position: absolute;
bottom: 2rem;
z-index: 5;
display: flex;
flex-direction: column;
gap: 1rem;
color: white;
font-size: 1.8rem;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.social-icon {
cursor: pointer;
transition: transform 0.2s ease, color 0.2s ease;
}
.social-icon:hover {
transform: scale(1.1);
color: var(--mdrn);
}
.progress-bar-container {
position: absolute;
top: 0;
width: 0.3rem;
height: 100%;
background-color: rgba(255, 255, 255, 0.3);
z-index: 10;
overflow: hidden;
}
.progress-bar {
width: 100%;
height: 0%;
background-color: var(--mdrn);
}
/* Responsive adjustments */
@media (min-width: 769px) {
.carousel-slide {
background-size: cover;
background-position: center;
}
#whatsappSharePhoneIcon{display:none;}
}
@media (max-width: 1024px) {
.carousel-slide { padding: 2rem; }
.carousel-slide h2 { font-size: 2.5rem; }
.carousel-slide p { font-size: 1.1rem; }
.slide-content { max-width: 60%; }
.bottom-left-preview { bottom: 1.5rem; }
.video-wrapper { width: 200px; height: 110px; }
.bottom-right-social { bottom: 1.5rem; font-size: 1.5rem; gap: 0.75rem; }
.dot { width: 2rem; }
.dot.active { width: 3rem; }
/* RTL specific responsive adjustments */
[dir="rtl"] .bottom-left-preview { right: 1.5rem; }
[dir="rtl"] .bottom-right-social { left: 1.5rem; }
[dir="ltr"] .bottom-left-preview { left: 1.5rem; }
[dir="ltr"] .bottom-right-social { right: 1.5rem; }
}
@media (max-width: 768px) {
.carousel-container { width: 100%; height: 100vh; border-radius: 0; }
.carousel-slide { background-size: auto 100%; background-position: center; padding: 1.5rem; }
.carousel-slide h2 { font-size: 1.8rem; }
.carousel-slide p { font-size: 0.9rem; margin-bottom: 1.5rem; }
.slide-content { width: 80%; position: relative; bottom: 4em; }
.bottom-left-preview { bottom: 5rem; padding: 0.4rem; border-radius: 0.75rem; }
.video-wrapper { width: 180px; height: 100px; border-radius: 0.5rem; }
.preview-controls { font-size: 1rem; gap: 0.5rem; }
.bottom-right-social { bottom: 1rem; font-size: 2.2rem; gap: 0.5rem; }
.carousel-dots { bottom: 2rem; gap: 0.4rem; }
.dot { width: 1.5rem; height: 0.25rem; }
.dot.active { width: 2.2rem; }
/* Progress Bar - Horizontal for small screens */
.progress-bar-container { top: 0; left: 0; width: 100%; height: 0.3rem; right: auto; }
.progress-bar { width: 0%; height: 100%; }
#whatsappShareIcon{display:none;}
/* RTL specific responsive adjustments */
[dir="rtl"] .bottom-left-preview { right: 1rem; left: auto; }
[dir="rtl"] .bottom-right-social { left: 1rem; right: auto; }
[dir="rtl"] .progress-bar-container { left: 0; right: auto; /* remains horizontal, just position on left for small screens (doesn't matter as much) */ }
/* LTR specific responsive adjustments */
[dir="ltr"] .bottom-left-preview { left: 1rem; right: auto; }
[dir="ltr"] .bottom-right-social { right: 1rem; left: auto; }
[dir="ltr"] .progress-bar-container { left: 0; right: auto; } /* remains horizontal, just position on left for small screens */
}
@media (max-width: 550px) {
.carousel-slide { padding: 1rem; }
.carousel-slide h2 { font-size: 1.5rem; }
.carousel-slide p { font-size: 0.8rem; }
.dot { width: .4rem; height: 0.4rem; }
.dot.active { width: 1.5rem; }
}
.type--A {
--line_color: #555555;
--back_color: #ffecf6;
}
.type--B {
--line_color: #1b1919;
--back_color: #e9ecff;
}
.type--C {
--line_color: white;
--back_color: #d8bfaa;
}
.button {
position: relative;
z-index: 0;
width: 260px;
height: 56px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: var(--line_color);
letter-spacing: 2px;
transition: all 0.3s ease;
}
.button__text {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.button::before,
.button::after,
.button__text::before,
.button__text::after {
content: "";
position: absolute;
height: 3px;
border-radius: 2px;
background: var(--line_color);
transition: all 0.5s ease;
}
.button::before {
top: 0;
left: 54px;
width: calc(100% - 56px * 2 - 16px);
}
.button::after {
top: 0;
right: 54px;
width: 8px;
}
.button__text::before {
bottom: 0;
right: 54px;
width: calc(100% - 56px * 2 - 16px);
}
.button__text::after {
bottom: 0;
left: 54px;
width: 8px;
}
.button__line {
position: absolute;
top: 0;
width: 56px;
height: 100%;
overflow: hidden;
}
.button__line::before {
content: "";
position: absolute;
top: 0;
width: 150%;
height: 100%;
box-sizing: border-box;
border-radius: 300px;
border: solid 3px var(--line_color);
}
.button__line:nth-child(1),
.button__line:nth-child(1)::before {
left: 0;
}
.button__line:nth-child(2),
.button__line:nth-child(2)::before {
right: 0;
}
.button:hover {
letter-spacing: 1px;
}
.button:hover::before,
.button:hover .button__text::before {
width: 8px;
}
.button:hover::after,
.button:hover .button__text::after {
width: calc(100% - 56px * 2 - 16px);
}
.button__drow1,
.button__drow2 {
position: absolute;
z-index: -1;
border-radius: 16px;
transform-origin: 16px 16px;
}
.button__drow1 {
top: -16px;
left: 40px;
width: 32px;
height: 0;
transform: rotate(30deg);
}
.button__drow2 {
top: 44px;
left: 77px;
width: 32px;
height: 0;
transform: rotate(-127deg);
}
.button__drow1::before,
.button__drow1::after,
.button__drow2::before,
.button__drow2::after {
content: "";
position: absolute;
}
.button__drow1::before {
bottom: 0;
left: 0;
width: 0;
height: 32px;
border-radius: 16px;
transform-origin: 16px 16px;
transform: rotate(-60deg);
}
.button__drow1::after {
top: -10px;
left: 45px;
width: 0;
height: 32px;
border-radius: 16px;
transform-origin: 16px 16px;
transform: rotate(69deg);
}
.button__drow2::before {
bottom: 0;
left: 0;
width: 0;
height: 32px;
border-radius: 16px;
transform-origin: 16px 16px;
transform: rotate(-146deg);
}
.button__drow2::after {
bottom: 26px;
left: -40px;
width: 0;
height: 32px;
border-radius: 16px;
transform-origin: 16px 16px;
transform: rotate(-262deg);
}
.button__drow1,
.button__drow1::before,
.button__drow1::after,
.button__drow2,
.button__drow2::before,
.button__drow2::after {
background: var(--back_color);
}
.button:hover .button__drow1 {
animation: drow1 ease-in 0.06s;
animation-fill-mode: forwards;
}
.button:hover .button__drow1::before {
animation: drow2 linear 0.08s 0.06s;
animation-fill-mode: forwards;
}
.button:hover .button__drow1::after {
animation: drow3 linear 0.03s 0.14s;
animation-fill-mode: forwards;
}
.button:hover .button__drow2 {
animation: drow4 linear 0.06s 0.2s;
animation-fill-mode: forwards;
}
.button:hover .button__drow2::before {
animation: drow3 linear 0.03s 0.26s;
animation-fill-mode: forwards;
}
.button:hover .button__drow2::after {
animation: drow5 linear 0.06s 0.32s;
animation-fill-mode: forwards;
}
@keyframes drow1 {
0% {
height: 0;
}
100% {
height: 100px;
}
}
@keyframes drow2 {
0% {
width: 0;
opacity: 0;
}
10% {
opacity: 0;
}
11% {
opacity: 1;
}
100% {
width: 120px;
}
}
@keyframes drow3 {
0% {
width: 0;
}
100% {
width: 80px;
}
}
@keyframes drow4 {
0% {
height: 0;
}
100% {
height: 120px;
}
}
@keyframes drow5 {
0% {
width: 0;
}
100% {
width: 124px;
}
}
.buttonContainer {
width: 100%;
margin-top: 2em;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.button:not(:last-child) {
margin-bottom: 64px;
}
.fancy {
background-color: transparent;
border: 2px solid #000;
border-radius: 0;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 700;
letter-spacing: 0.05em;
margin: 0;
outline: none;
overflow: visible;
padding: 1.25em 2em;
position: relative;
text-align: center;
text-decoration: none;
text-transform: none;
transition: all 0.3s ease-in-out;
user-select: none;
font-size: 13px;
margin-top: 1em;
}
.fancy::before {
content: " ";
width: 1.5625rem;
height: 2px;
background: black;
top: 50%;
left: 1.5em;
position: absolute;
transform: translateY(-50%);
transform-origin: center;
transition: background 0.3s linear, width 0.3s linear;
}
.fancy .text {
font-size: 1.125em;
line-height: 1.33333em;
display: block;
transition: all 0.3s ease-in-out;
text-transform: uppercase;
text-decoration: none;
color: black;
/* Remove padding-left and text-align from the general rule */
/* padding-left: 2em; */
/* text-align: left; */
}
/* Apply padding and text alignment for LTR (default or explicit) */
[dir="ltr"] .fancy .text {
padding-left: 2em;
padding-right: 0; /* Ensure no right padding from other rules */
text-align: left;
}
/* Apply padding and text alignment for RTL */
[dir="rtl"] .fancy .text {
padding-left: 0; /* Ensure no left padding from other rules */
padding-right: 2em; /* Use padding-right for RTL */
text-align: right; /* Align text to the right for RTL */
}
.fancy .top-key {
height: 2px;
width: 1.5625rem;
top: -2px;
left: 0.625rem;
position: absolute;
background: #e8e8e8;
transition: width 0.5s ease-out, left 0.3s ease-out;
}
.fancy .bottom-key-1 {
height: 2px;
width: 1.5625rem;
right: 1.875rem;
bottom: -2px;
position: absolute;
background: #e8e8e8;
transition: width 0.5s ease-out, right 0.3s ease-out;
}
.fancy .bottom-key-2 {
height: 2px;
width: 0.625rem;
right: 0.625rem;
bottom: -2px;
position: absolute;
background: #e8e8e8;
transition: width 0.5s ease-out, right 0.3s ease-out;
}
.fancy:hover {
color: white;
background: black;
}
.fancy:hover::before {
width: 0.9375rem;
background: white;
}
.fancy:hover .text {
color: white;
padding-left: 1.5em;
}
.fancy:hover .top-key {
left: -2px;
width: 0px;
}
.fancy:hover .bottom-key-1,
.fancy:hover .bottom-key-2 {
right: 0;
width: 0;
}
.video-play-pause-icon {
position: absolute;
bottom: 0%;
right: 0%;
transform: translate(-0%, -0%);
z-index: 10;
cursor: pointer;
background-color: white;
border-radius: 50%;
padding: 6px;
margin: 1em;
display: flex;
justify-content: center;
align-items: center;
transition: opacity 0.3s ease;
opacity: 1; /* Hidden by default */
pointer-events: none; /* Disable events when hidden */
}
.video-play-pause-icon svg {
width: 40px;
height: 40px;
}
/* Media query to show the icon only on smaller screens */
@media (max-width: 768px) { /* Adjust breakpoint as needed */
.video-play-pause-icon {
opacity: 1; /* Visible on small screens */
pointer-events: auto; /* Enable events on small screens */
}
}
.searchbar {
font-size: 14px;
font-family: arial, sans-serif;
color: #202124;
display: flex;
z-index: 3;
height: 44px;
background: white;
border: 1px solid #dfe1e5;
box-shadow: none;
border-radius: .3em;
margin: 0 auto;
width: auto;
width: 100%;
}
.searchbar:hover {
box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
border-color: rgba(223,225,229,0);
}
.searchbar-wrapper {
flex: 1;
display: flex;
padding: 5px 8px 0 14px;
}
.searchbar-left {
font-size: 14px;
font-family: arial, sans-serif;
color: #202124;
display: flex;
align-items: center;
/* Use logical property for padding-right */
padding-inline-end: 13px; /* This will be padding-right in LTR, padding-left in RTL */
margin-top: -5px;
}
.search-icon-wrapper {
margin: auto;
}
.search-icon {
margin-top: 3px;
color: #9aa0a6;
height: 20px;
line-height: 20px;
width: 20px;
}
.searchbar-icon {
display: inline-block;
fill: currentColor;
height: 24px;
line-height: 24px;
position: relative;
width: 24px;
}
.searchbar-center {
display: flex;
flex: 1;
flex-wrap: wrap;
}
.searchbar-input-spacer {
color: transparent;
flex: 100%;
white-space: pre;
height: 34px;
font-size: 16px;
}
.searchbar-input {
background-color: transparent;
border: none;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .87);
word-wrap: break-word;
outline: none;
display: flex;
flex: 100%;
margin-top: -37px;
height: 34px;
font-size: 16px;
max-width: 100%;
width: 100%;
}
.searchbar-right {
display: flex;
flex: 0 0 auto;
margin-top: -5px;
align-items: stretch;
flex-direction: row
}
.searchbar-clear-icon {
margin-right: 12px
}
.voice-search {
flex: 1 0 auto;
display: flex;
cursor: pointer;
align-items: center;
border: 0;
background: transparent;
outline: none;
padding: 0 8px;
width: 2.8em;
}
/* Class to prevent body scrolling */
body.no-scroll {
overflow: hidden;
}
/* Overlay styles - initially hidden */
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); /* Desired semi-transparent black */
z-index: 990; /* Below panels, above main content */
opacity: 0; /* Start invisible */
pointer-events: none; /* Allow clicks to pass through when invisible */
display: none; /* Hide completely when not in use */
}
/* Base styles for the slide panels - initially off-screen */
.slide-panel {
position: fixed;
top: 0;
right: 0;
width: 400px; /* Fixed width for the panel */
height: 100%;
background-color: #f0f4f8; /* Soft background color, will be overridden for WhatsApp style */
transform: translateX(100%); /* Start off-screen to the right */
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1); /* Soft shadow */
border-top-left-radius: 0px; /* Rounded corners */
border-bottom-left-radius: 0px;
padding: 0; /* Remove padding from here, add to inner content */
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
z-index: 1000; /* Ensure it's on top */
overflow-y: auto; /* Allow scrolling if content overflows */
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
/* WhatsApp-like styling for the first panel (Contact List) */
.whatsapp-panel {
background-color: #EDEDED; /* Light gray background, typical for WhatsApp chat list */
}
/* Styling for the second (details) panel */
.details-panel {
background-color: #E0F2F1; /* Slightly different background for distinction */
z-index: 1010; /* Higher z-index to appear on top of the first panel */
}
.whatsapp-header {
background-color: #075E54; /* Dark green for WhatsApp header */
color: white;
padding: .6rem;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border-top-left-radius: 0px; /* Match panel radius */
position: sticky;
top: 0;
font-size: .6rem;
z-index: 10; /* Ensure header stays on top when scrolling */
}
/* Specific header style for the details panel */
.details-panel .whatsapp-header {
background-color: #008069; /* Slightly different green for details panel header */
}
.whatsapp-profile-pic {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #D9D9D9; /* Placeholder color */
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
color: #777;
overflow: hidden; /* Ensure image fits */
flex-shrink: 0; /* Prevent shrinking */
}
.whatsapp-profile-pic img {
width: 100%;
height: 100%;
object-fit: cover;
}
.whatsapp-content, .details-content {
padding: .6rem;
width: 100%;
flex-grow: 1; /* Allow content to take available space */
}
/* Styling for individual contact cards inside the panel */
.contact-card-in-panel {
background-color: white;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
padding: 1rem 1.5rem;
display: flex;
align-items: center;
cursor: pointer;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
width: 100%;
}
.contact-card-in-panel:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.contact-card-in-panel .profile-icon {
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #DCF8C6; /* Light green for WhatsApp-like profile icon */
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: #25D366; /* WhatsApp green */
margin-right: 1rem;
flex-shrink: 0;
}
/* Screenshot image styling */
.screenshot-image {
width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
cursor: pointer; /* Indicate it's clickable */
margin-bottom: 1.5rem;
}
/* Contact Card in Panel */
.contact-card-in-panel {
background-color: white;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
padding: 1rem 1.5rem;
display: flex;
align-items: center;
cursor: pointer;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
width: 100%;
/* NEW: Distribute space around items within the contact card */
justify-content: space-between; /* This will put space between icon and info, and at ends */
}
/* ... (rest of your CSS, including directional adjustments) ... */
/* The directional flex-direction and margin rules for profile-icon will still apply */
[dir="ltr"] .contact-card-in-panel {
flex-direction: row; /* Text then icon for RTL visual flow */
}
[dir="rtl"] .contact-card-in-panel {
flex-direction: row-reverse; /* Text then icon for RTL visual flow */
}
/* Spinner animation */
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes deletespinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.spinner {
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid #fff;
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 1s linear infinite;
/* Changed from display: inline-block to display: none initially */
display: none; /* Hidden by default */
vertical-align: middle;
margin-right: 8px; /* Add margin to the right of the spinner */
opacity: 0;
}
/* Responsive adjustments for smaller screens */
@media (max-width: 640px) {
.slide-panel, .details-panel {
width: 100%; /* Wider on small screens */
}
.main-content {
padding: 1rem;
}
}
/* Wrapper for the button and tooltip */
.wrapperLang {
position: absolute; z-index: 9;
top:2%; right: 2%; margin: 1em;
--background: transparent;
--icon-color: #414856;
--shape-color-01: #b8cbee;
--shape-color-02: #7691e8;
--shape-color-03: #fdd053;
--border-radius: var(--height);
width: var(--width);
height: var(--height);
border-radius: var(--border-radius);
display: flex;
justify-content: center;
align-items: center;
}
/* The main button */
.wrapperLang .langBtn {
background: var(--background);
width: var(--width);
height: var(--height);
position: relative;
z-index: 3;
border-radius: 30%;
box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05);
display: flex;
justify-content: center;
align-items: center;
animation: plus-animation-reverse 0.5s ease-out forwards;
}
/* Styling for the icon inside the main button (French flag or Close icon) */
.wrapperLang .langBtn > svg {
border: 2px solid white;
height: 40px;
border-radius: .3em; /* Slightly rounded corners for the icon */
box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Subtle shadow for the icon */
transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth transition for icon change */
}
/* Specific styling for the close icon within the main button */
.wrapperLang .langBtn > svg .close-path {
fill: #fff; /* White 'X' for the close icon */
}
/* Tooltip container for language icons */
.wrapperLang .tooltip {
width: 90px;
height: 75px;
border-radius: 70px;
position: absolute;
background: #fff;
z-index: 2;
padding: 0 15px;
box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05);
opacity: 0;
top: 0;
display: flex;
/* Changed to column for vertical layout */
flex-direction: column;
justify-content: space-around;
align-items: center;
transition: opacity 0.15s ease-in, top 0.15s ease-in, width 0.15s ease-in;
}
/* Styling for individual SVG icons within the tooltip */
.wrapperLang .tooltip > svg {
width: 60px; /* Adjust width for flag icons */
height: 60px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 5px; /* Add some padding for better click area */
border-radius: .6em; /* Slightly rounded corners for icons */
transition: background-color 0.3s ease;
}
.wrapperLang .tooltip > svg:hover {
background-color: rgba(0, 0, 0, 0.05); /* Subtle hover effect */
}
.wrapperLang .tooltip > svg .icon {
fill: none;
stroke: var(--icon-color);
stroke-width: 2px;
stroke-linecap: round;
stroke-linejoin: round;
opacity: 0.4;
transition: opacity 0.3s ease;
}
.wrapperLang .tooltip > svg:hover .icon {
opacity: 1;
}
/* Specific styling for flag SVGs */
.wrapperLang .tooltip > svg .flag-base {
fill: #eee; /* Default fill for flag background */
stroke: #ccc;
stroke-width: 0.5px;
}
.wrapperLang .tooltip > svg .flag-color-1 { fill: #002654; } /* Blue for France/UK */
.wrapperLang .tooltip > svg .flag-color-2 { fill: #fff; } /* White */
.wrapperLang .tooltip > svg .flag-color-3 { fill: #ce1126; } /* Red for France/UK */
.wrapperLang .tooltip > svg .flag-color-green { fill: #007a3d; } /* Green for Arab flags */
.wrapperLang .tooltip > svg .flag-color-black { fill: #000; }
.wrapperLang .tooltip > svg .flag-color-red { fill: #ce1126; }
/* Tooltip arrow */
.wrapperLang .tooltip::after {
content: "";
width: 20px;
height: 20px;
background: #fff;
border-radius: 3px;
position: absolute;
left: 50%;
margin-left: -10px;
top: -6px;
transform: rotate(-135deg);
z-index: 0;
}
/* Background SVG animation */
.wrapperLang > svg {
width: 300px;
height: 300px;
position: absolute;
z-index: 1;
transform: scale(0);
}
.wrapperLang > svg .shape {
fill: none;
stroke: none;
stroke-width: 3px;
stroke-linecap: round;
stroke-linejoin: round;
transform-origin: 50% 20%;
}
/* Checkbox for toggle functionality */
.wrapperLang input {
height: 100%;
width: 100%;
border-radius: var(--border-radius);
cursor: pointer;
position: absolute;
z-index: 5;
opacity: 0;
}
/* Animations when checkbox is checked */
.wrapperLang input:checked ~ svg {
animation: pang-animation 1.2s ease-out forwards;
}
/* Individual shape animations */
.wrapperLang input:checked ~ svg .shape:nth-of-type(1) { transform: translate(25px, 30%) rotate(40deg); }
.wrapperLang input:checked ~ svg .shape:nth-of-type(2) { transform: translate(-4px, 30%) rotate(80deg); }
.wrapperLang input:checked ~ svg .shape:nth-of-type(3) { transform: translate(12px, 30%) rotate(120deg); }
.wrapperLang input:checked ~ svg .shape:nth-of-type(4) { transform: translate(8px, 30%) rotate(160deg); }
.wrapperLang input:checked ~ svg .shape:nth-of-type(5) { transform: translate(21px, 30%) rotate(200deg); }
.wrapperLang input:checked ~ svg .shape:nth-of-type(6) { transform: translate(0px, 30%) rotate(240deg); }
.wrapperLang input:checked ~ svg .shape:nth-of-type(7) { transform: translate(17px, 30%) rotate(280deg); }
.wrapperLang input:checked ~ svg .shape:nth-of-type(8) { transform: translate(-3px, 30%) rotate(320deg); }
.wrapperLang input:checked ~ svg .shape:nth-of-type(9) { transform: translate(25px, 30%) rotate(360deg); }
/* Button animation when checked */
.wrapperLang input:checked ~ .langBtn {
animation: plus-animation 0.5s ease-out forwards;
}
/* Tooltip animation when checked */
.wrapperLang input:checked ~ .tooltip {
/* Adjusted for vertical layout */
width: 70px;
height: 130px; /* Increased height for vertical flags */
border-radius: .4em; /* More pill-shaped for vertical */
animation: stretch-animation 1s ease-out forwards 0.15s;
top: 70px; /* Adjusted position to be above the button */
opacity: 1;
padding: 10px 0; /* Adjusted padding for vertical alignment */
}
/* Keyframe animations */
@keyframes pang-animation {
0% { transform: scale(0); opacity: 0; }
40% { transform: scale(1); opacity: 1; }
100% { transform: scale(1.1); opacity: 0; }
}
@keyframes plus-animation {
0% { transform: rotate(0) scale(1); }
20% { transform: rotate(45deg) scale(0.93); }
55% { transform: rotate(90deg) scale(0.97); }
80% { transform: rotate(90deg) scale(0.94); }
100% { transform: rotate(90deg) scale(0.95); }
}
@keyframes plus-animation-reverse {
0% { transform: rotate(45deg) scale(0.95); }
20% { transform: rotate(-15deg); }
55% { transform: rotate(10deg); }
80% { transform: rotate(-3deg); }
100% { transform: rotate(0) scale(1); }
}
@keyframes stretch-animation {
0% { transform: scale(1, 1); }
10% { transform: scale(1.1, 0.9); }
30% { transform: scale(0.9, 1.1); }
50% { transform: scale(1.05, 0.95); }
100% { transform: scale(1, 1); }
}
/* Socials (from original code, kept for completeness) */
.socials {
position: fixed;
display: block;
left: 20px;
bottom: 20px;
}
.socials > a {
display: block;
width: 30px;
opacity: 0.2;
transform: scale(var(--scale, 0.8));
transition: transform 0.3s cubic-bezier(0.38, -0.12, 0.24, 1.91);
}
.socials > a:hover {
--scale: 1;
}
/* Basic spinner styling */
.spinner-loader {
border: 4px solid #f3f3f3; /* Light grey */
border-top: 4px solid #3498db; /* Blue */
border-radius: 50%;
width: 30px; /* Slightly larger to be more visible */
height: 30px;
animation: spin 1s linear infinite;
display: none; /* Hidden by default */
position: absolute; /* Position it relative to its parent (.langBtn) */
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* Center it perfectly */
z-index: 100; /* Ensure it's above other elements if needed */
}
@keyframes spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@media(max-width: 768px){
.wrapperLang {
top:3%; right: 4%;
}
}
#responseMessage {
margin-top: 10px;
padding: 10px;
border-radius: 4px;
}
.success { background-color: #d4edda; color: #155724; border-color: #c3e6cb; }
.error { background-color: #f8d7da; color: #721c24; border-color: #f5c6cb; }
/* Basic CSS for the loader spinner */
.loader {
border: 4px solid black; /* Light grey */
border-top: 4px solid #3498db; /* Blue */
border-radius: 50%;
width: 20px;
height: 20px;
animation: submitspin 2s linear infinite;
display: inline-block; /* Changed to inline-block for centering */
vertical-align: middle;
margin-right: 8px; /* Space between spinner and text */
}
@keyframes submitspin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loading-message {
display: inline-block; /* Changed to inline-block for centering */
vertical-align: middle;
font-style: italic;
color: black; /* Assuming button text is light */
font-size: 16px; /* Adjust as needed */
}
/* Style for error and success messages */
.error {
color: red;
}
.success {
color: green;
}
/* Optional: Style for the fancy button when disabled/loading */
.fancy.loading {
pointer-events: none; /* Disable click events */
opacity: 0.7; /* Dim the button */
cursor: not-allowed;
}
.slider-container {
width: 100%;
max-width: 100%; /* Max width for desktop */
overflow: hidden; /* Hide parts of logos outside the container */
position: relative;
padding: 2rem 0; /* Vertical padding */
}
.logo-track {
display: flex;
align-items: center;
white-space: nowrap; /* Prevent logos from wrapping */
will-change: transform; /* Optimize for animation */
}
.logo-item {
flex-shrink: 0; /* Prevent logos from shrinking */
width: 250px; /* Fixed width for each logo item */
height: 120px; /* Fixed height for each logo item */
margin: 0 0.3em; /* Spacing between logos changed to 0.6em */
display: flex;
justify-content: center;
align-items: center;
background-color: var(--mdrn); /* White background for logo cards */
border-radius: 12px; /* Rounded corners */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Soft shadow */
transition: transform 0.3s ease; /* Smooth transition for hover effect */
}
.logo-item:hover {
transform: translateY(-5px) scale(1.02); /* Slight lift and scale on hover */
}
.logo-item img {
max-width: 80%; /* Ensure logo images fit within their containers */
max-height: 70%;
object-fit: contain; /* Maintain aspect ratio */
filter: grayscale(100%); /* Grayscale effect for logos */
opacity: 0.7; /* Slightly faded */
transition: filter 0.3s ease, opacity 0.3s ease;
}
.logo-item:hover img {
filter: grayscale(0%); /* Color on hover */
opacity: 1; /* Full opacity on hover */
}
/* Responsive adjustments */
@media (max-width: 768px) {
.logo-item {
width: 120px; /* Smaller width for mobile */
height: 70px;
margin: 0 0.3em; /* Maintain 0.6em spacing on mobile */
}
}
#logoutLink {
transition: transform 0.3s ease; /* Smooth transition for the scaling effect */
}
#logoutLink:hover {
transform: scale(1.2); /* Scales the element to 110% of its original size */
opacity: .6;
}
/* Styles for the splash screen container */
#splash-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column; /* Arrange items vertically */
justify-content: center;
align-items: center;
background: #ffffff; /* Fallback for older browsers */
background: -webkit-linear-gradient(145deg, #ffffff 0%, #d2c0b2 40%, #f4efeb 100%); /* For Chrome, Safari, and Edge */
background: -moz-linear-gradient(145deg, #ffffff 0%, #d2c0b2 40%, #f4efeb 100%); /* For Firefox */
background: -o-linear-gradient(145deg, #ffffff 0%, #d2c0b2 40%, #f4efeb 100%); /* For older Opera */
background: linear-gradient(145deg, #ffffff 0%, #d2c0b2 40%, #f4efeb 100%); /* Standard syntax */
z-index: 9999; /* Ensure it's on top */
}
/* Styles for the main content, initially hidden */
#main-content {
opacity: 0; /* Initially hidden */
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.container-app-store-google-play-scan{
position:absolute; left:0; top:0; z-index:9999; display:flex; margin:2em;
}
.container-app-store-google-play-scan img{
border: 1px solid white; width: 130px; margin:.2em
}
.container-app-store-google-play-scan-phone{
position:absolute; left:0; top:.3em; z-index:9999; display:flex; margin:1em;
}
.container-app-store-google-play-scan-phone img{
border: 1px solid white; width: 60px; border-radius: 1.1em; margin:.3em
}
@media (max-width: 769px) {
.container-app-store-google-play-scan{display:none;}
}
@media (min-width: 769px) {
.container-app-store-google-play-scan-phone{display:none;}
}
/* Styles for the logo image */
#animated-logo {
max-width: 80%; /* Ensure logo is responsive */
height: auto;
opacity: 0; /* Initially hidden for animation */
transform: scale(0.8); /* Start smaller for a zoom-in effect */
margin-bottom: 20px; /* Space between logo and loading text */
}
/* Styles for loading text and percentage */
#loading-text, #loading-percentage {
color: black; /* Light gray text */
font-size: 1.2rem;
opacity: 0; /* Initially hidden */
}
#loading-percentage {
font-size: 2rem;
font-weight: bold;
margin-top: 10px;
}
/* Styles for the progress bar container */
#progress-bar-container {
width: 200px; /* Fixed width for the bar */
height: 6px;
background-color: #4a5568; /* Darker gray background for the bar */
border-radius: 3px;
margin-top: 20px; /* Space between percentage and progress bar */
overflow: hidden; /* Hide overflowing progress fill */
opacity: 0; /* Initially hidden for animation */
}
/* Styles for the progress bar fill */
#progress-bar-fill {
width: 0%; /* Initial width */
height: 100%;
background: #ffffff; /* Fallback for older browsers */
background: -webkit-linear-gradient(145deg, #ffffff 0%, #d2c0b2 40%, #f4efeb 100%); /* For Chrome, Safari, and Edge */
background: -moz-linear-gradient(145deg, #ffffff 0%, #d2c0b2 40%, #f4efeb 100%); /* For Firefox */
background: -o-linear-gradient(145deg, #ffffff 0%, #d2c0b2 40%, #f4efeb 100%); /* For older Opera */
background: linear-gradient(145deg, #ffffff 0%, #d2c0b2 40%, #f4efeb 100%); /* Standard syntax */
border-radius: 3px;
}
/* Your CSS rules here, or in styles.css */
#responseMessage {
padding: 10px;
margin-top: 10px;
border-radius: 5px;
font-weight: bold;
display: none; /* Hide by default */
}
#responseMessage:not(:empty) {
display: block; /* Show only when content is present */
}
.message-error {
background-color: #ffebee;
color: #d32f2f;
}
.message-success {
background-color: #e8f5e9;
color: #155724;
}
.message-info {
background-color: #d4edda;
color: #155724;
}
#deleteConfirmationModal{
display:none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4);
}
.language-selector-container label {
display: block; /* Make label a block element to put it on its own line */
margin-bottom: 0px;
font-size: 1.1em;
color: #333;
font-weight: 600;
}
.language-selector-container select {
/* Basic styling */
width: 100%;
padding: 12px 15px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #fff;
font-size: 1em;
color: #555;
cursor: pointer;
outline: none; /* Remove default focus outline */
/* Remove default browser appearance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Custom arrow (using SVG background image) */
background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 12px;
/* Transitions for smooth effects */
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.language-selector-container select:hover {
border-color: #888;
}
.language-selector-container select:focus {
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}
/* Styling for options (limited direct styling, but helps with consistency) */
.language-selector-container option {
padding: 10px;
background-color: #f9f9f9;
color: #333;
}
.deleteCard {
width: 100%;
height: 220px;
background-color: rgb(255, 255, 255);
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px 30px;
gap: 13px;
position: relative;
overflow: hidden;
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.062);
}
.deleteCard #cookieSvg {
width: 50px;
}
.deleteCard #cookieSvg g path {
fill: rgb(97, 81, 81);
}
.deleteCard .cookieHeading {
font-size: 1.2em;
font-weight: 800;
color: rgb(26, 26, 26);
}
.deleteCard .cookieDescription {
text-align: center;
font-size: 0.7em;
font-weight: 600;
color: rgb(99, 99, 99);
}
.deleteCard .cookieDescription a {
--tw-text-opacity: 1;
color: rgb(59 130 246);
}
.deleteCard .cookieDescription a:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.deleteCard .buttonContainer {
display: flex;
gap: 20px;
flex-direction: row;
}
.deleteCard .acceptButton {
width: 80px;
height: 30px;
background-color: #dc3545;
transition-duration: .2s;
border: none;
color: rgb(241, 241, 241);
cursor: pointer;
font-weight: 600;
border-radius: 20px;
box-shadow: 0 4px 6px -1px #977ef3, 0 2px 4px -1px #977ef3;
transition: all .6s ease;
}
.deleteCard .declineButton {
width: 80px;
height: 30px;
background-color: #dadada;
transition-duration: .2s;
color: rgb(46, 46, 46);
border: none;
cursor: pointer;
font-weight: 600;
border-radius: 20px;
box-shadow: 0 4px 6px -1px #bebdbd, 0 2px 4px -1px #bebdbd;
transition: all .6s ease;
}
.deleteCard .declineButton:hover {
background-color: #ebebeb;
box-shadow: 0 10px 15px -3px #bebdbd, 0 4px 6px -2px #bebdbd;
transition-duration: .2s;
}
.deleteCard .acceptButton:hover {
background-color:rgb(197, 94, 104);
box-shadow: 0 10px 15px -3px #977ef3, 0 4px 6px -2px #977ef3;
transition-duration: .2s;
}