html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, 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;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}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}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:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;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:" ";display:table;-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row-span:1;grid-row-end:2}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898ec;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0% 0%;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#aaadb0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1),0 1px 3px rgba(0, 0, 0, 0.1);cursor:pointer}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #e2e2e2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0px;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table;-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row-span:1;grid-row-end:2}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}fieldset{padding:0;margin:0;border:0}button,[type='button'],[type='reset']{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#ddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-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{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0px}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:before,.w-radio:after{content:" ";display:table;-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row-span:1;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333}.w-file-upload-error{display:block;margin-top:10px}.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{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #ccc;background-color:#fafafa}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #ccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #ccc;background-color:#fafafa}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table;-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row-span:1;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table;-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row-span:1;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.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.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.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.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.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{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:#fff;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.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{top:50%;left:0;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117, 134, 150, 0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:hsla(0, 0%, 100%, 0);border-right-color:#fff;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.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{top:100%;left:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117, 134, 150, 0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:hsla(0, 0%, 100%, 0);border-top-color:#fff;border-width:4px;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{position:relative;overflow:hidden;height:500px;color:#fff}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;-o-object-fit:cover;object-fit:cover;z-index:-100}.w-background-video>video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}.w-background-video--control{position:absolute;bottom:1em;right:1em;background-color:transparent;padding:0}.w-background-video--control>[hidden]{display:none !important}.w-slider{position:relative;height:300px;text-align:center;background:#ddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:transparent}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:transparent}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51, 51, 51, 0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34, 34, 34, 0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:hsla(0, 0%, 100%, 0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.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{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:#fff;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-slider-aria-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.w-slider-force-show{display:block !important}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#ddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222}.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{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0, 0, 0, 0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.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{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0, 0, 0, 0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0, 0, 0, 0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.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{display:block;opacity:.5}.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:" ";display:table;-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row-span:1;grid-row-end:2}.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{outline:2px solid #2895f7}.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:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0}.w-richtext figure{position:relative;max-width:60%}.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{font-size:0px;color:transparent}.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{display:table-caption;caption-side:bottom}.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{position:absolute;top:0;left:0;width:100%;height:100%}.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{margin-right:auto;margin-left:auto;clear:both}.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{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#ddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row-span:1;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}[data-nav-menu-open]{display:block !important;position:absolute;top:100%;left:0;right:0;background:#c8c8c8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.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]{right:auto;z-index:1;top:0}.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]{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}.w-nav-button.w--open{background-color:#c8c8c8;color:#fff}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}.w--nav-dropdown-open{display:block}.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:" ";display:table;-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row-span:1;grid-row-end:2}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222;background-color:#ddd}.w-tab-link.w--current{background-color:#c8c8c8}.w-tab-link:focus{outline:0}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.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(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#ddd}.w-dyn-hide{display:none !important}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important} .w-layout-grid {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
grid-row-gap: 16px;
grid-column-gap: 16px;
}
body {
background-color: #fff;
font-family: roc-grotesk;
color: #0b0c0e;
}
h1 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 6rem;
line-height: 1.1;
font-weight: 400;
}
h2 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 3.5rem;
line-height: 1.25;
font-weight: 400;
}
h3 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 3rem;
line-height: 1.25;
font-weight: 400;
}
h4 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 2.5rem;
line-height: 1.25;
font-weight: 400;
}
h5 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 2rem;
line-height: 1.25;
font-weight: 400;
}
h6 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 1.5rem;
line-height: 1.25;
font-weight: 400;
}
p {
margin-bottom: 0px;
font-size: 1.25rem;
line-height: 1.6;
}
a {
font-size: 1.25rem;
text-decoration: underline;
}
ul {
margin-top: 0px;
margin-bottom: 1rem;
padding-left: 2rem;
font-size: 1.25rem;
line-height: 1.6;
}
ol {
margin-bottom: 0.5rem;
padding-left: 2rem;
font-size: 1.25rem;
line-height: 1.6;
}
strong {
font-weight: bold;
}
figure {
margin-bottom: 10px;
}
.process-tab-link.w--current {
display: flex;
padding: 0px;
align-items: center;
background-color: transparent;
}
.main-wrapper {
position: static;
overflow: hidden;
}
.main-wrapper.smooth-wrapper {
z-index: 12;
display: flex;
overflow: visible;
}
.margin-medium {
margin: 2.5rem;
}
.padding-bottom {
padding-top: 0rem;
padding-right: 0rem;
padding-left: 0rem;
}
.heading-xsmall {
font-size: 1.5rem;
line-height: 1.25;
font-weight: 400;
}
.margin-bottom {
position: static;
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.margin-bottom.margin-medium {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.padding-xxhuge {
padding: 20rem;
}
.padding-vertical {
padding-right: 0rem;
padding-left: 0rem;
}
.padding-vertical.padding-xxhuge {
padding-right: 0rem;
padding-left: 0rem;
}
.padding-vertical.padding-xhuge {
padding-right: 0rem;
padding-left: 0rem;
}
.padding-vertical.padding-xxlarge {
padding-right: 0rem;
padding-left: 0rem;
}
.padding-vertical.padding-top {
padding-top: 10rem;
}
.page-padding {
position: relative;
padding-right: 5.55%;
padding-left: 5.55%;
}
.page-padding.padding-bottom {
padding-bottom: 10rem;
}
.margin-large {
margin: 4rem;
}
.text-size-small {
font-size: 1rem;
}
.global-styles {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
display: block;
}
.page-wrapper {
overflow: visible;
width: 100%;
}
.heading-small {
color: #000;
font-size: 2rem;
line-height: 1.25;
font-weight: 400;
}
.padding-xxlarge {
padding: 10rem;
}
.text-color-white {
color: #fff;
}
.max-width-xlarge {
width: 100%;
max-width: 57.5rem;
}
.padding-top {
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
}
.text-size-regular {
font-size: 1.25rem;
line-height: 1.6;
}
.text-size-regular.opacity-red {
opacity: 0.62;
}
.text-color-black {
color: #0b0c0e;
}
.button {
position: relative;
display: flex;
overflow: hidden;
padding: 1.5rem 3rem;
justify-content: center;
align-items: center;
border-style: solid;
border-width: 2px;
border-color: #fff;
border-radius: 3.75rem;
color: #fff;
text-align: center;
}
.padding-xhuge {
padding: 16rem;
}
.max-width-full {
display: block;
width: 100%;
max-width: none;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-right: auto;
margin-left: auto;
}
.heading-large {
color: #fff;
font-size: 3.5rem;
line-height: 1.25;
font-weight: 400;
letter-spacing: 0px;
text-decoration: none;
}
.heading-large.text-color-white {
color: #d3e2f0;
}
.heading-large.heading-line-two {
letter-spacing: 0px;
white-space: normal;
}
.heading-large.heading-line-three {
color: #000212;
letter-spacing: 0px;
}
.overflow-hidden {
position: relative;
overflow: hidden;
}
.text-style-allcaps {
text-transform: uppercase;
}
.section-home-header {
position: relative;
z-index: 25;
background-color: #eef0f6;
background-image: linear-gradient(60deg, #ebf4fa, #f7f5ff);
}
.background-color-tag-green {
background-color: #00ff09;
}
.header_component {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 32px;
grid-row-gap: 16px;
-ms-grid-columns: 2fr 1fr;
grid-template-columns: 2fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.header_component.padding-bottom {
padding-bottom: 6em;
}
.header_component.padding-bottom.faqs {
display: block;
}
.div-hide {
overflow: hidden;
color: #000212;
text-align: left;
}
.button-text {
position: relative;
z-index: 2;
color: #0b0c0e;
font-size: 1.25rem;
line-height: 1;
}
.button-text.is-nav-button {
font-size: 1rem;
text-decoration: none;
}
.button-reveal {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
background-color: #455ce9;
transform: translate(0px, 105%);
color: #455ce9;
}
.button-reveal.is-nav-button {
border-style: solid;
border-width: 1.5px;
border-color: #0b0c0e;
}
.section-home-testimonial.overflow-hidden {
position: relative;
background-color: #000212;
}
.testimonial_text-wrapper {
position: relative;
display: flex;
overflow: hidden;
width: 100%;
padding: 2em;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.1);
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.05));
transition: background-color 500ms ease, border-color 500ms cubic-bezier(.25, .46, .45, .94);
color: #fff;
}
.testimonial_text-wrapper:hover {
border-color: hsla(0, 0%, 100%, 0.4);
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0.05));
box-shadow: 7px 7px 40px 0 #000;
}
.testimonial_component {
position: static;
display: -ms-grid;
display: grid;
width: 100%;
margin-right: auto;
margin-left: auto;
flex-direction: row;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1.5fr 1fr;
grid-template-columns: 1.5fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.testimonial_component.row-1 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.testimonial_component.row-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
-ms-grid-columns: 1fr 1.5fr;
grid-template-columns: 1fr 1.5fr;
}
.tag {
display: inline-block;
padding: 1rem;
align-items: center;
border-radius: 3.75rem;
background-color: #fafafa;
}
.tag.is-inverted {
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.15);
background-color: rgba(255, 255, 255, 0.08);
box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.08);
color: #fff;
text-decoration: none;
}
.tag_dot {
width: 0.5rem;
height: 0.5rem;
border-radius: 100%;
}
.tag_text {
padding-bottom: 2px;
font-size: 1rem;
line-height: 1;
}
.tag_content {
display: flex;
align-items: center;
grid-column-gap: 0.75rem;
}
.heading-line-one {
display: inline-block;
}
.heading-line-one.heading-large {
color: #000212;
font-weight: 400;
text-align: left;
letter-spacing: 0px;
}
.heading-line-one.heading-large.text-color-white {
color: #fff;
}
.heading-line-one.heading-small {
}
.heading-line-one.heading-6 {
font-size: 5rem;
font-weight: 400;
}
.heading-line-two {
display: inline-block;
}
.heading-line-two.heading-large {
color: #000;
}
.heading-line-two.heading-large.gradient-2 {
background-image: linear-gradient(135deg, #9ca6bb, #896cf5 50%, #9ca7bb 86%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.heading-line-two.heading-6 {
font-size: 5rem;
font-weight: 400;
}
.animated-heading_component.padding-bottom {
padding-bottom: 5rem;
}
.showcase_item-content {
cursor: not-allowed;
}
.legal-links_eyes-wrapper {
display: flex;
align-items: center;
grid-column-gap: 2.5rem;
}
.legal-links_eye-white {
display: flex;
width: 16rem;
height: 16rem;
justify-content: center;
align-items: center;
border: 0.125rem solid #000;
border-radius: 100%;
background-color: #fff;
}
.legal-links_eye-black {
display: flex;
width: 8rem;
height: 8rem;
justify-content: center;
align-items: center;
border-radius: 100%;
background-color: #0b0c0e;
}
.legal-links_eye-green {
width: 2.5rem;
height: 2.5rem;
border-radius: 100%;
background-color: #455ce9;
}
.menu_item {
position: relative;
display: flex;
padding-bottom: 0.25rem;
justify-content: flex-start;
align-items: center;
}
.cursor-wrapper {
position: fixed;
left: 0%;
top: 0%;
right: auto;
bottom: auto;
z-index: 9999;
display: flex;
width: 100%;
height: 100vh;
justify-content: center;
align-items: center;
}
.cursor-wrapper.hide-tablet {
display: none;
}
.fs-cc-banner_text-link {
font-weight: 400;
text-decoration: underline;
}
.fs-cc-banner_buttons-wrapper {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex: 0 0 auto;
grid-auto-columns: 1fr;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.fs-cc-banner_component {
position: fixed;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 998;
display: none;
padding: 1.5rem 2rem;
border-style: solid;
border-width: 2px;
border-color: #0b0c0e;
background-color: #fafafa;
}
.fs-cc-banner_text {
margin-right: 1.5rem;
color: #303030;
}
.fs-cc-banner_container {
display: flex;
width: 100%;
max-width: 80rem;
margin-right: auto;
margin-left: auto;
align-items: center;
grid-column-gap: 12rem;
grid-row-gap: 12rem;
}
.cookie-button {
position: relative;
display: flex;
overflow: hidden;
padding: 1.5rem 3rem;
justify-content: center;
align-items: center;
border-style: solid;
border-width: 2px;
border-color: #000;
border-radius: 3.75rem;
color: #fff;
text-align: center;
}
.cookie-button.is-nav-button {
padding: 0.75rem 1.5rem;
border-width: 1.5px;
}
.body {
background-color: #000212;
}
.vertical-spacing {
overflow: visible;
padding-top: 8rem;
padding-bottom: 2rem;
}
.div-centre {
text-align: center;
}
.section-heading-wrapper {
overflow: hidden;
}
.testimonial-name-div {
display: flex;
margin-top: 0em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
color: #969696;
}
.text-block {
color: #0b0c0e;
text-decoration: none;
}
.text-span {
color: #fff;
line-height: 1.2;
font-weight: 400;
text-decoration: none;
}
.slider {
background-color: red;
}
.content-item {
padding-top: 60px;
}
.btn {
padding: 1.5em 3em;
}
.btn.btn-eleven {
position: relative;
overflow: hidden;
border-style: solid;
border-width: 1px;
border-color: #3c3d3e;
border-radius: 50px;
color: #fff;
text-decoration: none;
}
.menue-trigger {
position: fixed;
left: auto;
top: 0%;
right: 0%;
bottom: auto;
z-index: 1001;
display: flex;
width: 10em;
height: 10em;
min-height: 10em;
margin-top: 40px;
margin-right: 40px;
padding: 2em 2.2em;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 10em;
background-color: #0b0c0e;
transform: scale(0);
transition: all 300ms cubic-bezier(.165, .84, .44, 1);
font-size: 8px;
}
.number-digit {
font-size: 3rem;
text-align: center;
}
.container-full {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.heading-6 {
background-image: linear-gradient(90deg, #8c98b0, #fff 25%, #fff 80%, #8c98b0);
color: #fff;
font-size: 5rem;
font-weight: 300;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.heading-6.heading-line-two {
line-height: 1.2;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.filling {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 10;
width: 0%;
height: 100%;
background-color: #eef0f6;
}
.body-2 {
color: #000212;
}
.preloader-final {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 10000;
display: none;
overflow: hidden;
justify-content: center;
align-items: center;
background: #0b0b0d;
}
.loader {
display: flex;
flex-direction: column;
justify-content: space-between;
justify-items: center;
align-items: center;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-column-gap: 24px;
grid-row-gap: 24px;
-ms-grid-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.radio-item {
display: flex;
height: 100%;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 24px;
align-items: center;
border-bottom: 1px solid hsla(0, 0%, 100%, 0.12);
font-size: 16px;
cursor: pointer;
}
.button-2 {
position: relative;
display: flex;
overflow: hidden;
margin-right: 0px;
margin-left: 0px;
padding: 16px 28px;
justify-content: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: #090b19;
border-radius: 100px;
background-color: #090b19;
transition: all 400ms cubic-bezier(.25, .46, .45, .94);
color: #fff;
font-size: 11px;
text-align: center;
letter-spacing: 3px;
text-decoration: none;
text-transform: uppercase;
}
.button-2:hover {
border-color: #e2e7f1;
background-color: #e2e7f1;
color: #090b19;
}
.card-hover-item {
position: relative;
display: -ms-grid;
display: grid;
overflow: hidden;
padding: 0px;
flex-direction: column;
justify-content: space-between;
justify-items: stretch;
align-items: flex-start;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 36px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-top: 1px none #f3f6fc;
border-bottom: 1px none #f3f6fc;
text-decoration: none;
}
.menu-list-item {
display: -ms-grid;
display: grid;
padding: 24px;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-column-gap: 18px;
grid-row-gap: 16px;
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-top: 1px none #f3f6fc;
border-bottom: 1px solid #f3f6fc;
transition: padding 400ms cubic-bezier(.25, .46, .45, .94), color 400ms cubic-bezier(.25, .46, .45, .94);
color: #6e7488;
font-size: 18px;
line-height: 1.25em;
font-weight: 400;
letter-spacing: -0.03em;
text-decoration: none;
white-space: normal;
}
.menu-list-item:hover {
color: #090b19;
}
.menu-list-item.w--current {
padding-left: 36px;
color: #090b19;
}
.hover-link {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: #fff;
border-radius: 100%;
background-color: hsla(0, 0%, 100%, 0);
color: #fff;
font-size: 11px;
letter-spacing: 3px;
text-decoration: none;
text-transform: uppercase;
}
.team-social-icon {
display: flex;
width: 36px;
height: 36px;
padding: 10px;
justify-content: center;
align-items: center;
border-radius: 100px;
background-color: #fff;
}
.section-showreel {
position: relative;
display: block;
overflow: visible;
justify-content: center;
align-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 12px;
grid-row-gap: 12px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
background-color: #000212;
text-decoration: none;
}
.video-div {
position: relative;
display: flex;
overflow: visible;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
opacity: 1;
}
.play-div {
position: static;
left: 10vw;
top: 0px;
right: auto;
bottom: 0px;
z-index: 4;
display: flex;
align-items: center;
color: #fff;
}
.background-video {
position: -webkit-sticky;
position: sticky;
width: 100%;
height: 100%;
opacity: 0.35;
}
.text-size-regular-2 {
color: #74767e;
font-size: 1.25rem;
line-height: 1.6;
font-weight: 400;
}
.link-2 {
background-color: #fff;
transition: color 300ms cubic-bezier(.25, .46, .45, .94), box-shadow 300ms cubic-bezier(.25, .46, .45, .94);
font-size: 5.1rem;
text-decoration: none;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.link-2:hover {
box-shadow: inset 0 -8px 0 0 #fff;
color: #fff;
}
.heading-11 {
color: #fff;
font-size: 6vw;
line-height: 100%;
}
.heading-11.heading-social {
margin-top: 0px;
margin-bottom: 30px;
transition: background-color 300ms cubic-bezier(.25, .46, .45, .94), box-shadow 300ms cubic-bezier(.25, .46, .45, .94);
color: #70748c;
font-size: 5.1rem;
font-style: normal;
font-weight: 400;
}
.text-social {
color: #fff;
font-size: 20px;
line-height: 130%;
}
.social {
position: relative;
z-index: 10;
background-color: #000212;
background-image: none;
background-size: auto;
color: #000212;
}
.grid-social-links {
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.block-social {
position: relative;
display: flex;
padding: 50px 50px 35px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
border-right: 1px solid hsla(0, 0%, 100%, 0.15);
}
.social-link {
position: relative;
display: flex;
min-height: 200px;
padding-right: 50px;
padding-bottom: 40px;
padding-left: 50px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
border-right: 1px solid hsla(0, 0%, 100%, 0.15);
border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
border-left: 0px solid hsla(0, 0%, 100%, 0.15);
transition: border-width 400ms cubic-bezier(.25, .46, .45, .94), border-color 400ms cubic-bezier(.25, .46, .45, .94);
text-decoration: none;
}
.social-link:hover {
border-left: 5px solid #fff;
}
.grid-social {
width: 100%;
min-height: 70vh;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-rows: auto;
grid-template-rows: auto;
opacity: 1;
color: #000;
}
.grid-wrapper-2 {
position: relative;
z-index: 10;
display: -ms-grid;
display: grid;
width: 100%;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.benefits-row {
display: -ms-grid;
display: grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-style: solid;
border-width: 1px;
border-color: rgba(136, 158, 168, 0.2);
}
.number-item {
position: relative;
display: -ms-grid;
display: grid;
padding: 24px;
align-content: space-between;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 160px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
transition: box-shadow 400ms cubic-bezier(.25, .46, .45, .94);
}
.number-item:hover {
z-index: 1;
box-shadow: 0 12px 36px -8px rgba(41, 43, 78, 0.07);
}
.subtitle-2 {
color: #626d86;
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
}
.number-info {
display: -ms-grid;
display: grid;
align-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 18px;
grid-row-gap: 16px;
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
text-align: right;
}
.verticle-line {
position: relative;
height: 100%;
background-color: rgba(136, 158, 168, 0.2);
}
.heading-01 {
font-size: 11rem;
letter-spacing: -6px;
}
.reel-dev {
position: static;
left: auto;
top: 0%;
right: 10vw;
bottom: 0px;
display: flex;
align-items: center;
color: #fff;
}
.showreel-wrapper {
height: 250vh;
}
.sticky-wrapper {
position: -webkit-sticky;
position: sticky;
top: 0vh;
z-index: 1;
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}
.grid-5 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 10;
grid-column-gap: 40px;
grid-row-gap: 40px;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.heading-12 {
}
.heading-13 {
}
.heading-14 {
}
.biggest-heading {
font-size: 30vw;
}
.biggest-heading.heading-line-one {
color: #000212;
}
.work-sections {
position: relative;
display: flex;
height: 370vh;
flex-direction: column;
justify-content: flex-start;
align-items: center;
background-image: linear-gradient(60deg, #f7f5ff, #ebf4fa);
}
.showcase_item-2 {
padding-right: 0px;
padding-left: 0px;
}
.vertical-work-grid {
position: relative;
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto auto;
grid-template-rows: auto auto auto auto;
}
.vertical-work-link {
position: relative;
overflow: hidden;
color: #000;
text-decoration: none;
}
.vertical-work-link.cursor-disabled {
cursor: not-allowed;
}
.project-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sticky-wrapper-2 {
position: -webkit-sticky;
position: sticky;
top: 0vh;
display: flex;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
}
.image-29 {
height: 5rem;
opacity: 1;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 0% 50%;
object-position: 0% 50%;
}
.splide__list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.splide__track {
width: 100%;
}
.splide {
position: relative;
width: 100%;
}
.splide.slider {
z-index: 9;
background-color: rgba(255, 0, 0, 0);
cursor: -webkit-grab;
cursor: grab;
}
.my-slider-progress {
overflow: hidden;
height: 1px;
margin-top: 64px;
background-color: #ddd;
color: #e8e2da;
line-height: 0.8px;
}
.splide__slide {
width: 25%;
max-width: 270px;
align-items: flex-start;
flex: 0 0 auto;
}
.splide__slide:first-child {
padding-left: 0px;
}
.my-slider-progress-bar {
width: 30vw;
height: 7px;
background-color: #b3b641;
}
.margin-bottom-2 {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.section-client {
position: relative;
display: flex;
overflow: hidden;
flex-direction: column;
grid-column-gap: 150px;
grid-row-gap: 150px;
background-image: radial-gradient(circle farthest-corner at 50% 50%, #ebf4fa, #f7f5ff);
}
.projects_content-wrapper {
overflow: hidden;
width: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.projects_image-wrapper {
position: relative;
display: flex;
overflow: hidden;
width: 100%;
flex-direction: column;
grid-column-gap: 70px;
grid-row-gap: 70px;
}
.about-image {
position: -webkit-sticky;
position: sticky;
bottom: 0px;
display: flex;
overflow: hidden;
width: 100%;
height: 100vh;
margin-bottom: -4.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
align-items: center;
}
.form-field-title {
display: flex;
align-items: center;
}
.portrait-image {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.faq-bottom {
position: relative;
z-index: 10;
overflow: hidden;
}
.faq-top {
position: relative;
z-index: 1;
padding: 0rem;
cursor: pointer;
}
.faq-item {
border-bottom: 1px solid #d5dbea;
}
.faq-action {
display: flex;
width: 4rem;
height: 4rem;
justify-content: center;
align-items: center;
border-radius: 100%;
background-color: #455ce9;
}
.form-number {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: flex;
margin-left: 0.5rem;
justify-content: center;
align-items: center;
color: #fff;
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 2px;
}
.form-number.text-color-black {
color: #000;
}
.contact-intro {
max-width: 30rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
.container-large-2 {
width: 100%;
max-width: 94rem;
margin-right: auto;
margin-left: auto;
}
.looping-faq {
position: relative;
display: flex;
align-items: center;
}
.brand {
display: flex;
overflow: visible;
height: 38px;
justify-content: flex-start;
align-items: center;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
font-size: 1.3rem;
font-weight: 500;
text-transform: none;
}
.form-field-wrapper-2 {
display: flex;
padding: 4rem 0rem 0rem;
flex-direction: column;
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
border-bottom: 1px solid #1a242c;
}
.faq-list {
position: relative;
display: flex;
flex-direction: column;
border-top: 1px solid #d5dbea;
}
.dot-wrapper {
position: relative;
display: flex;
margin-top: -0.2rem;
margin-right: 2.2rem;
justify-content: center;
align-items: center;
}
.form-message-success {
padding: 12rem 1.25rem;
border-top: 1px solid #1a242c;
border-bottom: 1px solid #1a242c;
background-color: hsla(0, 0%, 86.7%, 0);
}
.nav-menu-5 {
display: flex;
margin-right: -1.75rem;
justify-content: flex-end;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.page-sections {
position: relative;
z-index: 10;
display: flex;
overflow: visible;
padding-left: 0vw;
flex-direction: column;
flex: 1;
background-color: #fff;
color: #fff;
}
.nav-link-text {
position: static;
color: #fff;
}
.nav-link-text.text-color-black {
color: #000;
font-size: 1.1rem;
}
.tab-lottie {
display: flex;
width: 0.875rem;
justify-content: center;
align-items: center;
}
.form-2 {
display: flex;
height: 100%;
flex-direction: column;
border-top: 1px solid #1a242c;
}
.faq-title {
position: relative;
z-index: 10;
height: 100%;
padding: 3rem 0rem;
}
.about-hero-component {
position: static;
display: -ms-grid;
display: grid;
min-height: 75vh;
padding-top: 10rem;
padding-bottom: 0rem;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
grid-auto-columns: 1fr;
grid-column-gap: 4rem;
grid-row-gap: 0rem;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: 1fr auto;
grid-template-rows: 1fr auto;
}
.about-hero-component.reverse {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%;
}
.form-base {
display: flex;
max-width: 45rem;
padding-bottom: 9rem;
flex-direction: column;
flex: 1;
}
.submit-button-2 {
margin-top: 2.75rem;
margin-left: auto;
padding: 1.4rem 2rem;
border-radius: 100px;
background-color: #455ce9;
line-height: 1;
}
.tabs {
display: none;
}
.section-faq {
overflow: hidden;
background-color: #fff;
}
.heading-medium-3 {
color: #3d3d3d;
font-size: 2.75rem;
line-height: 1.35;
font-weight: 400;
}
.faq-tab-link {
padding: 0px;
background-color: hsla(0, 0%, 86.7%, 0);
}
.faq-tab-link.w--current {
background-color: hsla(0, 0%, 78.4%, 0);
}
.section-contact-hero {
margin-bottom: 0rem;
background-color: #000212;
background-image: url(https://uploads-ssl.webflow.com/62ef41975cac0a407572b3b2/63a08c3ea3635940eecc51d3_Ellipse%20372.svg);
background-position: 50% 0%;
background-size: 100vw;
background-repeat: no-repeat;
}
.nav-left-2 {
display: flex;
align-items: center;
}
.dot-mouseover {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.text-size-regular-3 {
color: #6d6d6d;
font-size: 1.25rem;
line-height: 1.65;
font-weight: 400;
}
.text-size-regular-3.text-color-white {
color: #fff;
}
.page-padding-5 {
width: 100%;
max-width: 100vw;
padding-right: 7vw;
padding-left: 7vw;
}
.text-size-small-3 {
color: #b4bcd0;
font-size: 1.1rem;
line-height: 1.65;
text-align: left;
}
.faq-bottom-content {
display: -ms-grid;
display: grid;
padding-bottom: 4rem;
grid-auto-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 0.5fr;
grid-template-columns: 1fr 0.5fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.form-field {
height: 6rem;
margin-bottom: 0px;
padding: 0.75rem 2.5rem 4rem;
border: 1px none #000;
background-color: hsla(0, 0%, 100%, 0);
transition: padding 350ms cubic-bezier(.215, .61, .355, 1);
color: #fff;
font-size: 1.25rem;
}
.form-field:focus {
padding-left: 3rem;
outline-color: #627275;
outline-offset: 0px;
outline-style: none;
outline-width: 3px;
}
.form-field::-moz-placeholder {
color: rgba(255, 255, 255, 0.55);
}
.form-field::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.55);
}
.form-field::placeholder {
color: rgba(255, 255, 255, 0.55);
}
.form-field.form-field-large {
height: auto;
min-height: 10rem;
}
.faq-action-wrapper {
position: absolute;
left: auto;
top: 0%;
right: 2rem;
bottom: 0%;
z-index: 25;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.form-message-error {
margin-top: 0.75rem;
padding: 1rem 1.5rem;
background-color: #aa1b1b;
}
.dot {
position: relative;
display: none;
width: 0.6rem;
height: 0.6rem;
min-height: 0.6rem;
min-width: 0.6rem;
justify-content: center;
align-items: center;
border-radius: 100rem;
background-color: #fff;
}
.dot.black-dot {
background-color: #000;
}
.nav-content {
display: -ms-grid;
display: grid;
height: 5rem;
padding-right: 0vw;
justify-content: space-between;
grid-auto-columns: 1fr;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.text-size-large-2 {
font-size: 1.75rem;
font-weight: 400;
}
.text-size-large-2._70 {
width: 100%;
color: hsla(0, 0%, 100%, 0.7);
}
.tabs-content {
display: none;
}
.navbar-4 {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
background-color: rgba(0, 0, 0, 0.4);
}
.form-wrapper {
display: flex;
height: 100%;
margin-bottom: 0rem;
flex-direction: column;
}
.nav-link-2 {
display: flex;
padding: 2rem 1.75rem 0.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
font-size: 0.95rem;
text-decoration: none;
}
.nav-link-2.w--current {
flex-direction: column;
grid-column-gap: 4px;
grid-row-gap: 4px;
border-bottom: 1px solid #fff;
}
.body-3 {
}
.grid-social-short-links {
width: 100%;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
border-top: 1px solid hsla(0, 0%, 100%, 0.15);
border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}
.sidebar-menu-item {
position: relative;
display: flex;
margin-left: -2.6px;
padding: 0.75rem 2rem 0.75rem 0.5rem;
align-items: center;
color: #fff;
font-size: 3rem;
font-weight: 400;
text-decoration: none;
}
.underline-link {
display: flex;
align-items: center;
text-decoration: none;
}
.services-list {
display: -ms-grid;
display: grid;
justify-content: space-between;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-column-gap: 5rem;
grid-row-gap: 0rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.text-size-tiny-2 {
font-size: 0.75rem;
}
.text-size-tiny-2.text-style-allcaps {
font-size: 0.9rem;
letter-spacing: 1px;
}
.social-link-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
grid-column-gap: 0.75rem;
grid-row-gap: 1rem;
}
.background-wrapper {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
}
.background-wrapper.sticky {
position: -webkit-sticky;
position: sticky;
left: auto;
top: auto;
right: auto;
bottom: 0%;
overflow: hidden;
height: 100vh;
max-height: 100vh;
-o-object-fit: fill;
object-fit: fill;
}
.background-wrapper.sticky {
position: -webkit-sticky;
position: sticky;
left: auto;
top: auto;
right: auto;
bottom: 0%;
overflow: hidden;
height: 100vh;
max-height: 100vh;
}
.faq-item-2 {
border-bottom: 1px solid #1a242c;
}
.menu-link-background {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background-color: rgb(34 41 84) !important;
}
.title-stacked {
display: flex;
flex-direction: column;
align-items: stretch;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.menu-link-arrow {
position: absolute;
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
display: none;
width: 1.25rem;
margin-right: 0rem;
justify-content: center;
align-items: center;
}
.about-hero-intro {
margin-right: auto;
margin-left: auto;
}
.services-about-intro {
display: flex;
margin-bottom: 6rem;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.image-full {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
transform: scale(1.01);
-o-object-fit: cover;
object-fit: cover;
}
.section-services-about {
background-color: #fff;
}
.arrow-icon {
display: flex;
width: 1rem;
height: 1rem;
justify-content: center;
align-items: center;
opacity: 1;
filter: none;
color: #fff;
}
.title-wrapper {
min-width: 23rem;
padding-bottom: 1.25rem;
border-bottom: 1px solid #1a242c;
}
.sidebar-menu-block {
display: flex;
padding-top: 7vh;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.button-text-5 {
padding: 0rem;
justify-content: center;
align-items: center;
background-color: transparent;
}
.button-text-wrapper {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
line-height: 1.5;
}
.sidebar-menu {
position: fixed;
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 20;
display: block;
overflow: visible;
}
.sidebar-top {
position: relative;
height: 50%;
}
.arrow-icon-wrapper {
display: flex;
overflow: hidden;
width: 2.875rem;
height: 2.875rem;
margin-right: 1rem;
padding-top: 2px;
justify-content: center;
align-items: center;
border-radius: 100%;
background-color: #000212;
}
.about-history-banner {
position: relative;
z-index: 25;
display: flex;
width: 100%;
max-width: 55rem;
margin-right: auto;
margin-left: auto;
padding-top: 0rem;
padding-bottom: 0rem;
flex-direction: column;
justify-content: flex-end;
grid-auto-columns: 1fr;
grid-column-gap: 12rem;
grid-row-gap: 12rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.page-sections-2 {
position: relative;
z-index: 10;
display: flex;
overflow: visible;
padding-left: 0vw;
flex-direction: column;
flex: 1;
background-color: #000212;
color: #fff;
}
.social-link-2 {
display: flex;
width: 3rem;
height: 3rem;
justify-content: center;
align-items: center;
border-radius: 100%;
box-shadow: inset 0 0 0 1px #1a242c;
transition: box-shadow 400ms cubic-bezier(.215, .61, .355, 1);
color: #fff;
font-size: 0.6rem;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
}
.social-link-2:hover {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}
.section-history {
position: relative;
flex-direction: column;
justify-content: flex-end;
}
.open-menu-link {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
}
.history-card {
display: flex;
padding-top: 0rem;
padding-bottom: 0rem;
flex-direction: column;
grid-column-gap: 0.875rem;
grid-row-gap: 0.875rem;
border-top: 1px none #cfe0e4;
border-bottom: 1px none #000;
}
.overlay {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
background-color: rgba(15, 19, 22, 0.3);
}
.overlay.dark-overlay {
background-color: rgba(0, 0, 0, 0.75);
}
.page-content {
display: flex;
width: 100%;
justify-content: space-between;
background-color: #000;
color: #fff;
}
.menu-line-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
.services-list-item {
display: flex;
min-height: 100%;
margin-top: -1px;
padding-top: 4rem;
padding-bottom: 4rem;
padding-left: 0rem;
flex-direction: column;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
border-top: 1px solid #353535;
border-bottom: 1px solid #353535;
}
.services-list-item:hover {
border-bottom-width: 2px;
border-bottom-color: #000;
}
.max-width-medium-2 {
width: 100%;
max-width: 32rem;
}
.history-list {
display: -ms-grid;
display: grid;
justify-content: center;
justify-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 9rem;
grid-row-gap: 9rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.history-year {
margin-bottom: 1rem;
border-bottom: 1px none rgba(255, 255, 255, 0.25);
}
.history-intro {
display: flex;
max-width: 40rem;
margin-right: auto;
margin-left: auto;
flex-direction: column;
align-items: center;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.menu-line-2 {
position: relative;
z-index: 10;
width: 1.4rem;
height: 0.15rem;
background-color: #fff;
}
.menu-line-2.top {
margin-left: -0.5rem;
}
.menu-line-2.bottom {
margin-right: -0.5rem;
}
.text-size-regular-4 {
font-size: 1.25rem;
line-height: 1.65;
}
.section-about-hero {
margin-bottom: 0rem;
border-bottom: 1px none #1a242c;
background-image: url(https://uploads-ssl.webflow.com/62ef41975cac0a407572b3b2/63a08c3ea3635940eecc51d3_Ellipse%20372.svg);
background-position: 50% 0%;
background-size: 100vw;
background-repeat: no-repeat;
}
.mega-menu-social {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
.sidebar-link-text {
line-height: 1.5;
}
.menu-link-mouseover {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
border: 1px none #000;
}
.about-hero-right {
display: flex;
min-height: 80vh;
margin-right: 0px;
margin-left: 0px;
flex-direction: column;
justify-content: flex-start;
}
.history-title {
padding-top: 3rem;
padding-bottom: 3rem;
border-bottom: 1px none hsla(0, 0%, 100%, 0.15);
text-align: center;
}
.history-list-item {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.open-menu-link-wrapper {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 6vw;
height: 6vw;
}
.services-intro {
max-width: 30rem;
}
.background-image-2 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: flex;
overflow: hidden;
justify-content: center;
align-items: center;
}
.mega-menu-overlay {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: none;
margin-right: 7vw;
background-color: rgba(7, 10, 12, 0.7);
cursor: pointer;
}
.mega-menu-trigger {
position: absolute;
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 0;
width: 7vw;
height: 100vh;
}
.sidebar {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 1000;
display: flex;
width: 0vw;
height: 100vh;
flex-direction: column;
}
.sidebar-menu-content {
display: none;
height: 100%;
min-width: 25rem;
padding: 1rem 0rem 3.25rem 7vw;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
align-content: center;
grid-auto-columns: 1fr;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr auto;
grid-template-rows: 1fr auto;
background-color: #000212;
}
.history-info {
display: flex;
flex-direction: column;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.arrow-icon-clip {
display: flex;
overflow: hidden;
width: 1rem;
justify-content: flex-end;
align-items: center;
}
.sidebar-menu-list {
display: flex;
width: 100%;
flex-direction: column;
align-items: stretch;
}
.about-history {
display: flex;
width: 100%;
max-width: 100%;
min-height: 110vh;
margin-right: auto;
margin-left: auto;
padding-bottom: 7rem;
flex-direction: column;
justify-content: center;
align-items: stretch;
grid-auto-columns: 1fr;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
border-top: 1px none #cfe0e4;
}
.sticky-about-banner {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.menu-link {
position: absolute;
left: -3rem;
top: 3.5rem;
right: auto;
bottom: auto;
z-index: 30;
display: flex;
width: 0vw;
height: 0vw;
min-height: 6vw;
min-width: 6vw;
flex-direction: column;
justify-content: center;
align-items: center;
grid-column-gap: 0.6vw;
grid-row-gap: 0.6vw;
border-radius: 100%;
cursor: pointer;
}
.close-menu-link {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 6vw;
height: 6vw;
}
.heading-xlarge-4 {
font-size: 4.5rem;
line-height: 1.25;
font-weight: 400;
}
.heading-xlarge-4.heading-line-one {
color: #fff;
}
.about-hero-component-2 {
display: -ms-grid;
display: grid;
min-height: 75vh;
padding-top: 10rem;
padding-bottom: 0rem;
flex-direction: row;
justify-content: space-between;
grid-auto-columns: 1fr;
grid-column-gap: 4rem;
grid-row-gap: 0rem;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: 1fr auto;
grid-template-rows: 1fr auto;
}
.heading-medium-5 {
font-size: 2.75rem;
line-height: 1.35;
font-weight: 500;
}
.heading-small-5 {
font-size: 1.75rem;
line-height: 1.4;
font-weight: 500;
}
.heading-large-5 {
align-items: center;
font-size: 3.25rem;
line-height: 1.45;
font-weight: 500;
}
.page-padding-6 {
width: 100%;
max-width: 100vw;
padding-right: 7vw;
padding-left: 7vw;
background-color: rgba(0, 2, 18, 0);
}
.view-case-div {
position: relative;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 99;
display: none;
width: 100px;
height: 100px;
justify-content: center;
align-items: center;
border-radius: 99px;
background-color: #000;
}
.view-case-div.play {
display: flex;
background-color: #fff;
}
.view-case-div.drag {
display: none;
}
.view-case-study {
color: #fff;
text-align: center;
}
.view-case-study.text-color-black {
color: #000;
}
.div-block-5 {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 99;
padding: 8px 20px;
border-radius: 99px;
background-color: #fff;
}
.dot-2 {
width: 8px;
height: 8px;
border-radius: 99px;
background-color: #fff;
opacity: 0;
}
.section-freebies {
position: relative;
background-image: linear-gradient(60deg, #f6f5ff, #ecf5fa);
}
.collection-list-3 {
display: -ms-grid;
display: grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
grid-column-gap: 2em;
grid-row-gap: 2em;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.blog-item {
width: 100%;
border-style: none;
border-width: 1px;
border-color: rgba(192, 192, 211, 0.3);
border-radius: 16px;
}
.blog-link {
position: relative;
z-index: 10;
display: flex;
overflow: hidden;
height: 100%;
padding: 1.7em;
flex-direction: column;
justify-content: space-between;
border-style: none;
border-width: 1px;
border-color: rgba(192, 192, 211, 0.3);
background-image: linear-gradient(180deg, #fff, #fff);
box-shadow: 28px 28px 60px 0 rgba(30, 23, 61, 0.04);
transition: border-radius 500ms cubic-bezier(.25, .46, .45, .94), box-shadow 500ms cubic-bezier(.25, .46, .45, .94);
}
.blog-link:hover {
border-width: 0px;
box-shadow: 0 9px 48px -6px rgba(53, 64, 117, 0.12);
}
.blog-title-block {
position: relative;
top: 1px;
z-index: 12;
display: flex;
width: 100%;
padding-top: 3em;
padding-bottom: 1em;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #000;
color: #000;
}
.paragraph-5 {
position: relative;
z-index: 20;
margin-bottom: 0em;
}
.freebies-header {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 0.75fr 1fr;
grid-template-columns: 0.75fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.redirect-circle {
position: absolute;
left: 50%;
top: 50%;
right: auto;
bottom: auto;
z-index: 20;
display: flex;
width: 80px;
height: 80px;
justify-content: center;
align-items: center;
border-radius: 100%;
background-color: #455ce9;
transform: translate(-50%, -50%);
}
.gradient {
background-image: linear-gradient(135deg, #8fdef7, #7d7cf9 41%, #8fdef7 56%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.project-section {
width: 100%;
}
.text-block-2 {
color: #fff;
font-weight: 400;
}
.text-mask {
overflow: hidden;
height: 21px;
}
.preloader-logo {
width: 56px;
height: 56px;
}
.paragraph-6 {
font-family: Gtfadieutrial, sans-serif;
color: #fff;
font-weight: 400;
letter-spacing: 6px;
}
.body-4 {
}
.div-block-7 {
position: absolute;
bottom: 15vh;
display: flex;
align-items: center;
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.div-block-8 {
display: flex;
flex-direction: column;
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.image-32 {
width: 54px;
height: 54px;
}
.client-name-div {
display: flex;
margin-top: 2em;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.community-image-div {
overflow: hidden;
min-height: 70%;
}
.community-image {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.body-5 {
background-color: #000212;
}
.gradient-hover {
position: absolute;
top: 0px;
bottom: 0px;
overflow: hidden;
width: 130%;
background-image: linear-gradient(60deg, hsla(0, 0%, 100%, 0) 32%, hsla(0, 0%, 100%, 0.09) 52%, hsla(0, 0%, 100%, 0) 69%);
}
.gradient-hover.contact-button {
z-index: 2;
display: block;
background-image: linear-gradient(60deg, hsla(0, 0%, 100%, 0) 16%, hsla(0, 0%, 100%, 0.4) 52%, hsla(0, 0%, 100%, 0) 85%);
}
.div-block-10 {
position: absolute;
left: -20%;
top: 10%;
width: 35em;
height: 35em;
background-image: linear-gradient(60deg, #530aed, #007ff5);
opacity: 0.56;
filter: blur(180px);
}
.gradient-2 {
background-image: linear-gradient(135deg, #896cf5, #669aee 50%, #43c9e6 86%);
letter-spacing: 0px;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.bold-text {
font-weight: 500;
}
.white-gradient {
background-image: linear-gradient(60deg, #ebf4fa, #f7f5ff);
}
.nav-link-3 {
display: flex;
padding: 1.25rem 1.75rem;
flex-direction: column;
justify-content: center;
align-items: center;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
font-size: 0.95rem;
text-decoration: none;
}
.nav-link-3.w--current {
flex-direction: column;
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.btn-outer {
position: relative;
display: flex;
overflow: hidden;
padding: 1rem 2.25rem;
justify-content: center;
align-items: center;
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.1);
border-radius: 110px;
background-image: linear-gradient(25deg, #bbb 24%, #fff);
transition: all 400ms ease;
}
.btn-outer:hover {
border-color: hsla(0, 0%, 100%, 0.4);
background-color: hsla(0, 0%, 100%, 0.05);
box-shadow: 0 0 13px -2px #fff;
}
.hero-home-info {
position: static;
z-index: 25;
display: flex;
padding-top: 0rem;
flex-direction: column;
align-items: center;
border-top: 1px none #484858;
line-height: 1.35;
}
.hero-image-strip {
z-index: 10;
display: flex;
width: 100%;
padding-top: 70vh;
flex-direction: column;
justify-content: flex-start;
justify-items: center;
align-items: flex-start;
grid-auto-columns: 1fr;
grid-column-gap: 26vw;
grid-row-gap: 26vw;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.hero-image-strip.right-side {
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 25;
align-items: flex-end;
}
.hero-image-strip.left {
position: relative;
}
.underline-link-2 {
display: flex;
padding-bottom: 0rem;
align-items: center;
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
border-bottom: 1px none #1a1c24;
color: #fff;
}
.strip-wrapper {
position: absolute;
left: 0%;
top: 0%;
right: auto;
bottom: 0%;
z-index: 5;
display: flex;
flex-direction: column;
align-items: stretch;
}
.strip-wrapper.right {
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 25;
}
.image-fill {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
overflow: hidden;
width: 100%;
height: 100%;
transform: scale(1.02);
-o-object-fit: cover;
object-fit: cover;
}
.preview-intro {
position: relative;
z-index: 25;
display: flex;
width: 100%;
flex-direction: column;
justify-content: space-between;
align-items: center;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
text-align: center;
}
.hero-trigger {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
margin-top: 100vh;
}
.button-3 {
display: flex;
padding: 0.75rem 1.875rem;
justify-content: center;
align-items: center;
border-radius: 100px;
background-color: #fff;
color: #000;
font-size: 1rem;
font-weight: 400;
text-align: center;
}
.hero-home-content {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 15;
display: flex;
overflow: hidden;
height: 100%;
margin-bottom: -100vh;
padding-right: 5vw;
padding-bottom: 4rem;
padding-left: 5vw;
flex-direction: row;
justify-content: center;
align-items: center;
flex: 1;
grid-auto-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: 1fr 1fr;
grid-template-rows: 1fr 1fr;
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/frame2.svg?v1.32);
background-position: 50% 0%;
background-size: contain;
background-repeat: no-repeat;
background-attachment: scroll;
color: #000;
}
.home-hero {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 25;
display: flex;
overflow: visible;
height: 100vh;
min-height: 100vh;
padding-top: 0rem;
padding-bottom: 0rem;
flex-direction: column;
}
.hero-bottom {
position: static;
z-index: 15;
display: flex;
width: 100%;
max-width: 70vw;
padding-top: 12rem;
padding-bottom: 4rem;
flex-direction: column;
justify-content: center;
align-items: center;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: #fff;
text-align: center;
}
.hero-wrapper {
position: relative;
height: 300vh;
}
.overlay-2 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 10;
background-color: rgba(18, 19, 22, 0.7);
}
.overlay-2.overlay-light {
background-color: rgba(18, 19, 22, 0.28);
}
.preview-description {
max-width: 40rem;
}
.preview-hero {
flex-direction: column;
justify-content: flex-end;
flex: 1;
}
.hero-image {
position: relative;
left: 0%;
overflow: hidden;
width: 25vw;
height: 25vw;
min-height: 25vw;
border-radius: 0.5rem;
}
.hero-image.twelve {
margin-top: -150%;
}
.hero-image.fourteen {
left: 1vw;
}
.hero-image.ten {
left: 140%;
margin-top: 0%;
margin-bottom: -45%;
}
.hero-image.thirteen {
left: -70vw;
margin-top: -50vw;
}
.hero-image.two {
left: 65vw;
margin-top: -45vw;
}
.hero-image.three {
left: -5vw;
margin-bottom: -5vw;
}
.hero-image.four {
left: -1vw;
top: 0%;
}
.hero-image.nine {
left: -65vw;
margin-top: -45vw;
}
.hero-home-heading {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
}
.section-hero-home {
flex-direction: column;
justify-content: flex-end;
background-color: #121316;
}
.section-work-hero {
background-image: url(https://uploads-ssl.webflow.com/62ef41975cac0a407572b3b2/63a08c3ea3635940eecc51d3_Ellipse%20372.svg);
background-position: 50% 0%;
background-size: 100vw;
background-repeat: no-repeat;
}
.div-block-11 {
margin-top: 10rem;
}
.section-work-full {
background-color: #000212;
}
.section-dribble {
background-color: #fff;
}
.container {
width: 100%;
max-width: 100em;
margin-right: auto;
margin-left: auto;
padding: 5em 6em;
}
.container.is-work {
padding-top: 12.5em;
padding-bottom: 12.5em;
}
.cms-wrap {
padding-top: 3.3em;
}
.cms-list {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 2em;
grid-row-gap: 2em;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.cms-photo-height {
position: relative;
width: 100%;
padding-top: 76%;
}
.cms-photo {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
}
.heading-15 {
color: #fff;
text-align: center;
}
.text-block-3 {
opacity: 0.65;
color: #fff;
text-align: center;
}
.body-6 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #000212;
}
.div-block-12 {
display: flex;
flex-direction: column;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.bold-text-2 {
font-weight: 400;
}
.div-block-13 {
position: absolute;
z-index: 20;
margin-right: 0px;
margin-bottom: 0px;
padding: 8px 16px;
border-radius: 10px;
background-color: hsla(0, 0%, 100%, 0.1);
}
@media screen and (max-width: 991px) {
h1 {
font-size: 5.5rem;
}
.padding-bottom {
padding-top: 0rem;
padding-right: 0rem;
padding-left: 0rem;
}
.heading-xsmall {
font-size: 1.2rem;
}
.margin-bottom {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.padding-xxhuge {
padding: 15rem;
}
.padding-vertical {
padding-right: 0rem;
padding-left: 0rem;
}
.page-wrapper {
max-width: 100%;
}
.padding-xxlarge {
padding: 7.5rem;
}
.padding-top {
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
}
.padding-xhuge {
padding: 12rem;
}
.container-large.width-80 {
width: 90%;
}
.hide-tablet {
display: none;
}
.header_component {
-ms-grid-columns: 2fr;
grid-template-columns: 2fr;
}
.div-hide {
overflow: hidden;
}
.testimonial_text-wrapper {
padding-right: 2em;
padding-left: 2em;
}
.legal-links_eye-white {
position: relative;
justify-content: flex-start;
align-items: flex-start;
}
.legal-links_eye-black {
position: absolute;
left: 10%;
top: 10%;
right: auto;
bottom: auto;
}
.legal-links_eye-green {
position: absolute;
left: 20%;
top: 20%;
right: auto;
bottom: auto;
}
.fs-cc-banner_buttons-wrapper {
margin-top: 1rem;
}
.fs-cc-banner_text {
margin-right: 0rem;
}
.fs-cc-banner_container {
flex-direction: column;
align-items: flex-start;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.vertical-spacing {
padding-top: 64px;
padding-bottom: 64px;
}
.heading-6 {
font-size: 4rem;
}
.social {
background-position: 100% 50%;
}
.social-link:hover {
border-left-width: 0px;
}
.benefits-row {
grid-row-gap: 0px;
-ms-grid-columns: 1fr 1px 1fr;
grid-template-columns: 1fr 1px 1fr;
-ms-grid-rows: auto 1px auto;
grid-template-rows: auto 1px auto;
}
.number-item {
grid-row-gap: 100px;
}
.verticle-line {
width: 100%;
}
.heading-01 {
font-size: 9rem;
}
.vertical-work-grid {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto auto auto;
grid-template-rows: auto auto auto auto auto;
}
.splide__slide {
width: 60vw;
}
.margin-bottom-2 {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.about-image {
position: relative;
height: auto;
margin-bottom: 0rem;
}
.faq-action {
width: 3rem;
height: 3rem;
}
.contact-intro {
max-width: 50rem;
padding-top: 0rem;
}
.brand {
padding-left: 0px;
}
.nav-menu-5 {
display: none;
}
.tab-lottie {
width: 0.75rem;
}
.faq-title {
padding-top: 4rem;
padding-right: 3rem;
padding-bottom: 4rem;
}
.about-hero-component {
min-height: auto;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.about-hero-component.reverse {
padding-bottom: 6rem;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.form-base {
max-width: 100rem;
padding-bottom: 3rem;
}
.heading-medium-3 {
font-size: 2.25rem;
}
.page-padding-5 {
max-width: none;
padding-right: 3rem;
padding-left: 3rem;
}
.faq-bottom-content {
padding-bottom: 3rem;
-ms-grid-columns: 1fr 0.25fr;
grid-template-columns: 1fr 0.25fr;
}
.faq-action-wrapper {
right: 0rem;
}
.nav-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.services-list {
grid-auto-flow: row;
grid-column-gap: 5rem;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
}
.services-about-intro {
margin-bottom: 4rem;
}
.title-wrapper {
min-width: 100%;
}
.sidebar-menu {
padding-right: 0vw;
background-color: rgba(20, 26, 31, 0);
}
.about-history-banner {
grid-column-gap: 9rem;
grid-row-gap: 9rem;
}
.menu-line-2 {
width: 1.2rem;
height: 0.1rem;
}
.section-about-hero {
margin-bottom: 0rem;
}
.about-hero-right {
max-width: 35rem;
min-height: auto;
margin-top: 0rem;
padding-top: 0rem;
}
.history-title {
padding-top: 1rem;
padding-bottom: 1rem;
}
.open-menu-link-wrapper {
width: 4rem;
height: 4rem;
}
.mega-menu-overlay {
margin-right: 0vw;
}
.sidebar {
width: 0vw;
}
.sidebar-menu-content {
display: none;
overflow: auto;
min-width: 80vw;
margin-left: -5rem;
padding-right: 4rem;
padding-left: 4rem;
background-color: #000212;
}
.about-history {
min-height: auto;
}
.menu-link {
top: 1rem;
min-height: 4rem;
min-width: 4rem;
margin-left: -4rem;
}
.close-menu-link {
width: 4rem;
height: 4rem;
}
.heading-xlarge-4 {
font-size: 3.5rem;
}
.about-hero-component-2 {
min-height: auto;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.heading-medium-5 {
font-size: 2.25rem;
}
.heading-large-5 {
font-size: 3rem;
}
.page-padding-6 {
max-width: none;
padding-right: 3rem;
padding-left: 3rem;
}
.collection-list-3 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.freebies-header {
grid-column-gap: 36px;
grid-row-gap: 36px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.client-name-div {
margin-top: 1em;
}
.hero-home-content {
padding-top: 4rem;
padding-bottom: 20vh;
}
.hero-bottom {
max-width: 80vw;
padding-top: 2rem;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.hero-image {
width: 30vw;
height: 30vw;
min-height: 30vw;
}
.hero-image.thirteen {
left: -65vw;
}
.hero-image.three {
left: -10vw;
}
.container {
padding-right: 6vw;
padding-left: 6vw;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 4rem;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 2.5rem;
}
h4 {
font-size: 2rem;
}
h5 {
font-size: 1.75rem;
}
p {
font-size: 1rem;
}
ul {
font-size: 1rem;
line-height: 1.75;
}
ol {
font-size: 1rem;
line-height: 1.75;
}
.main-wrapper.smooth-wrapper {
overflow: visible;
}
.margin-medium {
margin: 2rem;
}
.padding-bottom {
padding-top: 0rem;
padding-right: 0rem;
padding-left: 0rem;
}
.margin-bottom {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.padding-xxhuge {
padding: 10rem;
}
.padding-vertical {
padding-right: 0rem;
padding-left: 0rem;
}
.padding-vertical.padding-xhuge {
padding-top: 4rem;
padding-bottom: 4rem;
}
.margin-large {
margin: 3rem;
}
.text-size-small {
font-size: 0.875rem;
}
.page-wrapper {
overflow: visible;
}
.heading-small {
font-size: 1.75rem;
}
.padding-xxlarge {
padding: 5rem;
}
.padding-top {
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
}
.text-size-regular {
font-size: 1rem;
}
.padding-xhuge {
padding: 8rem;
}
.heading-large {
font-size: 3rem;
}
.section-home-header {
margin-top: -4rem;
}
.testimonial_text-wrapper {
padding: 1em;
}
.heading-line-one.heading-6 {
text-align: center;
}
.legal-links_eyes-wrapper {
grid-column-gap: 2rem;
}
.legal-links_eye-white {
width: 14rem;
height: 14rem;
}
.legal-links_eye-black {
width: 7rem;
height: 7rem;
}
.legal-links_eye-green {
width: 2rem;
height: 2rem;
}
.fs-cc-banner_container {
flex-direction: column;
align-items: flex-start;
}
.menue-trigger {
width: 6em;
height: 6em;
min-height: 6em;
margin-top: 14px;
margin-right: 24px;
padding: 1.5em;
transform: scale(1);
}
.heading-6 {
font-size: 3.5rem;
}
.heading-6.heading-line-two {
text-align: center;
}
.menu-list-item {
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
}
.text-size-regular-2 {
font-size: 1rem;
}
.heading-11.heading-social {
font-size: 12vw;
}
.grid-social-links {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.block-social {
padding: 80px 30px 15px;
flex-direction: column;
justify-content: flex-end;
border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}
.grid-social {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.benefits-row {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto 1px auto 1px auto 1px auto;
grid-template-rows: auto 1px auto 1px auto 1px auto;
}
.number-item {
grid-row-gap: 60px;
}
.heading-01 {
font-size: 6rem;
}
.grid-5 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.splide__list {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.my-slider-progress {
margin-top: 32px;
}
.splide__slide {
width: 60vw;
}
.margin-bottom-2 {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.form-number {
font-size: 0.75rem;
}
.contact-intro {
padding-bottom: 2rem;
}
.page-sections {
max-width: 100%;
}
.faq-title {
padding-top: 3rem;
padding-bottom: 3rem;
}
.about-hero-component.reverse {
padding-bottom: 4rem;
}
.heading-medium-3 {
font-size: 2rem;
}
.page-padding-5 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.text-size-large-2 {
font-size: 1.5rem;
}
.grid-social-short-links {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.sidebar-menu-item {
padding-right: 0rem;
font-size: 2rem;
}
.services-list {
-ms-grid-columns: auto;
grid-template-columns: auto;
}
.title-stacked {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.about-hero-intro {
padding-bottom: 2rem;
}
.services-about-intro {
margin-bottom: 3.5rem;
flex-direction: column;
align-items: flex-start;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.title-wrapper {
min-width: 100%;
}
.about-history-banner {
padding-bottom: 4rem;
}
.history-list {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.history-list-item {
display: flex;
}
.open-menu-link-wrapper {
width: 3.75rem;
height: 3.75rem;
}
.sidebar-menu-content {
display: none;
overflow: auto;
min-width: 75vw;
margin-left: -3rem;
padding-right: 3rem;
padding-left: 3rem;
}
.history-info {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.menu-link {
left: -2rem;
min-height: 3.75rem;
min-width: 3.75rem;
margin-left: -3rem;
}
.close-menu-link {
width: 3.75rem;
height: 3.75rem;
}
.heading-xlarge-4 {
font-size: 2.875rem;
}
.heading-medium-5 {
font-size: 2rem;
}
.heading-small-5 {
font-size: 1.25rem;
}
.heading-large-5 {
font-size: 2.5rem;
}
.page-padding-6 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.collection-list-3 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.paragraph-5 {
font-size: 1.25rem;
}
.div-block-10 {
opacity: 0.36;
}
.hero-bottom {
max-width: 90vw;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.preview-description {
max-width: 25rem;
}
.cms-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.div-block-12 {
align-items: center;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 3.5rem;
}
.padding-bottom {
padding-top: 0rem;
padding-right: 0rem;
padding-left: 0rem;
}
.margin-bottom {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.padding-vertical {
padding-right: 0rem;
padding-left: 0rem;
}
.page-padding.padding-bottom {
padding-right: 5.55%;
padding-left: 5.55%;
}
.text-size-small {
font-size: 1rem;
}
.padding-top {
padding-right: 0rem;
padding-bottom: 0rem;
padding-left: 0rem;
}
.padding-xhuge {
padding: 6rem;
}
.testimonial_text-wrapper {
align-items: flex-start;
}
.testimonial_component.row-1 {
-ms-grid-columns: 1.5fr;
grid-template-columns: 1.5fr;
}
.testimonial_component.row-2 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.heading-line-one.heading-large.text-color-white {
text-align: center;
}
.heading-line-one.heading-6 {
font-size: 3rem;
line-height: 1.2;
text-align: center;
}
.legal-links_eye-white {
width: 7rem;
height: 7rem;
}
.legal-links_eye-black {
left: 15%;
top: 15%;
width: 3.5rem;
height: 3.5rem;
}
.legal-links_eye-green {
width: 1.5rem;
height: 1.5rem;
}
.fs-cc-banner_buttons-wrapper {
width: 100%;
flex-direction: column-reverse;
align-items: center;
text-align: center;
}
.vertical-spacing {
padding-top: 56px;
padding-bottom: 56px;
}
.testimonial-name-div {
margin-top: 0em;
justify-content: center;
}
.heading-6 {
font-size: 3rem;
}
.heading-6.heading-line-two {
font-size: 3rem;
}
.preloader-final {
display: none;
}
.radio-item {
padding-left: 18px;
}
.menu-list-item {
padding-right: 18px;
padding-left: 18px;
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
}
.video-div {
height: 40vh;
}
.link-2 {
font-size: 12vw;
}
.social {
background-position: 100% 50%;
}
.grid-social-links {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.block-social {
padding-top: 45px;
}
.social-link {
min-height: 150px;
}
.heading-01 {
font-size: 4rem;
letter-spacing: -3px;
}
.grid-5 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.work-sections {
height: 320vh;
}
.vertical-work-grid {
display: flex;
flex-direction: column;
grid-column-gap: 48px;
grid-row-gap: 48px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.project-image {
-o-object-fit: cover;
object-fit: cover;
}
.margin-bottom-2 {
margin-top: 0rem;
margin-right: 0rem;
margin-left: 0rem;
}
.about-image {
-o-object-fit: fill;
object-fit: fill;
}
.portrait-image {
-o-object-fit: fill;
object-fit: fill;
}
.dot-wrapper {
margin-right: 1.9rem;
}
.faq-title {
padding-top: 3rem;
padding-right: 3.5rem;
padding-bottom: 3rem;
}
.about-hero-component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.faq-bottom-content {
display: flex;
}
.menu-button {
display: none;
}
.grid-social-short-links {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.sidebar-menu-item {
padding-right: 0rem;
}
.social-link-list {
flex-wrap: wrap;
grid-auto-columns: 1fr;
grid-column-gap: 0.75rem;
grid-row-gap: 1rem;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.title-stacked {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.about-hero-intro {
padding-bottom: 0rem;
}
.services-about-intro {
margin-bottom: 3rem;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.title-wrapper {
width: 50vw;
}
.page-sections-2 {
align-items: stretch;
flex: 1;
}
.services-list-item {
padding-top: 3rem;
padding-bottom: 3rem;
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem;
}
.history-title {
padding-top: 0rem;
padding-bottom: 0rem;
}
.sidebar-menu-content {
display: none;
min-width: 100vw;
margin-left: -6rem;
padding-right: 2rem;
padding-bottom: 4rem;
padding-left: 2rem;
}
.heading-xlarge-4 {
font-size: 2.75rem;
}
.about-hero-component-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.blog-link {
padding: 1.5em;
}
.paragraph-6 {
font-size: 0.75rem;
}
.client-name-div {
align-items: center;
}
.div-block-10 {
width: 100%;
opacity: 0.33;
}
.hero-image-strip.right-side {
height: 50vh;
max-height: 50vh;
}
.hero-image-strip.left {
height: 110vh;
max-height: 110vh;
}
.hero-trigger {
margin-top: 92vh;
}
.hero-home-content {
padding-bottom: 30vh;
}
.hero-bottom {
max-width: 90vw;
margin-top: 12rem;
padding-top: 3rem;
padding-bottom: 15vh;
}
.hero-wrapper {
height: 110vh;
}
.hero-image {
width: 40vw;
height: 40vw;
min-height: 40vw;
}
.hero-image.thirteen {
left: -55vw;
}
.hero-image.two {
left: 53vw;
margin-top: -55vw;
}
.hero-image.three {
left: -4vw;
}
.hero-image.nine {
left: -53vw;
margin-top: -55vw;
}
.text-block-3 {
width: 80vw;
}
}
#w-node-_8eb0b078-925c-1bbe-79ad-fe887489694a-8f3da79d {
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}
#w-node-_8eb0b078-925c-1bbe-79ad-fe887489694d-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_8eb0b078-925c-1bbe-79ad-fe8874896957-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567230-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567234-8f3da79d {
-ms-grid-column-span: 3;
grid-column-end: 4;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead56723b-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead56723f-8f3da79d {
-ms-grid-column-span: 1;
grid-column-end: 7;
-ms-grid-column: 6;
grid-column-start: 6;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567246-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead56724a-8f3da79d {
-ms-grid-column-span: 1;
grid-column-end: 5;
-ms-grid-column: 4;
grid-column-start: 4;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567251-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567255-8f3da79d {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead56725c-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567264-8f3da79d {
-ms-grid-column-align: end;
justify-self: end;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567267-8f3da79d {
-ms-grid-column-align: start;
justify-self: start;
}
#w-node-c3338bcc-4ccf-d1c4-a6be-0e2b500e4ba2-8f3da79d {
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
}
#w-node-c3338bcc-4ccf-d1c4-a6be-0e2b500e4ba8-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead56729e-8f3da79d {
-ms-grid-column-span: 3;
grid-column-end: 7;
-ms-grid-column: 4;
grid-column-start: 4;
-ms-grid-row-span: 2;
grid-row-end: 4;
-ms-grid-row: 2;
grid-row-start: 2;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead5672a3-8f3da79d {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead5672a4-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead5672ac-8f3da79d {
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 3;
grid-row-end: 7;
-ms-grid-row: 4;
grid-row-start: 4;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead5672b1-8f3da79d {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead5672b2-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-c97317dd-a62c-b265-42b9-a64fd838e09f-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead5672df-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-fecc2be1-b87e-adcc-8cd0-b89895c3c0bf-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_00de60f9-2b6c-fc50-5b88-cb0303b74c1a-03b74c09 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_00de60f9-2b6c-fc50-5b88-cb0303b74c47-03b74c09 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: end;
align-self: end;
}
#w-node-_846965f1-286f-bd79-96ad-549f0ec1e90b-0ec1e909 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_846965f1-286f-bd79-96ad-549f0ec1e918-0ec1e909 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_846965f1-286f-bd79-96ad-549f0ec1e919-0ec1e909 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_846965f1-286f-bd79-96ad-549f0ec1e91d-0ec1e909 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_846965f1-286f-bd79-96ad-549f0ec1e921-0ec1e909 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_846965f1-286f-bd79-96ad-549f0ec1e925-0ec1e909 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_11b5d189-ecd8-89dd-e397-5402a0e86d01-a0e86cf8 {
-ms-grid-column-align: end;
justify-self: end;
}
#w-node-aa8d3a56-49c2-156c-424c-f7d56bf1b7d4-9e3da7d7 {
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-align: end;
align-self: end;
}
#w-node-aa8d3a56-49c2-156c-424c-f7d56bf1b7d7-9e3da7d7 {
-ms-grid-row-align: start;
align-self: start;
}
#scroll.w-node-aa8d3a56-49c2-156c-424c-f7d56bf1b7e0-9e3da7d7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_631133da-7621-3bb5-205e-152e4916cb58-9e3da7d7 {
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-column-align: start;
justify-self: start;
}
#w-node-_631133da-7621-3bb5-205e-152e4916cb59-9e3da7d7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_631133da-7621-3bb5-205e-152e4916cb5a-9e3da7d7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_631133da-7621-3bb5-205e-152e4916cb62-9e3da7d7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_631133da-7621-3bb5-205e-152e4916cb63-9e3da7d7 {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
}
#w-node-_631133da-7621-3bb5-205e-152e4916cb6b-9e3da7d7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_631133da-7621-3bb5-205e-152e4916cb6c-9e3da7d7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebc8c-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebca4-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebcbc-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebcd4-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebcec-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebd33-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebd0c-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebd19-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebd26-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_63dd177f-f90d-8542-253c-0548169ebd41-169ebc76 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_10fceb17-1a5e-86b7-9ca8-11feea526f1e-763da7f3 {
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 2;
grid-row-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-align: end;
align-self: end;
}
#w-node-_10fceb17-1a5e-86b7-9ca8-11feea526f21-763da7f3 {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
}
#w-node-_980d1f47-593f-cffa-fbf9-c74795aa911e-763da7f3 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_980d1f47-593f-cffa-fbf9-c74795aa911f-763da7f3 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_980d1f47-593f-cffa-fbf9-c74795aa9123-763da7f3 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_980d1f47-593f-cffa-fbf9-c74795aa9127-763da7f3 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_980d1f47-593f-cffa-fbf9-c74795aa912b-763da7f3 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc1c-4c3da81f {
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc21-4c3da81f {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc2a-4c3da81f {
-ms-grid-column-span: 3;
grid-column-end: 7;
-ms-grid-column: 4;
grid-column-start: 4;
-ms-grid-row-span: 2;
grid-row-end: 4;
-ms-grid-row: 2;
grid-row-start: 2;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc2f-4c3da81f {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc30-4c3da81f {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc39-4c3da81f {
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 3;
grid-row-end: 7;
-ms-grid-row: 4;
grid-row-start: 4;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc3e-4c3da81f {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc3f-4c3da81f {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
@media screen and (max-width: 991px) {
#w-node-d888cdee-487c-31c7-e1ef-14bead56723f-8f3da79d {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-row: 3;
grid-row-start: 3;
-ms-grid-row-span: 1;
grid-row-end: 4;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead56724a-8f3da79d {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 3;
grid-column-end: 4;
-ms-grid-row: 2;
grid-row-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567255-8f3da79d {
-ms-grid-row-span: 2;
grid-row-end: 2;
}
#w-node-c3338bcc-4ccf-d1c4-a6be-0e2b500e4ba2-8f3da79d {
-ms-grid-column-span: 3;
grid-column-end: 3;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead56729e-8f3da79d {
-ms-grid-column: 3;
grid-column-start: 3;
-ms-grid-column-span: 2;
grid-column-end: 5;
-ms-grid-row: 4;
grid-row-start: 4;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead5672ac-8f3da79d {
-ms-grid-row: 6;
grid-row-start: 6;
-ms-grid-row-span: 2;
grid-row-end: 8;
}
#w-node-aa8d3a56-49c2-156c-424c-f7d56bf1b7d4-9e3da7d7 {
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
}
#w-node-aa8d3a56-49c2-156c-424c-f7d56bf1b7d7-9e3da7d7 {
order: -9999;
}
#w-node-_10fceb17-1a5e-86b7-9ca8-11feea526f1e-763da7f3 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
order: 9999;
}
#w-node-_10fceb17-1a5e-86b7-9ca8-11feea526f21-763da7f3 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
order: -9999;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc1c-4c3da81f {
-ms-grid-column-span: 3;
grid-column-end: 3;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc2a-4c3da81f {
-ms-grid-column: 3;
grid-column-start: 3;
-ms-grid-column-span: 2;
grid-column-end: 5;
-ms-grid-row: 4;
grid-row-start: 4;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc39-4c3da81f {
-ms-grid-row: 6;
grid-row-start: 6;
-ms-grid-row-span: 2;
grid-row-end: 8;
}
}
@media screen and (max-width: 767px) {
#w-node-d888cdee-487c-31c7-e1ef-14bead56723f-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead56724a-8f3da79d {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567255-8f3da79d {
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-c3338bcc-4ccf-d1c4-a6be-0e2b500e4ba2-8f3da79d {
-ms-grid-column-span: 2;
grid-column-end: 2;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead56729e-8f3da79d {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-row: 3;
grid-row-start: 3;
-ms-grid-row-span: 2;
grid-row-end: 5;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead5672ac-8f3da79d {
-ms-grid-column-span: 2;
grid-column-end: 2;
-ms-grid-row: 5;
grid-row-start: 5;
-ms-grid-row-span: 2;
grid-row-end: 7;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc1c-4c3da81f {
-ms-grid-column-span: 2;
grid-column-end: 2;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc2a-4c3da81f {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-row: 3;
grid-row-start: 3;
-ms-grid-row-span: 2;
grid-row-end: 5;
}
#w-node-_7e0cf95e-008a-c933-36d3-48d3304abc39-4c3da81f {
-ms-grid-column-span: 2;
grid-column-end: 2;
-ms-grid-row: 5;
grid-row-start: 5;
-ms-grid-row-span: 2;
grid-row-end: 7;
}
}
@font-face {
font-family: 'Aeonik pro';
src: url(https://uploads-ssl.webflow.com/62ef41975cac0a407572b3b2/635cbac34cc38ff091914391_Aeonik%20Pro%20Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Aeonik pro';
src: url(https://uploads-ssl.webflow.com/62ef41975cac0a407572b3b2/635cbab9c9179300a732d169_Aeonik%20Pro%20Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Aeonik pro';
src: url(https://uploads-ssl.webflow.com/62ef41975cac0a407572b3b2/635cbaa9a2af5f6c71715b36_Aeonik%20Pro%20Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Aeonik pro';
src: url(https://uploads-ssl.webflow.com/62ef41975cac0a407572b3b2/636207d1776dc195af7a0a5b_Aeonik%20Pro%20Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gtfadieutrial';
src: url(https://uploads-ssl.webflow.com/62ef41975cac0a407572b3b2/636fdf1d3b9c9d097c1330e1_GTFAdieuTRIAL-Regular.otf) format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}.f-d-14 {font-size: 0.73vw !important; }
.f-d-16 {font-size: 0.83vw !important; }
.f-d-17 {font-size: 0.88vw !important; }
.f-d-18 {font-size: 0.94vw !important; }
.f-d-19 {font-size: 0.989vw !important; }
.f-d-20 {font-size: 1.04vw !important; }
.f-d-21 {font-size: 1.09vw !important; }
.f-d-22 {font-size: 1.15vw !important; }
.f-d-24 {font-size: 1.25vw !important; }
.f-d-25 {font-size: 1.3vw !important; }
.f-d-26 {font-size: 1.35vw !important; }
.f-d-27 {font-size: 1.4vw !important; }
.f-d-28 {font-size: 1.45vw !important; }
.f-d-30 {font-size: 1.56vw !important; }
.f-d-32 {font-size: 1.66vw !important; }
.f-d-35 {font-size: 1.82vw !important; }
.f-d-36 {font-size: 1.875vw !important; }
.f-d-38 {font-size: 1.98vw !important; }
.f-d-40 {font-size: 2.08vw !important; }
.f-d-42 {font-size: 2.18vw !important; }
.f-d-45 {font-size: 2.35vw !important; }
.f-d-47 {font-size: 2.44vw !important; }
.f-d-48 {font-size: 2.5vw !important; }
.f-d-50 {font-size: 2.6vw !important; }
.f-d-52 {font-size: 2.7vw !important; }
.f-d-55 {font-size: 2.86vw !important; }
.f-d-58 {font-size: 3vw !important; }
.f-d-60 {font-size: 3.125vw !important; }
.f-d-65 {font-size: 3.38vw !important; }
.f-d-70 {font-size: 3.64vw !important; }
.f-d-75 {font-size: 3.9vw !important; }
.f-d-80 {font-size: 4.16vw !important; }
.f-d-85 {font-size: 4.43vw !important; }
.f-d-90 {font-size: 4.68vw !important; }
.f-d-95 {font-size: 4.95vw !important; }
.f-d-100 {font-size: 5.2vw !important; }  @media (max-width: 1023.98px) {
.f-m-14 {font-size: 1.86vw !important; }
.f-m-16 {font-size: 2.13vw !important; }
.f-m-17 {font-size: 2.26vw !important; }
.f-m-18 {font-size: 2.4vw !important; }
.f-m-19 {font-size: 2.53vw !important; }
.f-m-20 {font-size: 2.66vw !important; }
.f-m-21 {font-size: 2.8vw !important; }
.f-m-22 {font-size: 2.93vw !important; }
.f-m-24 {font-size: 3.2vw !important; }
.f-m-25 {font-size: 3.33vw !important; }
.f-m-26 {font-size: 3.46vw !important; }
.f-m-27 {font-size: 3.6vw !important; }
.f-m-28 {font-size: 3.73vw !important; }
.f-m-30 {font-size: 4vw !important; }
.f-m-32 {font-size: 4.26vw !important; }
.f-m-34 {font-size: 4.53vw !important; }
.f-m-35 {font-size: 4.66vw !important; }
.f-m-36 {font-size: 4.8vw !important; }
.f-m-38 {font-size: 5vw !important; }
.f-m-40 {font-size: 5.33vw !important; }
.f-m-42 {font-size: 5.6vw !important; }
.f-m-45 {font-size: 6vw !important; }
.f-m-47 {font-size: 6.26vw !important; }
.f-d-48 {font-size: 6.4vw !important; }
.f-m-50 {font-size: 6.66vw !important; }
.f-d-52 {font-size: 6.93vw !important; }
.f-m-55 {font-size: 7.33vw !important; }
.f-m-60 {font-size: 8vw !important; }
.f-m-65 {font-size: 8.66vw !important; }
.f-m-70 {font-size: 9.33vw !important; }
.f-m-75 {font-size: 10vw !important; }
.f-m-80 {font-size: 10.66vw !important; }
.f-m-85 {font-size: 11.33vw !important; }
.f-m-90 {font-size: 12vw !important; }
.f-m-95 {font-size: 12.66vw !important; }
.f-m-100 {font-size: 13.3vw !important; }
.f-m-105 {font-size: 14vw !important; }
.f-m-120 {font-size: 16vw !important; }
}
.ultra-light {
font-weight: 100 !important;
}
.light {
font-weight: 200 !important;
}
.regular {
font-weight: 400 !important;
}
.medium {
font-weight: 500 !important;
}
.semi-bold {
font-weight: 600 !important;
}
.bold {
font-weight: 700 !important;
}
.ultra-bold {
font-weight: 800 !important;
}
.black {
font-weight: 900 !important;
}
.text-left {
text-align: left!important;
}
.text-center {
text-align: center!important;
}
.text-right {
text-align: right!important;
}
.relative{
position: relative;
} ::-webkit-scrollbar {
width: 6px; height: 5px; }
::-webkit-scrollbar-thumb {
background: #b0b0b0; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover {
background: #979797; }
::-webkit-scrollbar-track {
background: #1884CF border-radius: 4px; } body {
scrollbar-width: thin; scrollbar-color: #1884CF }
.logo_new img{
width: 1.5rem;
height: auto;
}
body {
background: #121316 !important;
font-family: 'Inter', sans-serif !important;
}
.nav-link-2{
display: flex;
flex-direction: row;
} section.full_hero_section{
width: 100%;
height: 100vh;
position: relative;
}
section.full_hero_section .bg_image img{
width: 100%;
height: 20vw;
object-fit: cover;
margin-top: 3vw;
}
section.full_hero_section  .txt_box {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%) !important;
display: flex;
align-items: center;
flex-direction: column;
gap: 1vw 0;
}
.clients {
margin-top: 2vw;
}
.clients > h2{
text-align: center;
font-weight:500;
}
.gallery_clients {
display: flex; justify-content: center; align-items: center; gap: 20px; margin-top:2vw;
}
.gallery_clients img {
max-width: 100%; height: auto; display: block; opacity: 0.5; transition: opacity 0.3s ease; }
.gallery_clients img:hover {
opacity: 1; }
.gsap-button{
box-shadow: rgb(209, 75, 1) 0px -4px;
}   .scroll-container {
text-align: center;
color: white;
font-size: 24px;
display: flex;
direction: ltr;
align-items: center;
gap: 0 1vw;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%) !important;
}
.svg-container {
display: inline-block;
margin: 0 auto;
width: 32px;
height: 48px;
}
.circle {
fill: #FF5C00;
animation: bounce 2s infinite alternate; }
@keyframes bounce {
0%, 100% {
transform: translateY(-10px);
}
50% {
transform: translateY(10px);
}
}
.home .faq_section{
margin-bottom:8rem;
}
@media (max-width: 1023.98px) {
.footer .bg img{
height:unset !important;
}
.box_icon{
margin-top:6vw;
margin-bottom: 3vw;
}
section.full_hero_section .txt_box {
width: 100%;
}
section.full_hero_section .txt_box .color3{
width: 70%;
margin: auto;
text-align: center;
}
section.full_hero_section .gsap-button__content {
font-size: 4vw;
font-weight: 500;
}
section.full_hero_section .gsap-button {
position: relative;
padding: 3vw 6vw;
border: none;
margin-bottom: 5vw;
margin-top: 5vw;
background-color: #ee5802;
cursor: pointer;
outline: none;
overflow: hidden;
border-radius: 50px;
box-shadow: 0px 0px 5px 0px #DA8656;
gap: 0 0.5vw;
margin-right: unset;
}
section.full_hero_section .bg_image img {
width: 100%;
height: 96vh;
object-fit: unset;
}
section.full_hero_section {
width: 100%;
height: 95vh;
position: relative;
}
.scroll-container {
bottom: 13vw;
gap: 0 2vw;
}
.gallery_clients {
margin-top: 4vw;
}
}
#scroll-container{
position: relative !important;
}
body{
background: #121316 !important;
}
.div-block-11{
position: absolute;
left: 50%;
top: 0;
width: 23em;
height: 23em;
background-image: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); filter: blur(235px);
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.tag.is-inverted { background-color: transparent !important; height: 66px; border: rder;
border: unset !important;
background-position: center !important; background-repeat: no-repeat; background-size: cover; border-style: solid;   box-shadow: unset;
color: #fff;
text-decoration: none;
border-radius: 67.5px;  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.75), 1px 0px 7px 0px rgba(0, 0, 0, 0.06) inset;
}
.tag_dot {
width: auto !important;
height: auto !important;
border-radius: 100%;
}
.tag_text {
margin-left: -0.5vw;
}
.tag {
padding: 0.5rem 1.5rem 0.5rem 0.3rem;
height: 3.4rem;
}
.full_hero_section .txt_box h2.color1 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 3.5rem;
line-height: 1.25;
font-weight: 400;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
color: white;
font-size: 4.948vw;
font-weight: 400;
line-height: 110%;
letter-spacing: -3.8px;
}
.txt_box span{
font-size: 1.094vw;
color: rgba(255, 255, 255, 0.62);
text-align: center;
font-weight: 400;
line-height: 36px;
width: 52%;
margin: auto;
margin-top: 2vw;
}
.clients h2{
color: rgba(255, 255, 255, 0.62);
font-weight: 400;
line-height: 36px; font-size: 1.094vw;
}
.nav-link-2{
padding: 0 1.75rem;
}
section.full_hero_section .txt_box {
width: 81%;
}
.clients {
overflow: hidden;
white-space: nowrap;
}
.gallery_clients {
display: flex;
animation: scrollLogo 20s linear infinite;
}
.gallery_clients img {
flex: 0 0 auto;
max-width: 100%; height: auto; margin-right: 20px; filter: grayscale(100%); transition: filter 0.3s ease; }
.gallery_clients img:hover {
filter: none; }
@keyframes scrollLogo {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.black_back{
position: absolute;
width: 11vw;
height: 4vw;
bottom: -0.5vw;
z-index: 10;
}
.black_back.right{
background: linear-gradient(270deg, #121316 62.87%, rgba(18, 19, 22, 0.00) 100%);
right: -3vw;
background: linear-gradient(270deg, #121316 62.87%, rgba(18, 19, 22, 0.00) 100%);
}
.black_back.left{
background: linear-gradient(90deg, #121316 62.87%, rgba(18, 19, 22, 0.00) 100%); left:-3vw;
}
.menu-link-background{
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/menu.png?v1.1);
background-position: 50% 0%;
background-size: contain;
background-repeat: no-repeat;
}
.open-menu-link-wrapper {
width: 5vw;
height: 5vw;
}
.menu-link-background {
background-color: transparent !important;
}
.menu-line-2 {
position: relative;
z-index: 10;
width: 0.9rem;
height: 0.1rem;
background-color: rgba(255, 255, 255, 0.62);
border-radius: 3vw;
}
.menu-line-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
}
.sidebar-menu-content{
background-color: #121316 !important;
}
.toggle_new label::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
padding: 1px;
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ffffff 100% );
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
}
.navbar-4{
background: rgba(0, 0, 0, 0.20) !important;
}
.toggle_new label {
width: 5vw;
height: 2vw;
position: relative;
display: block; border-radius: 200px; cursor: pointer;
margin-bottom: unset !important;
border-radius: 53px;   height: 43px; background-position: top; background-repeat: no-repeat; background-size: cover; }
.toggle_new label:after {
content: "";
width: 1.5vw;
height: 1.5vw;
position: absolute;
top: 7px;
left: 8px; border-radius: 180px;
box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
transition: 0.3s;
background: rgba(255, 255, 255, 0.10);
}
.toggle_new input {
width: 0;
height: 0;
visibility: hidden;
}
.toggle_new input:checked + label {
background: #F7F7F7;
}
.toggle_new input:checked + label:after {
left: 4.6vw;
transform: translateX(-100%); border-radius: 53.594px;
background: #FFF;
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.09);
}
.toggle_new label:active:after{
width: 2vw;
}
.toggle_new .background {
width:100vw;
height: 100vh;
background: #fff;
z-index: -1;
position: absolute;
transition: 0.3s;
}
.toggle_new input:checked + label + .background {
background:#242424;
}
.toggle_new label svg {
position: absolute;
width: 1.2vw;
height: auto;
top: 0.5vw;
z-index: 100;
}
.toggle_new label svg.sun { transition: 0.3s; left: 0.6vw;
}
.toggle_new label svg.moon {
right: 0.5vw;
fill:#7e7e7e;
transition: 0.3s;
}
.toggle_new input:checked + label svg.sun path {
stroke: #828282;
}
.toggle_new input:checked + label svg.moon path {
stroke: #000000CC;
}
.toggle_new{
margin-top: 0.3vw;
}
@media (max-width: 1023.98px) {
.desktop{
display:none !important;
}
.mobile{
display:block !important;
}
}
@media (min-width: 1023.98px) {
.desktop{
display:block !important;
}
.mobile{
display:none !important;
}
}
.project_item {
cursor: pointer;
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/screen.png?v1.1); width: 100%;
height: 52.396vw !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 36px;
padding: unsett;
display: flex !important;
padding: 5vw 6vw 5vw 6vw;
flex-direction: column;
justify-content: center;
transition: background-image 0.5s ease-in-out;
}
@media only screen and (min-width: 1024px) {
.project_item:hover {
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/screen_hover.png?v1.1);
}
}
@keyframes bounceDown {
0% {
opacity: 0;
transform: translateY(-50px);
}
50% {
opacity: 1;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.bounceDownAnimation {
animation: bounceDown 0.8s ease-out;
}
.projects { display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
margin: auto;
}
.head_image {
width: 62.135vw;
height: auto;
margin: auto auto 1.99vw auto;
z-index: 2;
}
.head_project {
display: flex; color: #F2F2F2;
gap: 0.5vw 0;
justify-content: space-between;
align-items: center;
}
.head_project .color4{
color: #F2F2F2;
text-shadow: 0px -2px 10px rgba(255, 255, 255, 0.20);
font-weight: 500;
line-height: 32px; letter-spacing: -0.64px;
}
.head_project .color5{
color: rgba(242, 242, 242, 0.50);
font-weight: 400;
line-height: 26px; letter-spacing: 0.2px;
}
.head_project .color5 span{
font-weight: 500;
color: rgba(242, 242, 242, 0.80);
}
.head_image img{
width:100%;
height:auto;
}
.head_text {
display: flex;
flex-direction: column;
gap: 0.7vw;
}
.swiper-slide { perspective: 1000px;
} .swiper-slide .front, .swiper-slide .back {
backface-visibility: hidden; display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
} .swiper-slide .back {
transform: rotateX(180deg);
}
.head_text > .color4 span{
color: rgba(242, 242, 242, 0.80);
}
.section-showreel{
background:transparent !important;
}
.heading-01 {
font-size: 6rem;
letter-spacing: -6px;
color: #FFF;
text-align: center;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
font-style: normal;
font-weight: 400;
line-height: 110%;
letter-spacing: -4px;
}
.background-video.w-background-video.w-background-video-atom{
position: relative;
background-color: transparent;
border-radius: 39px;
overflow: hidden;
opacity: 1;
border-radius: 4vw;
padding:2rem;
}
.video-div::before {
content: '';
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/shadow.svg);
height: 39vw;
position: absolute;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 54%;
z-index: -10000;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.background-video.w-background-video.w-background-video-atom::after{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit; padding: 3px;
background: linear-gradient(
to top,
rgba(255, 255, 255, 0) 0%, #ffffff 100% );
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.w-background-video>video {
opacity: 0.8;
}
.w-background-video>video {
background-image: unset !important;
padding: 3vw;
border-radius: 5vw;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}
a.tag.is-inverted.w-inline-block::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
padding: 1px;
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ffffff 100% );
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.section-home-header{
background-color:transparent !important;
background-image:unset !important;
}
.header_component{
align-items: center;
}
.heading-line-one.heading-small{
color: #FFF;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30); */
font-style: normal;
font-weight: 400;
line-height: 110%;
letter-spacing: -1.92px;
font-size: 2.5rem;
}
#w-node-d888cdee-487c-31c7-e1ef-14bead567230-8f3da79d {
color: #FFF;
font-style: normal;
font-weight: 400;
line-height: 36px;
}
.number-info h2 {
font-size: 3rem;
text-align: center;
color: white;
color: #FFF;
text-align: center;  font-style: normal;
font-weight: 400;
line-height: 67.5px;
letter-spacing: -1.92px;
}
.number-info p {
color: #FFF;
}
.number-item:last-child,
.number-item:first-child{
border-radius: 24px;
}
.benefits-row{
border-radius: 1.5rem;
}
.number-item:hover {
border-radius: 1vw;
background: var(--sasa, linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%), radial-gradient(53% 96.91% at 50% 14.48%, #1B4F73 0%, #1B3241 100%));
z-index: 1;
box-shadow: 0 12px 36px -8px rgba(41, 43, 78, 0.07);
}
.number-item:hover .subtitle-2{
color:white;
}
section.history {
margin-bottom: 10vw;
}
.history_bag {
width: 76%;
margin: auto;
display: flex;
flex-direction: column;
gap: 4vw 0;
}
.history_item {
position: relative;
display: flex;
}
.left_history {
flex: 0 0 60%;
}
.right_history {
flex: 0 0 40%;
display: flex;
flex-direction: column;
gap: 0.2vw 0;
}
.left_history h3{
color: #FFF;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
font-weight: 400;
line-height: 110%; letter-spacing: -1.92px;
}
.m1{
color: #FFF;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.m2{
color: rgba(255, 255, 255, 0.50);
font-style: normal;
font-weight: 400;
line-height: 30.237px; margin-bottom: 1.5vw;
}
.m3{
color: rgba(255, 255, 255, 0.80);
font-style: normal;
font-weight: 400;
line-height: 150%; }
.history_item::before {
content: '';
position: absolute;
height: 10vw;
width: 2vw; position: absolute;
top: -1%; left: 55%; translateX(-50%)
and translateY(-50%) */
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/lines.png?v1.1);
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/lines.png?v1.1);
background-size: contain;
background-repeat: no-repeat;
}
.history_item:last-child::before {
height:3vw !important;
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/criclee.png)!important;
}
.boxxes_bag {  display: flex;  justify-content: space-between;
width: 80%;
margin: auto;
display: flex; gap: 4vw 0;
}
.boxxes_item {
flex: 0 0 49%;
border-radius: 32px;
border: 1px solid #373737;
padding: 2vw 1vw 2vw 2vw;
box-shadow: 0px 4px 20.9px 0px rgba(0, 0, 0, 0.28);
transition: background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}
.boxxes_item:hover {
border-radius: 32px;
border: 1px solid #FFF;
background: var(--sasa, linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%), radial-gradient(53% 96.91% at 50% 14.48%, #1B4F73 0%, #1B3241 100%));
box-shadow: 0px 4px 20.9px 0px rgba(0, 0, 0, 0.28);
}
.main_boxxes h3 {
color: #FFF;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);  font-style: normal;
font-weight: 400;
line-height: 110%; letter-spacing: -1.92px;
margin-bottom: 1vw;
}
.main_boxxes h3 span {
color: rgba(255, 255, 255, 0.72);
font-family: Inter; font-style: normal;
font-weight: 400;
line-height: 150%;
}
.m1 span {
color: rgba(255, 255, 255, 0.72);
font-family: Inter; font-style: normal;
font-weight: 400;
line-height: 150%;
}
.main_boxxes {
display: flex;
flex-direction: column;
}
.boxxes{
margin-bottom:10vw;
}
.main_boxxxessss {
display: flex;
color: white;
flex-wrap: wrap;
gap: 1vw;
}
.boxxesss { border-radius: 67.5px;
border: 1px solid rgba(0, 0, 0, 0.00);
background: rgba(255, 255, 255, 0.08);
box-shadow: 0px 4px 5.7px 0px rgba(0, 0, 0, 0.11), 0px -4px 9.9px 0px rgba(0, 0, 0, 0.38) inset;
padding: 0.7vw 0.7vw;
display: flex;
align
align-content: center;
align-items: c;
justify-content: c;
text-align: c;
align-items: center;
justify-content: start;
text-align: right;
position: relative;
}
.boxxesss::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
padding: 1px;
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ffffff 100% );
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.boxxesss span{
color: rgba(255, 255, 255, 0.70);  font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.675px;
}
.section-home-testimonial.overflow-hidden {
position: relative;
background-color: transparent !important;
}
.testimonial_text-wrapper {
border-radius: 32px;
border: 1px solid #373737;
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px -26px 37.3px 0px rgba(0, 0, 0, 0.21) inset, 0px 4px 20.9px 0px rgba(0, 0, 0, 0.28);
position: relative;
display: flex;
overflow: hidden;
}
.div-block-8 {
margin-bottom: 2vw;
}
.testimonial_text-wrapper {
padding: 2vw 3vw;
}
.client-name-div {
gap: 0 1vw;
}
.testimonial_component .text-size-small-3 {
color: #b4bcd0;
line-height: 1.65;
text-align: left;
color: rgba(255, 255, 255, 0.80);
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.testimonial_component .text-size-small-3 span {
color: #FFF;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.section-home-testimonial .heading-line-one{
display: inline-block;
color: #FFF;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
font-style: normal;
font-weight: 400;
line-height: 110%;
letter-spacing: -1.92px;
}
.social.wf-section .div-block-10{
display:none;
}
.social {
background-color: transparent;
}
.sidebar{
height:auto !important;
}
.nnn{
color: #FFF !important;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
font-style: normal;
font-weight: 400;
line-height: 110%; letter-spacing: -3.6px;
}
.block-social {
padding-top: 9vw;
justify-content: flex-start !important;
}
.page-padding {
position: relative;
padding-right: unset;
padding-left: unset;
}
section.section-home-testimonial.overflow-hidden.aos-init.aos-animate {
width: 80%;
margin: auto;
}
.social.wf-section {  padding-left: 7vw;
}
.sidebar-menu .title-wrapper .text-size-small-3{
color: rgba(255, 255, 255, 0.80);
font-family: Inter;
font-size: 11.549px;
font-style: normal;
font-weight: 400;
line-height: 20.998px; letter-spacing: 3.15px;
text-transform: uppercase;
}
.social-link:first-child{
border-top: 1px solid hsla(0, 0%, 100%, 0.15);
}
.tag.is-inverted{
position: relative;
height:auto !important;
}
@media only screen and (max-width: 1024px) {
.menu-link {
top: 0.5rem;
}
.menu-link-background {
background-size: cover;
}
.open-menu-link-wrapper {
width: 15vw;
height: 15vw;
}
.heading-01 {
font-size: 2rem;
}
section.full_hero_section .bg_image img {
width: 100%;
height: 33vh;
object-fit: cover;
margin-top: 12vw;
}
.div-block-11 {
width: 26em;
height: 26em;
}
.txt_box span {
font-size: 1rem !important;
}
section.full_hero_section .txt_box {
width: 100%;
}
section.full_hero_section {
width: 100%;
height: 71vh;
position: relative;
}
.full_hero_section .txt_box h2.color1{
margin-top: 4vw;
margin-bottom: 6vw;
color: #FFF;
text-align: center;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
font-family: Inter;
font-size: 38px !important;
font-style: normal;
font-weight: 400;
line-height: 110%; letter-spacing: -1.52px;
}
section.full_hero_section .txt_box .color3 {
width: 94% !important;
margin: auto;
text-align: center;
margin-bottom: 13vw !important;
}
.gallery_clients img {
width: 30vw !important;
}
section.projects_section {
margin-top: 20vw;
}
.projects {
width: 100%;
}
.project_item {
cursor: pointer;
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/screen_mob.svg?v1.1);
width: 100%;
height: 86.396vw !important;
padding: 7vw 10vw 2vw 10vw;
}
.head_image {
width: 72vw;
height: auto;
margin: auto auto 6.5vw auto;
z-index: 2;
border-radius: 7vw;
}
.head_arrow {
margin-top: -2vw;
}
.head_project {
align-items: flex-start;
}
.showreel-wrapper .heading-01 {
color: #FFF;
text-align: center;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
font-family: Inter;
font-style: normal;
font-weight: 400;
line-height: 110%;
letter-spacing: -1.2px;
}
.background-video.w-background-video.w-background-video-atom {
border-radius: 7vw;
}
.video-div::before {
height: 42vw;
}
section.full_hero_section .txt_box {
top: 70%;
}
.w-background-video>video {
background-image: unset !important;
padding: 7vw;
border-radius: 9vw;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}
.clients{
width:100% !important;
}
.section-home-header{
padding:0 2vw;
}
.showreel-wrapper {
height: 100vh;
}
.clients {
width: 100% !important;
}
.section-home-header {
padding: 0 2vw;
}
section.personal_details.aos-init.aos-animate {
padding: 0 2vw;
}
section.personal_details .heading-small br {
display: none;
}
section.personal_details .heading-small{
color: #FFF;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
font-family: Inter;
font-style: normal;
font-weight: 400;
line-height: 118%; letter-spacing: -1.12px;
}
.section-heading-wrapper p{
color: #FFF;
font-family: Inter;
font-style: normal !important;
font-weight: 400 !important;
line-height: 150% !important;
opacity: 0.62;
}
.history_bag {
width: 83% !important;
margin: auto;
display: flex;
flex-direction: column;
gap: 10vw 0;
padding-left: 2vw;
}
.history_item {
position: relative;
display: flex;
flex-direction: column;
gap: 4vw 0 !important;
}
.history_item::before {
height: 39vw !important;
width: 8vw;
position: absolute;
top: -0.5vw !important;
left: -7vw !important;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/lines.png?v1.1);
background-size: contain;
background-repeat: no-repeat;
}
.history_item:last-child::before {
height: 6vw !important;
background-image: url(//www.kareemsamman.com/wp-content/themes/kareem_theme/assets/img/home/criclee.png) !important;
}
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff; display: flex;
justify-content: center;
align-items: center;
} .swiper-slide-next, .swiper-slide-prev {
opacity: 0.6; transform: scale(0.85);
}
.swiper-pagination-bullet-active {
background: white;
}
@keyframes highlightFade {
0%, 70% {
background-color: #ffffd0;
border: 1px solid #ffd700;
}
100% {
background-color: transparent;
border: 1px solid transparent;
}
}
.list-group-item.highlighted {
animation: highlightFade 3s ease-in-out;
}
.list-group-item {
border: 1px solid transparent;
transition: background-color 0.3s, border-color 0.3s;
}.language-picker__form a {
color: hsl(250, 84%, 54%);
} :root { --li4-color-primary-hsl: 250, 84%, 54%;
--li4-color-bg-hsl: 0, 0%, 100%;
--li4-color-contrast-high-hsl: 230, 7%, 23%;
--li4-color-contrast-higher-hsl: 230, 13%, 9%;
--li4-color-bg-light-hsl: 0, 0%, 100%;
--li4-color-white-hsl: 0, 0%, 100%;
--li4-color-bg-dark-hsl: 240, 4%, 95%;
--li4-color-bg-lighter-hsl: 0, 0%, 100%;
--li4-color-black-hsl: 230, 13%, 9%; --li4-space-3xs: 0.25rem;
--li4-space-2xs: 0.375rem;
--li4-space-xs: 0.5rem;
--li4-space-sm: 0.75rem;
}
@media(min-width: 64rem){
:root { --li4-space-3xs: 0.375rem;
--li4-space-2xs: 0.5625rem;
--li4-space-xs: 0.75rem;
--li4-space-sm: 1.125rem;
}
} .li4-btn {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1em;
white-space: nowrap;
text-decoration: none;
background: hsl(var(--li4-color-bg-dark-hsl));
color: hsl(var(--li4-color-contrast-higher-hsl));
cursor: pointer;
text-decoration: none;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all 0.2s ease;
will-change: transform;
padding: var(--li4-space-2xs) var(--li4-space-sm);
border-radius: 0.25em;
}
.li4-btn:focus-visible {
box-shadow: 0px 0px 0px 2px hsl(var(--li4-color-bg-hsl)), 0px 0px 0px 4px hsla(var(--li4-color-contrast-higher-hsl), 0.15);
outline: none;
}
.li4-btn:active {
transform: translateY(2px);
}
.li4-btn--subtle {
background: hsl(var(--li4-color-bg-lighter-hsl));
color: hsl(var(--li4-color-contrast-higher-hsl));
box-shadow: inset 0px 1px 0px hsla(var(--li4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--li4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--li4-color-black-hsl), 0.2), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
}
.li4-btn--subtle:hover {
background: hsl(var(--li4-color-bg-light-hsl));
box-shadow: inset 0px 1px 0px hsla(var(--li4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--li4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--li4-color-black-hsl), 0.2), 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12);
}
.li4-btn--subtle:focus {
box-shadow: inset 0px 1px 0px hsla(var(--li4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--li4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--li4-color-black-hsl), 0.2), 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12), 0px 0px 0px 2px hsl(var(--li4-color-bg-hsl)), 0px 0px 0px 4px hsl(var(--li4-color-contrast-high-hsl));
}
.li4-icon {
height: var(--li4-size, 1em);
width: var(--li4-size, 1em);
display: inline-block;
color: inherit;
fill: currentColor;
line-height: 1;
flex-shrink: 0;
max-width: initial;
} :root {
--picker-vertical-gap: 4px;
}
.language-picker {
display: inline-block;
position: relative;
}
.language-picker__form {
display: none;
}
.language-picker__button .li4-icon {
height: 16px;
width: 16px;
}
.language-picker__button .li4-icon:first-of-type {
margin-right: var(--li4-space-3xs);
}
.language-picker__button .li4-icon:last-of-type {
margin-left: var(--li4-space-3xs);
}
.language-picker__dropdown {
position: absolute;
left: 0;
top: 100%;
width: 200px;
background-color: hsl(var(--li4-color-bg-light-hsl));
box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
padding: var(--li4-space-3xs) 0;
border-radius: 0.25em;
z-index: 5;
margin-top: var(--picker-vertical-gap);
margin-bottom: var(--picker-vertical-gap);
--space-unit: 1rem;
--text-unit: 1rem;
font-size: var(--text-unit);
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.2s, opacity 0.2s;
}
.language-picker__dropdown--right {
right: 0;
left: auto;
}
.language-picker__dropdown--up {
bottom: 100%;
top: auto;
}
.language-picker__button[aria-expanded=true] + .language-picker__dropdown {
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.2s;
}
.language-picker__item {
display: flex;
align-items: center;
text-decoration: none;
padding: var(--li4-space-2xs) var(--li4-space-sm);
color: hsl(var(--li4-color-contrast-high-hsl));
transition: background 0.2s;
}
.language-picker__item span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.language-picker__item:hover {
background-color: hsla(var(--li4-color-contrast-higher-hsl), 0.075);
}
.language-picker__item:focus {
outline: none;
background-color: hsla(var(--li4-color-primary-hsl), 0.1);
}
.language-picker__item[aria-selected=true] {
position: relative;
background-color: hsl(var(--li4-color-primary-hsl));
color: hsl(var(--li4-color-white-hsl));
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.language-picker__item[aria-selected=true]:focus {
outline: 2px solid hsla(var(--li4-color-primary-hsl), 0.2);
}
.language-picker__item[aria-selected=true]::after {
content: "";
height: 16px;
width: 16px;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
margin-left: auto;
}
.language-picker__flag {
display: flex;
align-items: center;
}
.language-picker__flag::before {
display: none;
flex-shrink: 0;
content: "";
height: 16px;
width: 16px;
margin-right: var(--li4-space-2xs);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.language-picker__dropdown .language-picker__flag::before {
margin-right: var(--li4-space-xs);
}
.language-picker--flags .language-picker__flag::before {
display: inline-block;
display: inline-flex;
}
.language-picker--flags .language-picker__button .li4-icon:first-of-type {
display: none;
}
.language-picker__flag--deutsch::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M48,18H0V8c0-1.105,0.895-2,2-2h44c1.105,0,2,0.895,2,2V18z'/%3E%3Crect y='18' fill='%23EE0000' width='48' height='12'/%3E%3Cpath fill='%23FDCF00' d='M48,40c0,1.105-0.895,2-2,2H2c-1.105,0-2-0.895-2-2V30h48V40z'/%3E%3C/svg%3E");
}
.language-picker__flag--english::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23002781' d='M46,6H2C0.896,6,0,6.896,0,8v32c0,1.104,0.896,2,2,2h44c1.104,0,2-0.896,2-2V8C48,6.896,47.104,6,46,6z'/%3E%3Cpath fill='%23E6E6E6' d='M48,8c0-1.104-0.896-2-2-2h-5.161L28,15.876V6h-8v9.876L7.161,6H2C0.896,6,0,6.896,0,8v2.586L12.239,20H0v8 h12.239L0,37.415V40c0,1.104,0.896,2,2,2h5.161L20,32.124V42h8v-9.876L40.839,42H46c1.104,0,2-0.896,2-2v-2.585L35.761,28H48v-8 H35.761L48,10.586V8z'/%3E%3Cpolygon fill='%23D10D24' points='48,22 26,22 26,6 22,6 22,22 0,22 0,26 22,26 22,42 26,42 26,26 48,26 '/%3E%3Cpath fill='%23D10D24' d='M47.001,6.307L29.2,20h3.28L48,8.062V8C48,7.268,47.587,6.656,47.001,6.307z'/%3E%3Cpath fill='%23D10D24' d='M32.48,28H29.2l17.801,13.693C47.587,41.344,48,40.732,48,40v-0.062L32.48,28z'/%3E%3Cpath fill='%23D10D24' d='M15.52,28L0,39.938V40c0,0.732,0.413,1.344,0.999,1.693L18.8,28H15.52z'/%3E%3Cpath fill='%23D10D24' d='M15.52,20h3.28L0.999,6.307C0.413,6.656,0,7.268,0,8v0.062L15.52,20z'/%3E%3C/svg%3E");
}
.language-picker__flag--francais::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%2301209F' d='M16,42H2c-1.105,0-2-0.895-2-2V8c0-1.105,0.895-2,2-2h14V42z'/%3E%3Cpath fill='%23EF4234' d='M48,40c0,1.105-0.895,2-2,2H32V6h14c1.105,0,2,0.895,2,2V40z'/%3E%3Crect x='16' y='6' fill='%23E6E6E6' width='16' height='36'/%3E%3C/svg%3E");
}
.language-picker__flag--italiano::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23009345' d='M16,42H2c-1.105,0-2-0.895-2-2V8c0-1.105,0.895-2,2-2h14V42z'/%3E%3Cpath fill='%23CF2B36' d='M48,40c0,1.105-0.895,2-2,2H32V6h14c1.105,0,2,0.895,2,2V40z'/%3E%3Crect x='16' y='6' fill='%23E6E6E6' width='16' height='36'/%3E%3C/svg%3E");
}
.language-picker--hide-label .language-picker__button .li4-icon {
margin-left: 0;
}
.language-picker--hide-label .language-picker__button .li4-icon:first-of-type {
display: none;
}
.language-picker--hide-label .language-picker__button em {
display: none;
}
.language-picker--hide-label .language-picker__button .language-picker__flag::before {
margin-right: var(--li4-space-3xs);
}
.language-picker--hide-label .language-picker__flag::before {
display: inline-block;
display: inline-flex;
} .li4-sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
width: 1px;
height: 1px;
overflow: hidden;
padding: 0;
border: 0;
white-space: nowrap;
}
.language-picker {
display: inline-block;
display: flex;
position: relative;
align-items: center;
margin: 0 1vw;
}
.li4-btn--subtle {
background: transparent !important;
color: hsl(var(--li4-color-contrast-higher-hsl));
box-shadow: inset 0px 1px 0px hsla(var(--li4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--li4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--li4-color-black-hsl), 0.2), 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
color: white;
border-radius: 3vw;
}
.li4-btn--subtle:hover {
color:black !important;
background-color: white !important;
}
.language-picker__dropdown ul {
margin-top: 0px;
margin-bottom: unset !important;
padding-left: unset !important;
font-size: unset !important;
line-height: unset !important;
list-style: none !important;
}
.language-picker__item[aria-selected=true] {
background: rgba(31, 32, 36, 0.74) !important;
}
em{
font-style:unset !important;
}.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff; display: flex;
justify-content: center;
align-items: center;
} .swiper-slide-next, .swiper-slide-prev {
opacity: 0.6; transform: scale(0.85);
}
.swiper-pagination-bullet-active {
background: white;
}
.bg_image img{
width: 100%;
height: 20vw;
object-fit: cover;
margin-top: 3vw;
}
.single_hero h1{
color: #FFF;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
font-size: 2.604vw;
font-style: normal;
font-weight: 400;
line-height: 110%; letter-spacing: -1.92px;
text-align: center;
margin: 3vw 0 3vw 0;
}
.single_hero {
position: relative;
height: 100vh;
}
.text_hee {
position: absolute;
top: 10%;
width: 100%;
height: 90%;
}
.swiper-container {
width: 100%;
height: 70vh;
position: relative;
padding-bottom: 3vw;
}
.swiper-pagination-bullet-active {
background: white !important;
}
@media only screen and (max-width: 768px) {
.single_hero h1 {
color: #FFF;
text-align: center;
text-shadow: 0px 5px 20px rgba(0, 87, 255, 0.20), 0px -5px 15px rgba(255, 90, 0, 0.15), 0px 0px 30px rgba(255, 255, 255, 0.30);
font-size: 8.208vw;
font-style: normal;
font-weight: 400;
line-height: 110%;
letter-spacing: -1.52px;
margin-bottom: 9vw;
margin-top: 8vw;
}
.bg_image img {
width: 100%;
height: 33vh;
object-fit: cover;
margin-top: 12vw;
}
.div-block-11 {
width: 26em;
height: 26em;
}
.text_hee {
margin-top: 5vw;
}
.swiper-container {
padding: 0 6vw;
}
}
section.project_detials {
margin: 7vw 0;
border: 1px solid #2A2F33;
padding: 0 4;
width: 80%;
margin: 9vw auto 4vw auto; border-radius: 1.5vw;
display: flex; }
.boxed_item_1 {}
.project_detials > div {
flex: 0 0 33.33%; padding: 3vw;
display: flex;
flex-direction: column;
gap:1vw 0;
}
.project_detials > div:nth-child(2),
.project_detials > div:nth-child(1){
border-right: 1px solid #2A2F33;
}
.project_detials > div span:nth-child(1){
color: #FFF; font-family: Inter;
font-size: 0.886vw;
font-style: normal;
font-weight: 400;
line-height: 28.8px;
}
.project_detials > div span:nth-child(2){
color: rgba(255, 255, 255, 0.70);
font-family: Inter;
font-size: 0.833vw;
font-style: normal;
font-weight: 400;
line-height: 18px; letter-spacing: -0.675px;
}
.box_role span{
color: rgba(255, 255, 255, 0.70) !important;
font-family: Inter;
font-size: 0.833vw;
font-style: normal;
font-weight: 400;
line-height: 18px; letter-spacing: -0.675px;
}
.boxex_role {
display: flex;
flex-wrap: wrap;
gap: 0.51vw 1vw;
}
.box_desc {
width: 80%;
margin: 0 auto 9vw auto;
justify-content: center;
display: flex;
align-items: center;
}
.descn{
color: rgba(255, 255, 255, 0.62);
text-align: center;
font-family: Inter;
font-size: 1.042vw;
font-style: normal;
font-weight: 400;
line-height: 36px; }
.button_box {
position: fixed;
position: fixed;
bottom: 0;
left: 50%; transform: translate(-50%, -50%);
z-index: 1000;
}
.button_box .tag.is-inverted {
position: relative;
height: auto !important;
padding: 0.7vw 5vw;
width: auto !important;
border-radius: 67.5px;
z-index: 11000;
opacity: 1 !important;
border: 1px solid rgba(0, 0, 0, 0.00);
background-color: rgba(31, 32, 36, 0.8) !important;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 4px 0px 20px 0px rgba(0, 0, 0, 0.56) inset;
}
@media only screen and (min-width: 768px) {
.section-home-testimonial .padding-xxlarge {
padding: 1rem 0 8rem 0 !important;
}
}
.swiper-slide{
background: transparent!important;
}
@media only screen and (max-width: 768px) {
section.project_detials {
margin: 7vw 0;
border: 1px solid #2A2F33;
padding: 0 4;
width: 87%;
margin: 9vw auto 4vw auto; border-radius: 3.5vw;
display: flex; flex-direction: column;
}
.project_detials > div {
flex: 0 0 33.33%; padding: 13vw 6vw;
display: flex;
flex-direction: column;
gap: 2vw 0;
}
.project_detials > div span:nth-child(1) {
color: #FFF; font-family: Inter;
font-size: 4vw;
font-style: normal;
font-weight: 400;
line-height: 28.8px;
}
.project_detials > div span:nth-child(2) {
color: rgba(255, 255, 255, 0.70);
font-family: Inter;
font-size: 3.833vw;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.675px;
}
.box_role span {
color: rgba(255, 255, 255, 0.70) !important;
font-family: Inter;
font-size: 3.833vw !important;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.675px;
}
.boxex_role {
display: flex;
flex-wrap: wrap;
gap: 0.51vw 6vw;
}
.descn {
color: rgba(255, 255, 255, 0.62);
text-align: center;
font-family: Inter;
font-size: 1.042vw;
font-style: normal;
font-weight: 400;
line-height: 36px;
color: rgba(255, 255, 255, 0.62);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.box_desc {
margin: 10vw auto 24vw auto;
}
.button_box .tag.is-inverted {
position: relative;
height: auto !important;
padding: 2.7vw 7vw;
width: auto !important;
border-radius: 67.5px;
z-index: 11000;
opacity: 1 !important;
border: 1px solid rgba(0, 0, 0, 0.00);
background-color: rgba(31, 32, 36, 0.8) !important;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 4px 0px 20px 0px rgba(0, 0, 0, 0.56) inset;
}
.button_box {
width: 100%;
display:flex;
justify-content: center;
align-items: center;
}
.project_detials > div:nth-child(2), .project_detials > div:nth-child(1) {
border-bottom: 1px solid #2A2F33;
border-right: unset !important;
}
.swiper-slide img{
height:100%;
}
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
width:100% !important;
}