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 #c0c0c0;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;grid-column-start:1;grid-row-start:1;grid-column-end:2;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:white;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;grid-column-start:1;grid-row-start:1;grid-column-end:2;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:#dddddd}.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:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.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:#eeeeee}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;grid-column-start:1;grid-row-start:1;grid-column-end:2;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:#333333}.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 #cccccc;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 #cccccc;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 #cccccc;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;grid-column-start:1;grid-row-start:1;grid-column-end:2;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;grid-column-start:1;grid-row-start:1;grid-column-end:2;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:white;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:rgba(255,255,255,0);border-right-color:white;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:rgba(255,255,255,0);border-top-color:white;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:white}.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%;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:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.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:rgba(0,0,0,0)}.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:rgba(255,255,255,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:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-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:#222222;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:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.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;grid-column-start:1;grid-row-start:1;grid-column-end:2;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:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;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:rgba(0,0,0,0);-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:white}.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;grid-column-start:1;grid-row-start:1;grid-column-end:2;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:#222222;background-color:#dddddd}.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:#dddddd}.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;
}
.eyebrow {
border: 1px solid #e8e8e8;
opacity: 0;
margin-top: 6px;
margin-bottom: 0px;
background: white;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
--tw-shadow-colored: 0 1px 2px 0 var(
--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
font-size: .875rem;
line-height: 1.25rem;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 0.5rem;
border-radius: 9999px;
border-width: 1px;
padding-bottom: 0.5rem;
color: #333333;
font-weight: 500;
animation: fadeInFromTop 1s ease-in-out;
animation-fill-mode: forwards;
}
html {
}
body {
background-color: #fff;
font-family: Manrope, sans-serif;
color: #333;
font-size: 14px;
line-height: 1.2;
overflow-x: hidden;
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f8), to(#bbbbbd));
background-image: linear-gradient(180deg, #f5f5f8, #bbbbbd);
font-size: 75px;
line-height: 1.5;
font-weight: 500;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f8), to(#bbbbbd));
background-image: linear-gradient(0deg, #f5f5f8, #bbbbbd);
font-size: 60px;
line-height: 1.5;
font-weight: 500;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f8), to(#bbbbbd));
background-image: linear-gradient(0deg, #f5f5f8, #bbbbbd);
font-size: 45px;
line-height: 1.5;
font-weight: 500;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f8), to(#bbbbbd));
background-image: linear-gradient(0deg, #f5f5f8, #bbbbbd);
font-size: 32px;
line-height: 1.5;
font-weight: 500;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f8), to(#bbbbbd));
background-image: linear-gradient(0deg, #f5f5f8, #bbbbbd);
font-size: 28px;
line-height: 1.5;
font-weight: 500;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Inter, sans-serif;
color: #81859f;
font-size: 24px;
line-height: 1.2;
font-weight: 500;
}
p {
margin-bottom: 10px;
font-size: 17px;
line-height: normal;
font-weight: 400;
letter-spacing: 1px;
--tw-text-opacity: 1;
color: rgb(71 85 105 / var(--tw-text-opacity));
}
a {
-webkit-transition: color 350ms ease;
transition: color 350ms ease;
color: #fff;
font-weight: 600;
text-decoration: none;
}
a:hover {
color: #969696;
}
ul {
margin-top: 0px;
margin-bottom: 10px;
padding-left: 40px;
font-size: 18px;
font-weight: 500;
}
ol {
margin-top: 0px;
margin-bottom: 10px;
padding-left: 40px;
}
li {
padding-top: 3px;
padding-bottom: 3px;
font-size: 18px;
}
blockquote {
margin-top: 60px;
margin-bottom: 60px;
padding: 50px 32px;
border-left: 5px none #e2e2e2;
font-size: 24px;
line-height: 1.2;
font-style: italic;
font-weight: 200;
text-shadow: 1px 1px 20px hsla(0, 0%, 100%, 0.25);
}
figure {
margin-bottom: 10px;
}
figcaption {
margin-top: 5px;
text-align: center;
}
.container {
max-width: 1170px;
margin-right: auto;
margin-left: auto;
padding: 2em;
}
.container.nav-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding-top: 0em;
padding-bottom: 0em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.container.no-paddings {
padding-top: 0em;
padding-bottom: 0em;
}
.container.wide-container {
max-width: 1370px;
}
.nav-menu-container {
position: relative;
z-index: 999999999;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 50px;
padding-right: 20px;
padding-left: 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.1);
border-radius: 100px;
background-color: rgb(255 255 255 / 80%);
/* box-shadow: 0px 1px 12px 0 rgba(0, 0, 0, 0.21); */
-webkit-backdrop-filter: blur(34px);
backdrop-filter: blur(34px);
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(
--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
border: 1px solid #e8e8e8;
}
.navbar {
position: -webkit-sticky;
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 20;
height: 70px;
background-color: transparent;
}
.nav-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
}
.white-text {
color: #fff;
}
.top-margin-l {
margin-top: 3em;
}
.cta-link {
padding: 16px 24px;
border-radius: 100px;
background-color: #000;
-webkit-transition: background-color 300ms ease, box-shadow 500ms ease;
transition: all 300ms ease, box-shadow 500ms ease;
font-family: Inter, sans-serif;
color: #fff;
font-size: 18px;
font-weight: 600;
margin-top: 20px;
display: inline-block;
margin-right: auto;
position: relative;
}
.cta-link:hover {
background-color: #000000;
box-shadow: 0 0 15px 4px hsl(325.08deg 50.83% 52.94% / 43%);
color: #e4e4e4;
}
.button {
/* padding: 16px 24px; */
border-radius: 100px;
background-color: #000;
-webkit-transition: background-color 300ms ease, box-shadow 500ms ease;
transition: all 300ms ease, box-shadow 500ms ease;
font-family: Inter, sans-serif;
color: #fff;
/* font-size: 16px; */
/* font-weight: 600; */
}
.button:hover {
background-color: #000000;
box-shadow: 0 0 15px 4px hsl(325.08deg 50.83% 52.94% / 43%);
color: #e4e4e4;
}
.button.big {
padding: 20px 40px;
}
.button.navbar-button {
/* padding: 7px 16px !important; */
/* font-size: 14px !important; */
}
.button.from {
/* position: absolute;
right: 3px; */
height: 45px;
padding-top: 10px;
padding-bottom: 10px;
}
.grid-6-col {
display: -ms-grid;
display: grid;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.utility-page-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100vw;
height: 100vh;
max-height: 100%;
max-width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.utility-page-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.utility-page-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
grid-row-gap: 20px;
}
.link-block {
-webkit-transition: color 400ms ease;
transition: color 400ms ease;
color: #fff;
font-size: 18px;
font-weight: 400;
text-align: center;
text-decoration: none;
}
.link-block:hover {
color: #a8a8a8;
}
.link-block.animation-01 {
overflow: hidden;
}
.link-block.animation-02 {
overflow: hidden;
}
.link-block.animation-03 {
overflow: hidden;
}
.link-block.animation-04 {
overflow: hidden;
}
.link-block.animation-05 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.link-block-underline {
width: 100%;
height: 1px;
margin-top: 2px;
background-color: #8d8d8d;
}
.link-block-underline._02 {
height: 1px;
}
.link-block-underline._01 {
height: 1px;
}
.link-block-underline._01._2px {
height: 2px;
}
.footer {
padding-right: 0px;
padding-left: 0px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer-flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
text-align: left;
}
.footer-logo-link {
min-width: 80px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
color: white;
}
.footer-image {
width: 100%;
-o-object-position: 0% 50%;
object-position: 0% 50%;
}
.nav-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding-right: 30px;
padding-left: 30px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 6px;
}
.grey-text {
color: #b4b4b4;
}
.text-field-form {
width: 460px;
height: 50px;
margin-bottom: 0px;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 26px;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 98.8%, 0.2);
border-radius: 160px;
background-color: rgba(13, 13, 24, 0.5);
-webkit-transition: border-color 400ms ease, -webkit-transform 400ms ease;
transition: border-color 400ms ease, -webkit-transform 400ms ease;
transition: transform 400ms ease, border-color 400ms ease;
transition: transform 400ms ease, border-color 400ms ease, -webkit-transform 400ms ease;
font-family: Inter, sans-serif;
color: #fff;
font-size: 16px;
}
.text-field-form:focus {
border-color: #fff;
}
.text-field-form::-webkit-input-placeholder {
color: #a3a4bf;
}
.text-field-form:-ms-input-placeholder {
color: #a3a4bf;
}
.text-field-form::-ms-input-placeholder {
color: #a3a4bf;
}
.text-field-form::placeholder {
color: #a3a4bf;
}
.instructions-image {
width: 100%;
border-radius: 12px;
}
.change-log-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 25px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 60px;
border-style: solid;
border-width: 2px;
border-color: #b8b8b8;
border-radius: 0px;
}
.menu-button {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.center-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grid-2-col {
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.style-guide-title-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.grid-4-col {
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.colors-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.success-message {
padding: 24px;
border-radius: 6px;
background-color: #111;
background-image: -webkit-gradient(linear, left top, right top, color-stop(13%, #efb7ae), color-stop(78%, #d9d8e8));
background-image: linear-gradient(90deg, #efb7ae 13%, #d9d8e8 78%);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
color: #000;
font-size: 16px;
line-height: 1.6;
font-style: normal;
font-weight: 700;
letter-spacing: 0px;
}
.headings-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #161b22;
}
.link-block-2 {
-webkit-transition: color 400ms ease;
transition: color 400ms ease;
color: #fff;
font-size: 18px;
font-weight: 400;
text-align: center;
text-decoration: none;
}
.link-block-2:hover {
color: #fff;
}
.link-block-2.animation-03 {
overflow: hidden;
}
.link-block-2.animation-05 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.x-icon {
width: 14px;
}
.x-icon.invert {
-webkit-filter: invert(63%);
filter: invert(63%);
}
.content {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 16px;
}
.right-underline {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
height: 1px;
background-color: #aaa;
}
.aa-font {
font-size: 130px;
}
.colors-container {
background-color: #fafafa;
}
.sg---color-description {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 2px;
background-color: #161b22;
}
.style-guide-gray-background {
background-color: #161b22;
}
.style-guide-gray-background.big-margins {
margin-top: 90px;
margin-bottom: 90px;
}
.style-guide-x-button {
position: fixed;
left: auto;
top: 0.3em;
right: 2em;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 52px;
height: 52px;
min-height: 52px;
min-width: 52px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
background-color: #141b22;
-webkit-transition: background-color 400ms ease;
transition: background-color 400ms ease;
}
.style-guide-x-button:hover {
background-color: #161b22;
}
.paragraph-container {
width: 80%;
margin-top: 10px;
}
.submit-button-arrow {
position: absolute;
left: auto;
top: auto;
right: 0%;
bottom: 0%;
height: 100%;
padding: 0px 21px;
border-radius: 0px 8px 8px 0px;
background-color: #d9d9d9;
color: #030303;
font-size: 18px;
font-weight: 600;
}
.font-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
padding: 45px 70px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #161b22;
}
.style-guide-main-panel {
width: 100%;
height: 100%;
padding: 50px;
}
.button-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-row-gap: 30px;
background-color: #161b22;
}
.style-guide-left-panel {
position: -webkit-sticky;
position: sticky;
top: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 35px 8px 0px 35px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 25px;
}
.style-guide-home-text {
margin-top: 0px;
margin-bottom: 0px;
font-size: 25px;
}
.style-guide-home-text.hide-mobile {
display: block;
}
.headings-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.h6-fixed {
font-size: 24px;
}
.h6-fixed.bold-text {
font-weight: 700;
}
.h6-fixed.light-text {
font-weight: 100;
}
.grid-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-row-gap: 30px;
background-color: #161b22;
}
.subscribe-form {
position: relative;
}
.sg---color-black {
width: 235px;
height: 150px;
background-color: #111;
}
.paragraph-m {
font-size: 18px;
line-height: 1.8;
}
.style-guide-panel-title {
margin-bottom: 15px;
color: #b3b3b3;
font-size: 18px;
font-weight: 400;
}
.style-guide-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.button-grid {
display: -ms-grid;
display: grid;
margin-top: 2em;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.style-guide-navbar-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 35px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.borders-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 6px;
padding-bottom: 6px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: #b9b9b9;
opacity: 0.58;
color: #fff;
font-size: 18px;
font-weight: 300;
}
.borders-2.center {
height: 100px;
}
.grid-8-col {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.style-guide-empty-container {
padding: 50px;
}
.style-guide-small-title {
color: #fff;
font-size: 21px;
font-weight: 400;
}
.style-guide-hero-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 50px 380px 50px 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 20px;
}
.no-margins {
margin-top: 0px;
margin-bottom: 0px;
}
.style-guide-navbar {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 30;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 60px;
padding-right: 2em;
padding-left: 2em;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #151b22;
background-color: #151b22;
color: #fff;
}
.style-guide-tab-holder {
width: 120%;
margin-left: -25px;
padding: 11px 25px 11px 49px;
border-radius: 5px;
-webkit-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 675ms;
transition-duration: 675ms;
color: #fff;
font-size: 16px;
font-weight: 400;
}
.style-guide-tab-holder.w--current {
background-color: #2b333d;
color: #fff;
}
.subscribe-field-text {
padding: 30px 109px 30px 17px;
border: 1px solid #d9d9d9;
border-radius: 8px;
background-color: transparent;
-webkit-transition: border-color 400ms ease;
transition: border-color 400ms ease;
color: #fff;
font-size: 18px;
font-weight: 500;
}
.subscribe-field-text:focus {
border-color: #ffd660;
}
.subscribe-field-text::-webkit-input-placeholder {
color: #b9b9b9;
}
.subscribe-field-text:-ms-input-placeholder {
color: #b9b9b9;
}
.subscribe-field-text::-ms-input-placeholder {
color: #b9b9b9;
}
.subscribe-field-text::placeholder {
color: #b9b9b9;
}
.contact-field-text {
display: inline-block;
height: 60px;
margin-bottom: 0px;
padding-right: 32px;
padding-left: 0px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-style: none none solid;
border-width: 1px;
border-color: #000 #000 #595959;
border-radius: 0px;
background-color: transparent;
-webkit-transition: border-color 375ms ease;
transition: border-color 375ms ease;
color: #fff;
font-size: 18px;
font-weight: 400;
}
.contact-field-text:hover {
border-bottom-color: #fff;
}
.contact-field-text:focus {
border-bottom-color: #ffd660;
}
.contact-field-text::-webkit-input-placeholder {
color: #595959;
font-weight: 300;
}
.contact-field-text:-ms-input-placeholder {
color: #595959;
font-weight: 300;
}
.contact-field-text::-ms-input-placeholder {
color: #595959;
font-weight: 300;
}
.contact-field-text::placeholder {
color: #595959;
font-weight: 300;
}
.link-underline-holder {
position: relative;
height: 2px;
}
.font-details-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-row-gap: 20px;
}
.style-guide-left-panel-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 405px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
background-color: #151b22;
}
.left-underline {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
height: 1px;
background-color: #aaa;
}
.hero-text {
background-image: -webkit-gradient(linear, left top, right top, from(#eec5bd), color-stop(35%, #f3b1a5), color-stop(72%, #c6caf6), to(#dad9e9));
background-image: linear-gradient(90deg, #eec5bd, #f3b1a5 35%, #c6caf6 72%, #dad9e9);
font-size: 4vw;
font-weight: 800;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero-text._02 {
background-image: -webkit-gradient(linear, left top, right top, from(#eec5bd), color-stop(6%, #f3b1a5), color-stop(61%, #c6caf6), color-stop(72%, #dad9e9));
background-image: linear-gradient(90deg, #eec5bd, #f3b1a5 6%, #c6caf6 61%, #dad9e9 72%);
}
.gradient-button-holder {
position: relative;
}
.gradient-button {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
border-radius: 100px;
background-image: -webkit-gradient(linear, left top, right top, from(#ffbbae), color-stop(73%, #c6caf6), to(#958feb));
background-image: linear-gradient(90deg, #ffbbae, #c6caf6 73%, #958feb);
-webkit-filter: blur(20px);
filter: blur(20px);
}
.gradient-white-button {
position: relative;
z-index: 1;
padding: 16px 24px;
border-radius: 100px;
background-color: #fff;
font-family: Inter, sans-serif;
color: #000;
font-size: 16px;
font-weight: 600;
}
.nav-link-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 8px 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100px;
-webkit-transition: opacity 200ms ease, color 350ms ease;
transition: opacity 200ms ease, color 350ms ease;
font-family: Inter, sans-serif;
color: #545454;
font-weight: 500;
}
.nav-link-holder:hover {
color: #bbb;
}
.nav-link-holder.w--current {
background-color: hsla(0, 0%, 100%, 0.1);
color: #fff;
text-shadow: 0 0 4px hsla(0, 0%, 100%, 0.25);
}
.brand {
width: 64px;
min-width: 64px;
}
.brand-image {
width: 100%;
}
.nav-link-active-holder {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cricle-active-holder {
position: absolute;
top: 27.8984px;
display: none;
width: 70px;
height: 70px;
border-radius: 200px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eec5bd), color-stop(64%, #c6caf6), to(#dad9e9));
background-image: linear-gradient(180deg, #eec5bd, #c6caf6 64%, #dad9e9);
-webkit-filter: blur(40px);
filter: blur(40px);
}
.cricle-active-holder.w--current {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.hero-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.hero-sticky-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.hero-text-holder {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 60px;
-webkit-perspective: 1000px;
perspective: 1000px;
white-space: nowrap;
}
.hero-paragraph-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 750px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.hero-paragraph-holder p {
font-size: 20px
}
.hero-section-text-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 20vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.iphone-holder {
position: relative;
top: 6%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 600px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 60px;
}
.iphone-screen {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 4.1% 4.6%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.iphone-image {
position: relative;
z-index: 2;
height: 100%;
}
.hero-section-sticky {
position: -webkit-sticky;
position: sticky;
top: 50%;
width: 100%;
}
.hero-section-paragraph-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 140px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 36px;
}
.iphone-screen-image {
width: 100%;
height: 100%;
border-radius: 40px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0%;
object-position: 50% 0%;
}
.iphone-screen-image.card {
border-radius: 20px;
}
.iphone-drop-shadow {
position: absolute;
width: 120%;
height: 70%;
background-color: #000;
-webkit-filter: blur(64px);
filter: blur(64px);
}
.iphone-drop-shadow.low {
width: 100%;
opacity: 0.37;
-webkit-filter: blur(18px);
filter: blur(18px);
}
.from-holder {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.form-block {
margin-bottom: 0px;
}
.from-wra-er {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.logo-grid-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 100px;
margin-bottom: 100px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 30px;
grid-row-gap: 30px;
text-align: center;
}
.logo-grid {
width: 100%;
grid-column-gap: 50px;
grid-row-gap: 50px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.logo-small-container {
height: 27px;
}
.logo-small {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.left-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: center;
-webkit-box-align: left;
-ms-flex-align: left;
-webkit-align-items: center;
align-items: center;
text-align: left;
margin-bottom: 0px;
}
.visus-blob {
width: 100%;
}
.visus-blob img {
}
.center-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.title-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/* max-width: 910px; */
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.title {
margin-top: 0px;
margin-bottom: 0px;
font-weight: 800;
}
.title.smaller {
margin-bottom: 10px;
line-height: 1.2;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(135deg, #131829, rgba(19, 24, 41, .6));
-webkit-background-clip: text;
}
.main-hero-section {
/* margin-top: 2px; */
}
.experience-section {
padding-top: 90px;
padding-bottom: 90px;
}
.experience-cards-holder {
margin-top: 90px;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.experience-grid {
position: relative;
display: -ms-grid;
display: grid;
width: 100%;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.experience-card {
position: relative;
z-index: 5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 26px;
background-color: #30363d;
}
.experience-card-content {
position: relative;
z-index: 5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 1px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 25px;
background-color: #161b22;
opacity: 1;
}
.experience-card-image-holder {
position: relative;
width: 100%;
}
.experience-card-image-holder._02 {
height: 280px;
}
.experience-card-image-holder.smaller {
height: 250px;
}
.experience-card-image {
width: 100%;
}
.experience-card-text-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 40px;
padding-bottom: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-row-gap: 6px;
text-align: center;
}
.experience-card-text-holder.padding {
padding-right: 22px;
padding-left: 22px;
}
.experience-card-text-holder._02 {
padding-right: 24px;
padding-left: 24px;
}
.card-title {
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f8), to(#bbbbbd));
background-image: linear-gradient(180deg, #f5f5f8, #bbbbbd);
font-size: 32px;
line-height: 1.5;
font-weight: 800;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.experience-paragraph-holder {
max-width: 510px;
}
.experience-paragraph-holder._02 {
max-width: 280px;
}
.experience-gradient {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: -3%;
height: 70px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 27, 34, 0)), to(#151b22));
background-image: linear-gradient(180deg, rgba(21, 27, 34, 0), #151b22);
}
.effortlessly-integration-section {
overflow: hidden;
background-color: #161b22;
}
.effortlessly-integration-container {
padding-top: 60px;
padding-bottom: 60px;
}
.effortlessly-integration-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.logo-holder-effortlessly-integration {
position: absolute;
top: 180px;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 95%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 50px;
}
.iphone-holder-effortlessly-integration {
position: relative;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.effortlessly-integration---iphone-holder {
position: relative;
top: 6%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 430px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 60px;
}
.logo-holder {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 155px;
height: 155px;
min-height: 155px;
min-width: 155px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 41px;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.logo-image {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
border-radius: 44px;
-o-object-fit: cover;
object-fit: cover;
}
.logo-image.blured {
z-index: 1;
-webkit-filter: blur(20px);
filter: blur(20px);
}
.workflow-section {
position: relative;
z-index: 4;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: -364px;
padding-top: 65px;
padding-bottom: 65px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-row-gap: 6px;
background-color: #161b22;
text-align: center;
}
.light-holder {
position: absolute;
top: auto;
bottom: 0%;
width: 70%;
height: 270px;
background-image: -webkit-gradient(linear, left top, right top, from(#eec5bd), color-stop(46%, #c6caf6), to(#dad9e9));
background-image: linear-gradient(90deg, #eec5bd, #c6caf6 46%, #dad9e9);
opacity: 0.23;
-webkit-filter: blur(90px);
filter: blur(90px);
}
.sticky-section {
padding-top: 100px;
padding-bottom: 100px;
}
.trusted-white-overlay {
position: -webkit-sticky;
position: sticky;
left: 0%;
top: 0px;
right: 0%;
bottom: auto;
width: 48vw;
height: 10em;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
background-image: linear-gradient(180deg, #fff, transparent);
}
.trusted-white-overlay.bottom {
z-index: 99999999999999; top: 27vh; height: 75vh; background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(58%, transparent)); background-image: linear-gradient(0deg, #000, transparent 58%);
}
.trusted-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 20vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-row-gap: 20px;
}
.trusted-item.last {
margin-bottom: 0em;
}
.trusted-item-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.content-sticky {
position: -webkit-sticky;
position: sticky;
top: 100px;
}
.trusted-overlay-container {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
width: 1px;
height: 100%;
}
.trusted-content {
position: relative;
padding-top: 5rem;
padding-bottom: 5rem;
}
.trusted-content.trusted-list {
padding-top: 45vh;
}
.trusted-no {
margin-top: 0px;
margin-right: 10px;
margin-bottom: -14px;
background-image: linear-gradient(128deg, #eec5bd, #f3b1a5 26%, #c6caf6 74%, #dad9e9);
font-size: 75px;
font-weight: 800;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.download-badge-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 30px;
padding-bottom: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.download-badge-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 30px;
}
.download-badge-button {
width: 242px;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}
.download-badge-button:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.dark-and-light-mode-holder {
width: 100%;
height: 250vh;
background-color: #000;
}
.dark-and-light-mode-container {
position: -webkit-sticky;
position: sticky;
top: 0px;
width: 100%;
height: 100vh;
}
.dark-and-light-mode-sticky {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.dark-mode-holder {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #000;
}
.dark-mode-hand-holder {
position: relative;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 400px;
max-width: 400px;
min-width: 400px;
margin: 80px 0px 0px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.dark-mode-hand {
position: relative;
z-index: 1;
width: 400px;
}
.dark-mode-app-holder {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
padding: 2.6% 26% 26.2% 16%;
}
.dark-mode-app {
width: 100%;
height: 100%;
border-radius: 20px;
-o-object-fit: cover;
object-fit: cover;
}
.white-mode-holder {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 50vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
}
.center-iphone {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100vw;
height: 100vh;
min-height: 100vh;
min-width: 100vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.cards-section {
padding-top: 80px;
padding-bottom: 80px;
background-color: #fff;
}
.black-text {
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(27, 27, 28, 0.85)));
background-image: linear-gradient(180deg, #000, rgba(27, 27, 28, 0.85));
color: #000;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.cards-grid-holder {
padding-top: 70px;
}
.cards-grid {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 2fr 1fr;
grid-template-columns: 1fr 2fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.card-background {
overflow: hidden;
height: 100%;
border-radius: 30px;
background-color: #f5f5f8;
}
.card-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
max-height: 530px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.card-container._02 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.card-image-holder {
width: 100%;
}
.card-image-holder._02 {
position: absolute;
left: auto;
top: auto;
right: 0%;
bottom: 0%;
width: auto;
height: 80%;
}
.card-image {
width: 100%;
height: 100%;
}
.card-text-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding: 24px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.card-text-holder._02 {
width: 100%;
padding: 46px 46px 46px 38px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
}
.card-text-holder.small {
padding-right: 13px;
padding-left: 13px;
}
.two-cards-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-row-gap: 30px;
}
.card-logo-holder {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 288px;
min-height: 288px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 30px;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.card-logo-container {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 155px;
height: 155px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 41px;
background-color: #fff;
}
.card-bg-image-holder {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.card-bg-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card-logo {
width: 66px;
}
.card-iphone-holder {
position: relative;
top: 190px;
width: 100%;
margin-top: -190px;
}
.iphone-card {
position: relative;
left: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 270px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cards-second-grid {
display: -ms-grid;
display: grid;
margin-top: 30px;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.simple-card-image {
width: 100%;
}
.social-media-link {
margin-left: 1em;
opacity: 1;
-webkit-transition: opacity 200ms ease, color 200ms ease;
transition: opacity 200ms ease, color 200ms ease;
}
.social-media-link:hover {
opacity: 0.7;
}
.footer-list-item {
margin-bottom: 0px;
padding-top: 6px;
padding-right: 1em;
padding-bottom: 0px;
}
.footer-social-media-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0px;
margin-bottom: 2em;
padding-bottom: 2em;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #d5d7db;
text-align: left;
}
.link {
position: relative;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
color: #000;
font-size: 16px;
line-height: 1.7;
text-decoration: none;
}
.link:hover {
text-decoration: none;
}
.powered-by {
margin-left: 1em;
}
.social-media-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 8px;
font-size: 18px;
font-weight: 600;
}
.footer-copyright {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 18px;
}
.text-gradient-1 {
background-image: linear-gradient(111deg, #fa5853, #f46692 50%, #ffc444);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.made-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 18px;
}
.light-grey {
color: #c4c4c4;
}
.external-link {
padding-right: 23px;
background-image: url("https://assets.website-files.com/63aee5793ca698452efe7f60/63b596060d25407732e4caca_External-Link-Icon.svg");
background-position: 100% 50%;
background-size: auto;
background-repeat: no-repeat;
font-family: Manrope, sans-serif;
color: #000;
font-weight: 800;
}
.footer-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0px;
padding-left: 0px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-column-gap: 9px;
}
.footer-brand-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
grid-column-gap: 40px;
}
.line {
position: absolute;
top: 0%;
bottom: auto;
width: 80%;
height: 1px;
background-color: #35373d;
}
.hero-text-blur {
position: absolute;
background-image: -webkit-gradient(linear, left top, right top, from(#eec5bd), color-stop(35%, #f3b1a5), color-stop(72%, #c6caf6), to(#dad9e9));
background-image: linear-gradient(90deg, #eec5bd, #f3b1a5 35%, #c6caf6 72%, #dad9e9);
opacity: 0.64;
-webkit-filter: blur(120px);
filter: blur(120px);
font-size: 4vw;
font-weight: 800;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.card-logo-wrapper {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 250px;
height: 250px;
padding: 45px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.licensing-grid {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.licensing-grid.feather-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.licensing-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-row-gap: 8px;
}
.feather-icon-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.logo-to-use-image {
height: 100%;
}
.licensing-icon {
-webkit-filter: invert(100%);
filter: invert(100%);
}
.licensing-cards-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
padding: 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 45px;
background-color: #151b22;
}
.licensing-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.logo-to-use-holder {
height: 24px;
}
.licensing-cards {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 30px;
}
.licensing-title {
font-size: 24px;
font-weight: 500;
}
.feather-icon {
width: 100%;
}
.licensing-cards-container {
margin-top: 50px;
padding-top: 69px;
padding-bottom: 69px;
background-color: #000;
}
.licensing-image-holder {
width: 100%;
}
.licensing-link-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 8px;
-webkit-transition-property: opacity;
transition-property: opacity;
font-size: 16px;
font-weight: 500;
text-decoration: underline;
}
.licensing-link-holder:hover {
opacity: 0.7;
}
.left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.hide {
display: none;
}
.experience-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.light-wrapper {
position: absolute;
z-index: 4;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.light {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 110px;
opacity: 1;
}
.hero-text-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.light-inside {
width: 200px;
height: 200px;
background-color: #fff;
-webkit-filter: blur(70px);
filter: blur(70px);
}
.light-wrapper-in-front {
position: absolute;
z-index: 6;
display: none;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 1;
}
.light-outside {
width: 200px;
height: 200px;
background-color: #fff;
opacity: 0.1;
-webkit-filter: blur(70px);
filter: blur(70px);
}
.error-message {
padding-top: 16px;
padding-bottom: 16px;
border-radius: 50px;
background-color: #ff3939;
font-size: 15px;
text-align: center;
}
.buy-template-guide {
position: fixed;
left: auto;
top: auto;
right: 0%;
bottom: 0%;
z-index: 20;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-right: 30px;
margin-bottom: 30px;
margin-left: 30px;
padding: 0px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
grid-column-gap: 10px;
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.2);
border-radius: 6px;
opacity: 0.8;
-webkit-transition: opacity 400ms ease, box-shadow 475ms ease;
transition: opacity 400ms ease, box-shadow 475ms ease;
font-size: 14px;
font-weight: 700;
}
.buy-template-guide:hover {
border-color: #4253ff;
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.23);
opacity: 1;
color: #000;
}
.buy-this-template-button-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 8px 12px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 5px;
grid-row-gap: 5px;
border-radius: 6px;
background-color: #fff;
}
.buy-this-template-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.buy-this-template-text {
color: #000;
font-size: 14px;
font-weight: 400;
}
.buy-webflow-template-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.webflow-icon {
display: block;
width: 20px;
height: 20px;
margin-right: 5px;
border-radius: 3px;
background-image: url("https://assets.website-files.com/63aee5793ca698452efe7f60/63d141ddf294b967bddfbd4f_webflow-blue-icon.svg");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.buy-template-price {
font-weight: 700;
}
@media screen and (min-width: 1440px) {
.container {
max-width: 1350px;
}
.logo-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.experience-card-text-holder.padding {
padding-right: 40px;
padding-left: 40px;
}
.experience-gradient {
height: 130px;
}
.experience-gradient._02 {
bottom: -26%;
}
.card-image-holder._02 {
height: 100%;
}
.card-text-holder.small {
padding-right: 24px;
padding-left: 24px;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 55px;
}
h2 {
font-size: 45px;
}
h3 {
font-size: 35px;
}
.nav-menu-container {
overflow: visible;
padding-right: 10px;
grid-column-gap: 28px;
}
.nav-menu {
left: -100px;
width: 400px;
height: auto;
margin-top: 12px;
padding: 10px;
border-radius: 20px;
background-color: #1a1a1a;
}
.grid-6-col {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.link-block {
padding-top: 0px;
padding-bottom: 2px;
}
.link-block-underline {
display: none;
}
.footer {
padding-right: 20px;
padding-left: 20px;
}
.footer-flex-container {
margin-bottom: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.nav-link {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 10px;
}
.menu-button {
padding: 10px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.menu-button.w--open {
border-radius: 40px;
background-color: #1f1f1f;
}
.center-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.link-block-2 {
padding-top: 0px;
padding-bottom: 2px;
}
.style-guide-main-panel {
padding: 16px;
}
.style-guide-left-panel {
display: -ms-grid;
display: grid;
padding: 17px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 50px;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.style-guide-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.grid-8-col {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.style-guide-empty-container {
padding: 17px 0px;
}
.style-guide-hero-holder {
padding: 28px;
}
.style-guide-tab-holder {
margin-left: 0px;
padding: 5px 0px;
}
.style-guide-left-panel-holder {
width: 100%;
}
.nav-button-holder {
margin-top: 10px;
}
.brand {
width: 90px;
min-width: 90px;
}
.cricle-active-holder.w--current {
top: -8px;
opacity: 0.22;
}
.hero-text-holder {
grid-column-gap: 30px;
}
.logo-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.experience-grid {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.effortlessly-integration---iphone-holder {
width: 320px;
}
.logo-holder {
width: 100px;
height: 100px;
min-height: 100px;
min-width: 100px;
border-radius: 8px;
}
.logo-image {
border-radius: 20px;
}
.logo-image.blured {
display: none;
}
.workflow-section {
margin-top: -220px;
padding: 42px;
}
.sticky-section {
padding-top: 47px;
padding-bottom: 47px;
}
.trusted-item {
margin-bottom: 5vh;
}
.trusted-overlay-container {
display: none;
}
.trusted-content.trusted-list {
padding-top: 0vh;
padding-bottom: 0rem;
}
.cards-grid {
-ms-grid-columns: 1fr 2fr 1fr 1fr;
grid-template-columns: 1fr 2fr 1fr 1fr;
}
.card-container {
max-height: none;
}
.card-iphone-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cards-second-grid {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.footer-social-media-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-row-gap: 2em;
}
.footer-brand-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-row-gap: 12px;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 44px !important;
line-height: 58px !important;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 22px;
}
h6 {
font-size: 20px;
}
.footer {
padding: 40px 20px;
}
.footer-image {
-o-object-fit: contain;
object-fit: contain;
}
.change-log-container {
height: 340px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grid-4-col {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.colors-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.font-holder {
padding: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.style-guide-left-panel {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.grid-8-col {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.style-guide-empty-container {
padding-right: 0px;
padding-left: 0px;
}
.brand {
padding-left: 0px;
}
.iphone-holder {
top: 16%;
height: 400px;
}
.experience-grid {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.experience-card-image-holder._02 {
height: auto;
}
.experience-card-image-holder.smaller {
height: auto;
}
.experience-card-text-holder._02 {
padding-top: 3px;
}
.trusted-item {
margin-bottom: 3em;
}
.trusted-overlay-container {
display: none;
}
.trusted-content {
padding-top: 0rem;
padding-bottom: 3rem;
}
.trusted-content.trusted-list {
padding-top: 0vh;
}
.cards-grid {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.footer-social-media-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-copyright {
padding-top: 1em;
}
.made-container {
padding-top: 1em;
padding-right: 0px;
}
.footer-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-brand-content {
padding-right: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.licensing-grid {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.licensing-grid.feather-icon {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.feather-icon-holder {
width: 20px;
}
}
@media screen and (max-width: 479px) {
#demomain{
padding: 7px 16px !important;
font-size: 14px !important;
}
.title-holder {
gap: 10px !important;
}
.eyebrow {
display: none;
}
h1 {
font-size: 28px !important;
line-height: 44px !important;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 28px;
}
p {
font-size: 14px;
font-weight: 400;
text-align: center;
}
.finetunedb-blog li {
font-size: 14px !important;
}
.finetunedb-blog h2:not(.main-title) {
font-size:24px !important;
}
.finetunedb-blog h3 {
line-height: 30px !important;
}
.finetunedb-blog {
padding: 0px !important;
padding-top: 20px !important;
}
.container {
padding: 1em;
}
.nav-menu-container {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-menu {
left: 0px;
right: 0px;
width: 100%;
margin-top: 12px;
}
.button.from {
position: relative;
width: 100%;
}
.grid-6-col {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.utility-page-content {
padding: 29px;
}
.utility-page-form {
height: 420px;
padding: 30px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer {
padding: 21px 0px;
text-align: left;
}
.footer-flex-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.footer-logo-link {
height: 60px;
}
.text-field-form {
width: 100%;
}
.grid-2-col {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.headings-holder {
padding: 10px;
}
.style-guide-x-button {
top: 0.3em;
right: 0em;
width: 50px;
height: 50px;
min-height: 50px;
min-width: 50px;
}
.paragraph-container {
width: 100%;
}
.style-guide-left-panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 23px 12px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 20px;
}
.style-guide-home-text.hide-mobile {
display: none;
}
.paragraph-m {
font-size: 16px;
}
.style-guide-panel-title {
font-size: 18px;
}
.button-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.style-guide-navbar-link {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.grid-8-col {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.style-guide-navbar {
padding-right: 0.3em;
padding-left: 0.3em;
}
.style-guide-tab-holder {
font-size: 19px;
}
.hero-text {
font-size: 16vw;
}
.hero-text-holder {
grid-column-gap: 11px;
}
.hero-section-paragraph-holder {
padding-top: 40px;
}
.iphone-screen-image {
border-radius: 10px;
}
.from-holder {
grid-row-gap: 6px;
}
.form-block {
width: 100%;
}
.experience-card {
border-radius: 16px;
}
.experience-card-content {
border-radius: 15px;
}
.experience-card-text-holder {
padding: 15px;
}
.card-title {
font-size: 24px;
}
.effortlessly-integration-wrapper {
margin-top: 32px;
}
.logo-holder-effortlessly-integration {
top: 142px;
grid-column-gap: 24px;
}
.effortlessly-integration---iphone-holder {
width: 200px;
}
.logo-holder {
width: 60px;
height: 60px;
min-height: 60px;
min-width: 60px;
}
.logo-image {
border-radius: 9px;
}
.workflow-section {
margin-top: -60px;
padding: 20px;
}
.trusted-item {
grid-row-gap: 8px;
}
.trusted-item-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-row-gap: 18px;
}
.trusted-no {
font-size: 50px;
}
.download-badge-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 20px;
}
.dark-mode-hand-holder {
width: 300px;
max-width: 300px;
min-width: 300px;
}
.dark-mode-hand {
width: 300px;
}
.cards-grid {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.card-image-holder._02 {
bottom: -5%;
height: 54%;
}
.card-image {
position: relative;
}
.card-text-holder._02 {
padding: 20px 20px 78px;
}
.card-logo-holder {
height: 420px;
min-height: 420px;
}
.card-iphone-holder {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.iphone-card {
left: 0px;
}
.footer-list-item {
margin-bottom: 10px;
}
.footer-social-media-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.powered-by {
margin-top: 0.5em;
margin-left: 0em;
}
.made-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-brand-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.licensing-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.licensing-grid.feather-icon {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.licensing-grid.feather-icon.grid {
display: -ms-grid;
display: grid;
justify-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.feather-icon-holder {
width: auto;
}
.licensing-cards-wrapper {
padding: 27px;
}
.licensing-cards-container {
padding-top: 16px;
padding-bottom: 16px;
}
.left {
display: block;
}
.buy-template-guide {
margin-right: 1em;
margin-bottom: 1em;
margin-left: 1em;
}
}
#w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcd8-5ffe7f77 {
-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-f078fdf9-afcd-dd23-e056-d7d58c77dcda-5ffe7f77 {
-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-f078fdf9-afcd-dd23-e056-d7d58c77dcdc-5ffe7f77 {
-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-f078fdf9-afcd-dd23-e056-d7d58c77dcde-5ffe7f77 {
-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-f078fdf9-afcd-dd23-e056-d7d58c77dce0-5ffe7f77 {
-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-f078fdf9-afcd-dd23-e056-d7d58c77dce2-5ffe7f77 {
-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-f078fdf9-afcd-dd23-e056-d7d58c77dce4-5ffe7f77 {
-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-f078fdf9-afcd-dd23-e056-d7d58c77dce6-5ffe7f77 {
-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-_1261dedf-b3c9-2162-53e7-29ae1d8c7955-5ffe7f77 {
-ms-grid-column: span 5;
grid-column-start: span 5;
-ms-grid-column-span: 5;
grid-column-end: span 5;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-c9a3eb7f-e26e-bb52-e19d-39f848eddb94-5ffe7f77 {
-ms-grid-column: span 5;
grid-column-start: span 5;
-ms-grid-column-span: 5;
grid-column-end: span 5;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_8c828c4b-063f-f20f-6482-b138be2c6dbe-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7c769986-af35-2c7e-a088-51a92c6e6099-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7c369291-b38e-0008-5e70-efcc18461d4c-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7c369291-b38e-0008-5e70-efcc18461d4d-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7a405be8-0a26-057e-3bd3-7289f3f9886f-5ffe7f77 {
-ms-grid-column: span 5;
grid-column-start: span 5;
-ms-grid-column-span: 5;
grid-column-end: span 5;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7a405be8-0a26-057e-3bd3-7289f3f98870-5ffe7f77 {
-ms-grid-column: span 5;
grid-column-start: span 5;
-ms-grid-column-span: 5;
grid-column-end: span 5;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_0f99c55c-aef0-ebd9-f690-9830ff12bd17-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_0f99c55c-aef0-ebd9-f690-9830ff12bd1f-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-fc8765e5-00fe-9e2a-d8f7-edcc2476991c-5ffe7f77 {
-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-eb39f325-8859-6038-bc3c-ab144f9640eb-5ffe7f77 {
-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-_5ab5adbc-57c9-c9b0-3c74-19cd092f35c9-5ffe7f77 {
-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-a35a09e7-c458-1b18-3c0b-22d3f8e3b5ec-5ffe7f77 {
-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-_972c2625-7d91-facb-87ef-fc89102342d5-5ffe7f77 {
-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-aa5ee5b0-8a13-ffdb-f51c-ccb42c8c497a-5ffe7f77 {
-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-_98d84ba8-b1c9-27a9-e3ca-bf11bc670687-0efe7f7f {
-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-_98d84ba8-b1c9-27a9-e3ca-bf11bc670689-0efe7f7f {
-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-_98d84ba8-b1c9-27a9-e3ca-bf11bc67068b-0efe7f7f {
-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-_98d84ba8-b1c9-27a9-e3ca-bf11bc67068d-0efe7f7f {
-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-_8c331566-379f-cbef-9da9-4f92e2bbed1a-adfe7f81 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
#w-node-_8c331566-379f-cbef-9da9-4f92e2bbed27-adfe7f81 {
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_8c331566-379f-cbef-9da9-4f92e2bbed88-adfe7f81 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
#w-node-_8c331566-379f-cbef-9da9-4f92e2bbed8e-adfe7f81 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
#w-node-_8c331566-379f-cbef-9da9-4f92e2bbed93-adfe7f81 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
#w-node-_8c331566-379f-cbef-9da9-4f92e2bbed98-adfe7f81 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
@media screen and (max-width: 991px) {
#w-node-_8c828c4b-063f-f20f-6482-b138be2c6dbe-5ffe7f77 {
-ms-grid-column-span: 3;
grid-column-end: 5;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 3;
-ms-grid-row: 2;
grid-row-start: 2;
}
#w-node-_7c369291-b38e-0008-5e70-efcc18461d4c-5ffe7f77 {
-ms-grid-column-span: 3;
grid-column-end: 5;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row-span: 1;
grid-row-end: 5;
-ms-grid-row: 4;
grid-row-start: 4;
}
#w-node-_7a405be8-0a26-057e-3bd3-7289f3f9886f-5ffe7f77 {
-ms-grid-column-span: 5;
grid-column-end: 6;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 4;
-ms-grid-row: 3;
grid-row-start: 3;
}
#w-node-fc8765e5-00fe-9e2a-d8f7-edcc2476991c-5ffe7f77 {
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
#w-node-eb39f325-8859-6038-bc3c-ab144f9640eb-5ffe7f77 {
-ms-grid-column: span 4;
grid-column-start: span 4;
-ms-grid-column-span: 4;
grid-column-end: span 4;
}
#w-node-_5ab5adbc-57c9-c9b0-3c74-19cd092f35c9-5ffe7f77 {
-ms-grid-column: 3;
grid-column-start: 3;
-ms-grid-column-span: 2;
grid-column-end: 5;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
}
}
@media screen and (max-width: 767px) {
#w-node-_1261dedf-b3c9-2162-53e7-29ae1d8c7955-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
}
#w-node-_8c828c4b-063f-f20f-6482-b138be2c6dbe-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7c369291-b38e-0008-5e70-efcc18461d4c-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7a405be8-0a26-057e-3bd3-7289f3f9886f-5ffe7f77 {
-ms-grid-column: span 3;
grid-column-start: span 3;
-ms-grid-column-span: 3;
grid-column-end: span 3;
-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: 479px) {
#w-node-eb39f325-8859-6038-bc3c-ab144f9640eb-5ffe7f77 {
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
#w-node-_5ab5adbc-57c9-c9b0-3c74-19cd092f35c9-5ffe7f77 {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
}
}
.animated-gradient {
animation: animated-gradient 20s linear infinite;
background: linear-gradient(90deg, rgba(150,48,30,1) 0%,rgba(199,201,88,1) 10%,rgba(28,147,46,1) 20%,rgba(74,165,168,1) 30%,rgba(89,90,165,1) 40%,rgba(84,16,67,1) 50%,rgba(28,58,63,1) 60%,rgba(82,175,183,1) 70%,rgba(78,170,76,1) 80%,rgba(150,48,30,1) 90%,rgba(199,201,88,1) 100%);
background-size: 1000% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@keyframes animated-gradient {
0%{background-position:0% 50%}
100%{background-position:100% 50%}
}
.visus-blob {
visibility: none;
}
/* Blob */
#blob {
/* margin-top: 120px; */
/* margin-bottom: 120px; */
background: white;
position: relative;
display: flex;
justify-content: flex-end;
border-radius: 32px;
}
#blob canvas {
/* background: #000; */
/* width: 500px; */
/* height: 500px; */
margin-top: -7%;
/* fade in after 1.5s */
/* animation: fadeIn 4s ease-in-out; */
/* position: relative; */
}
@media (max-width: 1200px) {
#blob canvas {
margin-top: -10%;
width: 100%;
}
}
@media (max-width: 600px) {
#blob canvas {
width: 100%;
}
.mobsmall {
font-size: 36px !important;
font-weight: 500 !important;
text-align: center !important;
position: relative !important;
margin-top: 20px !important;
margin-bottom: 10px !important;
font-size: 60px !important;
line-height: 1.5 !important;
font-weight: 500 !important;
-webkit-background-clip: text !important;
background-clip: text !important;
margin-top: 16px !important;
font-size: 25px !important;
}
.mobsmall br {
display: none !important;
}
}
/* Fade in */
@keyframes fadeIn {
0% {
top: 100px;
/* blur*/
filter: blur(100px);
transform: scale(0.1);
opacity: 0;
}
20% {
top: 0px;
filter: blur(100px);
opacity: 0.1
}
100% {
top: 0px;
left: 0px;
filter: blur(0px);
transform: scale(1);
opacity: 1;
}
}
.btn-shine {
color: #fff;
background: linear-gradient(to right, #868686 0, #fff 10%, #868686 20%);
background-position: 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shine 30s infinite linear;
animation-fill-mode: forwards;
text-decoration: none;
}
@-moz-keyframes shine {
0% {
background-position: 0;
}
60% {
background-position: 1800px;
}
100% {
background-position: 1800px;
}
}
@-webkit-keyframes shine {
0% {
background-position: 0;
}
60% {
background-position: 1800px;
}
100% {
background-position: 1800px;
}
}
@-o-keyframes shine {
0% {
background-position: 0;
}
60% {
background-position: 1800px;
}
100% {
background-position: 1800px;
}
}
@keyframes shine {
0% {
background-position: 0;
}
60% {
background-position: 1800px;
}
100% {
background-position: 1800px;
}
}
#mainHeader{
width: 100%;
font-weight: 600;
position: relative;
text-align:center;
font-size: 64px;
line-height: 84px;
margin-bottom: 0px;
animation: fadeInFromTop 1s ease-in-out;
animation-fill-mode: forwards;
opacity: 0;
z-index: 9;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(135deg, #131829, rgba(19, 24, 41, .6));
-webkit-background-clip: text;
/* height: 74px; */
/* display: flex; */
align-content: center;
/* align-items: center; */
/* justify-content: center; */
}
#mainHeader br {
/* display: none; */
}
#mainHeader2{
opacity: 0;
position: relative;
animation-delay: 0.3s;
animation-name: fadeInFromTop;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
margin-bottom: 0px;
max-width: 860px;
font-size: 26px;
text-align: center;
}
#mainHeader3{
opacity: 0;
position: relative;
animation-delay: 0.6s;
animation-name: fadeInFromTop;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
#mainCta {
opacity: 0;
position: relative;
animation-delay: 0.9s;
animation-name: fadeInFromTop;
animation-duration: 0.5s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
.nav-menu-container {
opacity: 0;
position: relative;
animation-delay: 0.1s;
animation-name: fadeInFromTop;
animation-duration: 0.5s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
@keyframes fadeInFromTop {
0% {
bottom: 5px;
opacity: 0;
}
100% {
bottom: 0px;
opacity: 1;
}
}
#preview-wrapper:after {content: '';background-image: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255));position: absolute;right: 0;bottom: 0;height: 148px;left: 0;filter: blur(100px);}
#preview-wrapper {
background-image: radial-gradient(20% 20% at calc(80% + var(--mx) * 10%) 0%, #a3668a, #ffffff00), radial-gradient(20% 20% at calc(20% - var(--mx) * 10%) 100%, #81818100, transparent), linear-gradient(0deg, rgb(76 201 240 / 0%) 15.64%, #c44a91 45%, #8e6a8d 60%, rgb(196 74 145 / 45%) 85%) !important;
}
#preview-wrapper img {
-webkit-mask-image: linear-gradient(to bottom, rgb(36 36 36) 82%, transparent 92%) !important;
-webkit-mask-image: linear-gradient(to bottom, rgb(36 36 36) 92%, transparent 52%) !important;
}
@keyframes circle-anim {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 100%;
}
}
#stepOneBlob ,
#stepTwoBlob ,
#stepThreeBlob {
padding: 4px;
background: #111111;
border-radius: 4px;
border: 1px solid #1d1d1d;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center;
}
#stepOneBlob div,
#stepTwoBlob div,
#stepThreeBlob div {
/* background: #111111; */
width: 42px;
height: 42px;
/* fade in after 1.5s */
position: relative;
}
#waves-canvas {
position: absolute; height: 357px; width: 100%;
}
#canvas-bg-one {
background: repeating-linear-gradient(90deg, transparent, #c44a91);
background-size: 14px 30px;
background-color: #1A1A1a;
opacity: 1
}
#canvas-bg-two {
background: repeating-linear-gradient(180deg, transparent, #c44a91);
background-size: 30px 14px;
background-color: #1A1A1a;
opacity: 1;
}
#canvas-bg-three {
background-color: #1a1a1a;
opacity: 1;
background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #1a1a1a 20px ), repeating-linear-gradient( #c44a9178, #c44a91 );
}
.feature-grid {
--gap: 24px;
padding-left: var(--page-padding-left);
padding-right: var(--page-padding-right);
max-width: var(--page-max-width);
width: 1100px;
margin: 0px auto; display: grid; --row: minmax(0,1fr); grid-template-columns: [page-start] var(--row) [prose-start] var(--row) var(--row) var(--row) var(--row) [prose-end] var(--row) [page-end]; grid-gap: var(--gap);
}
.feature-grid-container {
--animation-duration: 240ms;
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
place-items: center;
row-gap: 76px
}
.feature-grid-item {
max-width: 300px;
font-size: 16px;
display: flex;
align-items: center;
color: rgb(180, 188, 208);
text-align: left;
}
.feature-grid-item svg {
width: 15px; position: relative; margin-bottom: -1px; margin-right: 1px;
}
.feature-grid-item b {
color: white;
font-weight: 400;
}
.regular-block {
display: block;;
text-align: left;
}
.regular-block .main-title {
margin-top: 20px;
margin-bottom: 10px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f8), to(#bbbbbd)) !important;
background-image: linear-gradient(180deg, #f5f5f8, #bbbbbd) !important;
font-size: 75px;
line-height: 1.5;
font-weight: 500;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.regular-block p, li {
line-height: 22px;
color: #454545;
}
.regular-block b {
color: white;
font-weight: 600;
}
.regular-block li {
margin-bottom: 10px;
}
.regular-block h1 {
font-size: 42px;
background-image: unset !important;
color: white;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: unset;
margin-top: 10px;
}
.regular-block h2 {
font-size: 34px;
background-image: unset;
color: white;
-webkit-background-clip: unset;
background-clip: unset;
margin-top: 10px;
-webkit-text-fill-color: unset;
}
.regular-block h3 {
margin-top: 10px;
font-size: 24px;
}
.footer a {
color: #333333;
font-weight: 400;
}
*[data-custom-class="heading_1"],
*[data-custom-class="heading_1"] * {
font-size: 42px !important;
background-image: unset !important;
color: white;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: unset;
margin-top: 10px;
}
*[data-custom-class="body_text"],
*[data-custom-class="body_text"] *,
.MsoNormal li,
.MsoNormal li *,
*[data-custom-class="subtitle"],
*[data-custom-class="subtitle"] *,
.MsoNormal[data-custom-class="body_text"] span
{
background: none !important;
line-height: 22px !important;
/* color: #2a2a2a !important; */
margin-bottom: 10px !important;
font-size: 16px !important;
font-weight: 500 !important;
letter-spacing: 1px;
}
.MsoNormal br {
display: none;
}
*[data-custom-class="heading_2"],
*[data-custom-class="heading_2"] * {
font-size: 34px !important;
background-image: unset !important;
color: white !important;
-webkit-background-clip: unset !important;
background-clip: unset !important;
margin-top: 10px !important;
-webkit-text-fill-color: unset !important;
}
.MsoNormal[data-custom-class="heading_3"] {
font-size: 34px;
background-image: unset;
color: white;
-webkit-background-clip: unset;
background-clip: unset;
margin-top: 10px;
-webkit-text-fill-color: unset;
}
.MsoNormal {
margin-top: 10px;
}
#big-screen {
opacity: 0;
animation-delay: 0.5s;
animation-name: fadeInFromTop;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
#main {
margin-top: 70px;
}
/* Landscape phones and down */
@media (max-width: 480px) {
.gradientBg {
margin-top: -170px !important;
}
.effortlessly-integration-container {
padding: 0px !important;
}
.footerText {
font-size: 46px !important;
height: unset !important;
}
#mainHeader2 {
font-size: 18px !important;
}
#mainHeader2 br {
display: none !important;
}
#dataset, #evaluator, #logs {
margin-bottom: -100px !important;
}
#studio {
margin-bottom: -200px !important;
}
#dataset .effortlessly-integration-section,
#evaluator .effortlessly-integration-section,
#logs .effortlessly-integration-section,
#studio .effortlessly-integration-section
{
padding-top: 60px;
}
#mainHeader br {
display: block !important;
}
#mainHeader {
height: unset !important;
padding-left: 10px;
padding-right: 10px;
font-size: 26px !important;
}
}
html, body {
max-width: 100%;
overflow-x: hidden !important;
}
#mainHeader {
width: 100% !important;
}
.visus-blob {
display: none;
}
#big-screen {height: auto !important;width: 100% !important;margin-top: 30px !important;}
#mini-screen {
/* display: none !important; */
left: 36% !important;
bottom: 18% !important;
width: 200px !important;
}
.left-title {
flex-direction: column-reverse;
}
#blob {
margin: 0px;
display: block;
}
#blob canvas {
width: 64px;
height: 64px;
}
.title-holder {
padding-left: 0px !important;
gap: 24px;
}
.worksWith {
margin-top: 120px !important;
}
#demomain {
opacity: 0;
animation: fadeInFromTop 1s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 0.5s;
padding: 16px 32px;
margin-top: 16px !important;
margin-bottom: 32px !important;
}
h2 {
font-size: 42px !important;
text-align: left !important;
}
p {
/* text-align: center !important; */
}
#just-ask {
top: -40px !important;
align-items: start !important;
}
#just-ask p {
max-width: 100% !important;
width: 100% !important;
}
.feature-grid-container {
row-gap: 30px !important;
text-align: left !important;
/* display: flex !important;
flex-direction: column !important; */
grid-template-columns: repeat(2, 1fr) !important;
place-items: unset !important;
column-gap: 16px !important;
}
.feature-grid {
width: 100%;
/* display: flex !important;
grid-column: unset !important; */
}
.feature-grid-item {
align-items: unset !important;
font-size: 14px !important;
font-weight: 300 !important;
}
#footer .footer {
margin-top: -80px;
}
.feature-grid-item b svg {
display: block;
margin-bottom: 5px;
}
.wide-container {
margin-top: 100px;
padding: 0px !important;
}
.nav-menu-container {
display: flex !important;
justify-content: space-between !important;
}
#how {
margin-top: 50px !important;
}
#trainaitext {
padding-bottom: 40px !important;
}
#security {
margin-top: -55px !important;
}
.fade-in-move-on-scroll p {
width: 80%;
margin-left:10%;
}
.fade-in-move-on-scroll {
/* width: 100% !important; */
}
.fade-in-move-on-scroll img {
/*margin-right: 100%; */
}
.fade-in-move-on-scroll div div {
/*margin-right: 100% !important;*/
}
.mobsmall br {
display: block;
}
.mobexpand {
max-width: 100% !important;
}
.securityfeatures {
flex-direction: column !important;
}
.securityfeatures h2 {
font-size: 22px !important;
}
#integrations {
margin-top: -180px !important;
}
#integrations #intimg {
max-width: 170%;
position: relative;
right: 35%;
margin-bottom: 40px;
}
#integrations .feature-grid-item b svg {
display: unset !important
}
.trusted-item-header .card-title p {
margin-bottom: -7px !important
}
.trusted-item {
margin-bottom: 80px;
}
#footer h2 {
text-align: center !important;
line-height: 54px;
}
#tablebrah {
flex-direction: column
}
.pricetable {
padding: 10px !important;
}
.pricetitle {
text-align: center;
}
#mobileNavigation {
padding: 19px 35px !important;
}
.pricetableitem {
margin: 0px !important
}
}
/* min 767px max 979px */
@media (min-width: 480px) and (max-width: 1200px) {
html, body {
overflow-x: hidden !important;
max-width: 100%;
}
#mainHeader {
width: 100% !important;
font-size: 38px !important;
line-height: 62px !important;
}
.visus-blob {
display: none;
}
#big-screen {
height: auto !important;
width: 150% !important;
}
#mini-screen {
/* display: none !important;
left: 36% !important;
bottom: 18% !important;
width: 200px !important; */
}
.left-title {
flex-direction: column-reverse;
}
#blob {
margin: 0px;
display: block;
}
#blob canvas {
width: 64px;
height: 64px;
}
.title-holder {
padding-left: 0px !important;
}
h2 {
font-size: 42px !important;
text-align: left !important;
}
.mobexpand p {
text-align: center !important;
}
p {
text-align: left !important;
}
#just-ask {
top: -40px !important;
align-items: start !important;
}
#just-ask p {
max-width: 100% !important;
width: 100% !important;
}
.feature-grid-container {
row-gap: 30px !important;
text-align: left !important;
/* display: flex !important;
flex-direction: column !important; */
grid-template-columns: repeat(2, 1fr) !important;
place-items: unset !important;
column-gap: 16px !important;
}
.feature-grid {
width: 100%;
/* display: flex !important;
grid-column: unset !important; */
}
.feature-grid-item {
align-items: unset !important;
font-size: 14px !important;
font-weight: 300 !important;
}
#footer .footer {
margin-top: -80px;
}
.feature-grid-item b svg {
display: block;
margin-bottom: 5px;
}
.wide-container {
margin-top: 100px;
padding: 0px !important;
}
#mini-screen {
right: 20px !important;
bottom: 13%!important;
width: 40% !important;
left: unset !important;
}
.nav-menu-container {
display: flex !important;
justify-content: space-between !important;
}
#how {
margin-top: 50px !important;
}
#trainaitext {
padding-bottom: 40px !important;
}
#security {
margin-top: -55px !important;
}
.finetunedb-blog li {
margin-bottom: 10px !important;
font-size: 17px !important;
line-height: 1.6 !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
--tw-text-opacity: 1 !important;
color: rgb(71 85 105 / var(--tw-text-opacity)) !important;
}
.finetunedb-blog h2:not(.main-title) {
line-height: 1.2;
margin-bottom: 25px !important;
margin-top: 25px !important;
font-size: 50px;
-webkit-text-fill-color: unset !important;
background-image: unset !important;
-webkit-background-clip: unset !important;
font-size: 24px !important;
line-height: 36px;
}
.finetunedb-blog h3 {
line-height: 1.2;
margin-top: 20px !important;
margin-bottom: 20px !important;
-webkit-text-fill-color: unset !important;
background-image: unset !important;
-webkit-background-clip: unset !important;
font-size: 20px !important;
line-height: 20px;
}
.mobsmall {
font-size: 36px !important;
font-weight: 500 !important;
text-align: center !important;
position: relative !important;
margin-top: 20px !important;
margin-bottom: 10px !important;
/* background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f8), to(#bbbbbd)) !important; */
/* background-image: linear-gradient(180deg, #f5f5f8, #bbbbbd) !important; */
font-size: 60px !important;
line-height: 1.5 !important;
font-weight: 500 !important;
-webkit-background-clip: text !important;
background-clip: text !important;
/* -webkit-text-fill-color: transparent !important; */
font-size: 42px !important;
text-align: left !important;
justify-content: start;
margin-left: auto;
width: 100% !important;
}
.mobexpand {
max-width: 100% !important;
}
.securityfeatures {
flex-direction: column !important;
}
.securityfeatures h2 {
font-size: 22px !important;
}
#integrations {
margin-top: -180px !important;
}
#integrations #intimg {
max-width: 170%;
position: relative;
right: 35%;
margin-bottom: 40px;
}
#integrations .feature-grid-item b svg {
display: unset !important
}
.trusted-item-header .card-title p {
margin-bottom: -7px !important
}
.trusted-item {
margin-bottom: 80px;
}
#footer h2 {
text-align: center !important;
}
#tablebrah {
flex-direction: column
}
.pricetable {
padding: 10px !important;
}
.pricetitle {
text-align: center;
}
.pricetableitem {
margin: 0px !important
}
#integrations #intimg {
max-width: 100%;
position: unset;
right: 35%;
margin-bottom: 40px;
}
#big-screen {
max-width: 100%;
}
}
/* Landscape phone to portrait tablet */
.how-separator {
/* display: none !important; */
}
.mobTitle {
text-align: center;
position: relative;
/* background: unset; */
/* color: #cdcdcd; */
/* background-clip: unset; */
/* -webkit-text-fill-color: unset; */
margin-top: 20px;
margin-bottom: 10px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f8), to(#bbbbbd));
background-image: linear-gradient(180deg, #f5f5f8, #bbbbbd);
font-size: 60px;
line-height: 1.5;
font-weight: 500;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.pricetableitem {
padding: 40px 20px;
background: #1a1a1a;
border-radius: 15px;
margin: 0px 10px;
position: relative;
border-radius: 15px;
background: linear-gradient(180deg, #08090e, transparent);
width: 100%;
}
.pricetableitem::before {
--start: #353845;
--end: rgba(255,255,255,0);
content: "";
pointer-events: none;
user-select: none;
position: absolute;
inset: 0px;
border-radius: inherit;
padding: 1px;
background: linear-gradient(to bottom,var(--start),var(--end));
-webkit-mask: linear-gradient(black, black) content-box content-box, linear-gradient(black, black);
-webkit-mask-composite: xor;
}
.pricetable {
position: relative;
z-index: 2;
padding-left: 30px;
padding-right: 30px;
}
.pricetable .pricenumber {
font-size:34px;
}
.pricetable .pricetableitem svg {
width: 16px;
margin-right: 5px;
}
.pricetable .featureitem {
display: flex;
margin-bottom: 15px;
align-items: center;
}
.pricetable .featureitem p {
margin: 0px;
font-size:14px;
}
.pricetable hr {
height: 1px;
background-color: #222222;
border: none;
margin-bottom: 40px;
}
.pricetable .permember {
font-size: 14px; margin-top: 0px; margin-bottom: 20px;
}
.pricetable .permonth {
font-size: 16px;
}
#mobileNavigation {
display: none;
height: 100%;
width: 100%;
background: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: 9999999999;
padding: 19px 49px;
color: #333333;
}
#mobileNavigation.active {
display: block !important;
}
#mobileNavigation .link {
margin-left: 10px;
margin-top: 10px;
font-size: 20px;
margin-bottom: 10px;
}
#mobileNavigation .link a {
color: #343434 !important;
font-weight:400;
}
@keyframes gradient-animation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.blob-container {
width: 400px;
filter: blur(0);
-webkit-filter: blur(0);
transform: translateZ(0);
-webkit-transform: translateZ(0);
-webkit-mask-image: unset !important;
position: absolute;
left: 65%;
bottom: 4%;
background: radial-gradient(20% 20% at calc(80% + var(--mx) * 10%) 0%, #a3668a, #ffffff00), radial-gradient(20% 20% at calc(20% - var(--mx) * 10%) 100%, #81818100, transparent), linear-gradient(1deg, rgb(76 201 240 / 0%) 15.64%, #c44a91 45%, #8e6a8d 60%, rgb(196 74 145 / 45%) 85%) !important;
height: 400px;
padding: 2px;
border-radius: 32px;
}
@keyframes rotate {
0% {
transform: rotateY(0deg) rotateX(0deg);
}
100% {
transform: rotateY(360deg) rotateX(360deg);
}
}
.cube-bg {
background: radial-gradient(147% 99.13% at 50% 20%,transparent 36.41%,#ffffff 76.27%,#ffffff 100%);
border-radius: 20px;
width: 100%;
height: 100%;
}
.cube-bg .lax {
position: absolute;
width: 100%;
height: 100%;
transform: translateZ;
}
#updowncube canvas {
mask-image: linear-gradient(to bottom, rgb(36 36 36) 71%, transparent 92%);
-webkit-mask-image: linear-gradient(to top, rgb(36 36 36) 82%, transparent 92%);
}
.rising-stars {
opacity: .7;
pointer-events: none
}
.rising-stars-visible div {
animation: risingStarsAnination linear infinite
}
.rising-stars div {
background: transparent;
border-radius: 50%
}
.rising-stars div:nth-child(1) {
animation-duration: 100s!important;
box-shadow: 693px 8435px #fff,1921px 246px #fff,1120px 872px #fff,1614px 1319px #fff,628px 1227px #fff,144px 1298px #fff,1152px 1529px #fff,1486px 1897px #fff,401px 1213px #fff,1023px 73px #fff,122px 509px #fff,1264px 1265px #fff,235px 1276px #fff,514px 1138px #fff,1019px 1915px #fff,1214px 1058px #fff,1740px 1354px #fff,1947px 791px #fff,1046px 438px #fff,695px 1209px #fff,58px 442px #fff,1143px 1489px #fff,1486px 607px #fff,730px 1396px #fff,402px 1177px #fff,1533px 657px #fff,1436px 657px #fff,1567px 1081px #fff,1632px 295px #fff,460px 1293px #fff,196px 800px #fff,1554px 1284px #fff,645px 1441px #fff,467px 502px #fff,1413px 497px #fff,1468px 434px #fff,34px 619px #fff,1858px 1004px #fff,834px 511px #fff,693px 916px #fff,330px 91px #fff,1686px 1366px #fff,36px 56px #fff,390px 1355px #fff,656px 99px #fff,1695px 1869px #fff,321px 1219px #fff,271px 1082px #fff,1730px 407px #fff,1769px 1790px #fff,1072px 780px #fff,630px 1561px #fff,1238px 1991px #fff,26px 440px #fff,998px 1604px #fff,1865px 631px #fff,289px 1635px #fff,689px 547px #fff,1691px 1147px #fff,113px 1933px #fff,1656px 949px #fff,903px 1220px #fff,1214px 503px #fff,505px 1391px #fff,1300px 1766px #fff,56px 194px #fff,1920px 572px #fff,1704px 945px #fff,1627px 278px #fff,1659px 793px #fff,1249px 1495px #fff,1029px 1187px #fff,1555px 408px #fff,1030px 250px #fff,725px 1744px #fff,1787px 1643px #fff,627px 199px #fff,1151px 698px #fff,1862px 81px #fff,166px 1098px #fff,896px 1022px #fff,1313px 123px #fff,1097px 1047px #fff,1288px 1258px #fff,691px 348px #fff,573px 862px #fff,277px 1220px #fff,1039px 1041px #fff,105px 634px #fff,389px 1046px #fff,1452px 914px #fff,1636px 1264px #fff,1809px 1362px #fff,1796px 1460px #fff,758px 131px #fff,1116px 891px #fff,837px 844px #fff,996px 497px #fff,270px 990px #fff,1646px 1943px #fff,1896px 734px #fff,1237px 154px #fff,795px 796px #fff,1773px 1527px #fff,1262px 1316px #fff,1949px 499px #fff,1987px 1438px #fff,993px 1583px #fff,1371px 423px #fff,1596px 388px #fff,878px 498px #fff,1571px 1310px #fff,1339px 290px #fff,1323px 1028px #fff,1224px 1001px #fff,1211px 1638px #fff,1877px 85px #fff,300px 787px #fff,1699px 1559px #fff,506px 8px #fff,703px 228px #fff,1903px 233px #fff,1740px 963px #fff,1901px 1551px #fff,34px 440px #fff,660px 713px #fff,953px 1397px #fff,1292px 1730px #fff,1733px 922px #fff,844px 1972px #fff,292px 85px #fff,786px 284px #fff,1716px 1293px #fff,111px 1807px #fff,1787px 1462px #fff,1190px 1837px #fff,224px 1552px #fff,1532px 1693px #fff,819px 594px #fff,1441px 1037px #fff,11px 1657px #fff,580px 645px #fff,1469px 330px #fff,1532px 1057px #fff,1146px 860px #fff,1438px 784px #fff,1365px 1858px #fff,271px 1335px #fff,1118px 712px #fff,1261px 48px #fff,1045px 447px #fff,1325px 1454px #fff,1517px 406px #fff,1339px 386px #fff,1375px 1652px #fff,1719px 966px #fff,581px 765px #fff,1222px 599px #fff,1567px 666px #fff,1154px 1378px #fff,1709px 480px #fff,1862px 285px #fff,286px 1888px #fff,587px 870px #fff,46px 832px #fff,1036px 286px #fff,1376px 261px #fff,1794px 981px #fff,1530px 1004px #fff,1700px 1617px #fff,1810px 253px #fff,578px 521px #fff,37px 1207px #fff,1126px 151px #fff,644px 603px #fff,1897px 1995px #fff,415px 579px #fff,929px 718px #fff,1025px 1952px #fff,1779px 1959px #fff,1955px 1752px #fff,1991px 136px #fff,659px 1463px #fff,1113px 1052px #fff,1628px 1806px #fff,1891px 1064px #fff,1782px 1329px #fff,510px 526px #fff,1348px 599px #fff,1157px 1994px #fff,936px 260px #fff,227px 251px #fff,24px 1290px #fff,1944px 701px #fff,1665px 745px #fff,1648px 1817px #fff,1446px 1941px #fff,1552px 802px #fff,483px 264px #fff,974px 537px #fff,966px 941px #fff,1960px 1542px #fff,281px 930px #fff,1000px 863px #fff,800px 1257px #fff,1949px 1845px #fff,43px 1126px #fff,981px 36px #fff,1355px 1949px #fff,797px 43px #fff,110px 906px #fff,829px 853px #fff,845px 1999px #fff,565px 1058px #fff,1424px 1028px #fff,903px 1574px #fff,1670px 632px #fff,1417px 1997px #fff,592px 1967px #fff,843px 1894px #fff,111px 341px #fff,1868px 1896px #fff,1846px 832px #fff,1627px 1557px #fff,1331px 723px #fff,707px 770px #fff,1589px 1422px #fff,1960px 1137px #fff,304px 572px #fff,1275px 459px #fff,707px 866px #fff,914px 1524px #fff,796px 551px #fff,896px 1655px #fff,1051px 182px #fff,1834px 636px #fff,278px 1663px #fff,1197px 1203px #fff,482px 1601px #fff,199px 924px #fff,1974px 1084px #fff,1676px 668px #fff,858px 1226px #fff,1375px 1873px #fff,415px 1817px #fff,1112px 312px #fff,1011px 1629px #fff,1217px 991px #fff,1418px 1998px #fff,1645px 1226px #fff,186px 1661px #fff,1614px 1374px #fff,732px 544px #fff,458px 72px #fff,1137px 1584px #fff,1704px 1103px #fff,329px 1958px #fff,17px 141px #fff,308px 1980px #fff,1975px 675px #fff,555px 330px #fff,787px 712px #fff,1062px 39px #fff,1586px 1771px #fff,1022px 1632px #fff,559px 1316px #fff,1254px 294px #fff,799px 865px #fff,672px 116px #fff,1994px 575px #fff,1733px 652px #fff,1233px 894px #fff,1369px 573px #fff,237px 262px #fff,1980px 200px #fff,657px 1489px #fff,1871px 1364px #fff,1571px 891px #fff,115px 617px #fff,1711px 1178px #fff,463px 183px #fff,1148px 841px #fff,566px 782px #fff,844px 1056px #fff,811px 1855px #fff,97px 842px #fff,1097px 10px #fff,886px 1066px #fff,1590px 1707px #fff,1884px 1313px #fff,1719px 408px #fff,256px 319px #fff,116px 253px #fff,132px 1237px #fff,912px 1912px #fff,568px 1053px #fff,840px 1523px #fff,521px 1780px #fff,1092px 554px #fff,1833px 1018px #fff,1897px 514px #fff,1765px 1236px #fff,415px 1512px #fff,1457px 1382px #fff,567px 1294px #fff,777px 505px #fff,1502px 635px #fff,422px 933px #fff,1609px 1030px #fff,124px 550px #fff,1839px 895px #fff,671px 1187px #fff,1445px 1668px #fff,1457px 633px #fff,363px 1250px #fff,1770px 1598px #fff,1802px 82px #fff,1784px 1798px #fff,1275px 1504px #fff,888px 264px #fff,157px 209px #fff,1803px 1572px #fff,722px 851px #fff,732px 365px #fff,485px 1277px #fff,155px 974px #fff,986px 339px #fff,283px 49px #fff,1605px 727px #fff,55px 359px #fff,468px 987px #fff,789px 283px #fff,97px 623px #fff,237px 432px #fff,577px 619px #fff,891px 623px #fff,861px 373px #fff,510px 1655px #fff,808px 1413px #fff,1626px 1241px #fff,368px 53px #fff,796px 852px #fff,1832px 152px #fff,575px 1066px #fff,1374px 1739px #fff,951px 1313px #fff,1305px 742px #fff,607px 1560px #fff,1735px 682px #fff,827px 805px #fff,270px 1759px #fff,606px 1115px #fff,569px 1730px #fff,742px 158px #fff,261px 1861px #fff,1926px 1332px #fff,461px 1982px #fff,380px 855px #fff,194px 1920px #fff,423px 228px #fff,498px 75px #fff,480px 27px #fff,1842px 769px #fff,1587px 605px #fff,721px 371px #fff,1248px 20px #fff,457px 1734px #fff,1642px 895px #fff,37px 282px #fff,139px 856px #fff,1863px 1254px #fff,728px 419px #fff,1930px 1638px #fff,587px 1392px #fff,52px 228px #fff,483px 1150px #fff,1127px 970px #fff,20px 1909px #fff,1427px 1208px #fff,421px 951px #fff,1552px 259px #fff,688px 1070px #fff,1618px 1896px #fff,1422px 942px #fff,902px 741px #fff,340px 916px #fff,1392px 1128px #fff,1713px 539px #fff,1213px 1312px #fff,170px 1565px #fff,1603px 719px #fff,1504px 1666px #fff,880px 440px #fff,1611px 1247px #fff,408px 1211px #fff,624px 371px #fff,1309px 531px #fff,1913px 955px #fff,170px 1921px #fff,40px 1967px #fff,1074px 1194px #fff,1025px 632px #fff,165px 277px #fff,1685px 1842px #fff,1840px 1925px #fff,1534px 859px #fff,411px 780px #fff,1814px 618px #fff,802px 1791px #fff,724px 1305px #fff,692px 603px #fff,662px 1720px #fff,682px 333px #fff,962px 170px #fff,845px 1277px #fff,1692px 650px #fff,810px 1576px #fff,1812px 1536px #fff,1031px 641px #fff,1794px 1450px #fff,496px 1923px #fff,1410px 998px #fff,1984px 1904px #fff,989px 1970px #fff,926px 1826px #fff,1063px 1831px #fff,586px 59px #fff,769px 1816px #fff,789px 993px #fff,1228px 1880px #fff,12px 1624px #fff,1706px 787px #fff,763px 1189px #fff,1066px 1139px #fff,1927px 182px #fff,1058px 927px #fff,463px 938px #fff,1608px 564px #fff,681px 1082px #fff,1681px 1704px #fff,499px 1586px #fff,1270px 184px #fff,731px 233px #fff,500px 916px #fff,1488px 1864px #fff,38px 1593px #fff,155px 639px #fff,1210px 435px #fff,671px 1152px #fff,1671px 473px #fff,424px 101px #fff,1456px 1419px #fff,1791px 1837px #fff,1783px 411px #fff,1355px 11px #fff,1840px 536px #fff,555px 538px #fff,71px 683px #fff,1375px 674px #fff,269px 545px #fff,1523px 79px #fff,1960px 602px #fff,828px 732px #fff,723px 771px #fff,712px 1505px #fff,285px 606px #fff,286px 1741px #fff,1233px 778px #fff,1717px 1221px #fff,1225px 981px #fff,691px 752px #fff,829px 78px #fff,1211px 1365px #fff,1701px 1323px #fff,1614px 87px #fff,1974px 1744px #fff,1227px 873px #fff,549px 1357px #fff,881px 1414px #fff,321px 1381px #fff,1378px 1339px #fff,1331px 1263px #fff,1997px 50px #fff,149px 776px #fff,1297px 1054px #fff,1183px 757px #fff,421px 58px #fff,1847px 217px #fff,1128px 1490px #fff,681px 485px #fff,486px 1455px #fff,224px 804px #fff,1971px 210px #fff,699px 1124px #fff,1210px 799px #fff,521px 18px #fff,1793px 1493px #fff,36px 815px #fff,1776px 462px #fff,1701px 196px #fff
}
.rising-stars div:nth-child(2) {
animation-duration: 150s!important;
box-shadow: 1432px 8687px #fff,281px 1550px #fff,797px 588px #fff,1219px 1750px #fff,291px 20px #fff,989px 1462px #fff,321px 1536px #fff,660px 1179px #fff,630px 1097px #fff,138px 1129px #fff,317px 982px #fff,1005px 692px #fff,594px 770px #fff,817px 1325px #fff,1750px 516px #fff,306px 784px #fff,103px 1251px #fff,1035px 897px #fff,1598px 760px #fff,1671px 1684px #fff,473px 120px #fff,1871px 422px #fff,1416px 1596px #fff,664px 469px #fff,1706px 1842px #fff,1830px 647px #fff,1494px 831px #fff,386px 209px #fff,1804px 1120px #fff,439px 1000px #fff,1089px 7px #fff,1293px 560px #fff,102px 1926px #fff,1219px 1667px #fff,1364px 1107px #fff,1270px 619px #fff,1180px 1657px #fff,1208px 521px #fff,807px 1325px #fff,478px 396px #fff,995px 327px #fff,1067px 352px #fff,1620px 1648px #fff,114px 1380px #fff,24px 883px #fff,1589px 883px #fff,1365px 139px #fff,778px 1926px #fff,1390px 1943px #fff,1755px 193px #fff,1575px 292px #fff,214px 1095px #fff,372px 1011px #fff,251px 31px #fff,1249px 1150px #fff,1481px 520px #fff,1716px 499px #fff,937px 1934px #fff,743px 494px #fff,1341px 1953px #fff,670px 1523px #fff,441px 940px #fff,1056px 944px #fff,1963px 1467px #fff,1543px 852px #fff,225px 763px #fff,957px 1937px #fff,1344px 460px #fff,497px 512px #fff,1676px 1196px #fff,961px 438px #fff,1721px 1580px #fff,418px 1874px #fff,316px 1597px #fff,1897px 526px #fff,640px 1420px #fff,50px 1211px #fff,1871px 726px #fff,1672px 1990px #fff,1258px 864px #fff,62px 614px #fff,314px 882px #fff,878px 1076px #fff,1724px 1142px #fff,543px 46px #fff,641px 425px #fff,76px 57px #fff,227px 927px #fff,816px 1130px #fff,1064px 1389px #fff,1915px 671px #fff,407px 1527px #fff,257px 605px #fff,983px 1012px #fff,1576px 388px #fff,1575px 1935px #fff,68px 1594px #fff,311px 107px #fff,832px 144px #fff,349px 1401px #fff,1150px 1652px #fff,627px 1663px #fff,922px 1119px #fff,720px 1629px #fff,305px 642px #fff,1125px 146px #fff,898px 750px #fff,642px 1538px #fff,88px 782px #fff,723px 1320px #fff,355px 785px #fff,1149px 1949px #fff,1522px 1885px #fff,1984px 957px #fff,256px 1165px #fff,1216px 1415px #fff,777px 408px #fff,819px 510px #fff,1239px 1325px #fff,1202px 326px #fff,225px 384px #fff,291px 498px #fff,1349px 535px #fff,1927px 1931px #fff,1673px 507px #fff,584px 1285px #fff,486px 743px #fff,1391px 1091px #fff,541px 947px #fff,1505px 1612px #fff,231px 1371px #fff,1336px 1722px #fff,729px 1068px #fff,1179px 1525px #fff,203px 76px #fff,1878px 736px #fff,1704px 1381px #fff,551px 1527px #fff,1110px 1859px #fff,313px 596px #fff,543px 9px #fff,1091px 951px #fff,1178px 1081px #fff,137px 1930px #fff,705px 1554px #fff,1427px 1999px #fff,988px 1968px #fff,271px 1720px #fff,1234px 1857px #fff,1559px 1284px #fff,1353px 1409px #fff,298px 1591px #fff,602px 1198px #fff,1451px 106px #fff,1835px 1119px #fff,1098px 324px #fff,946px 842px #fff,1308px 1879px #fff,1013px 57px #fff,1856px 1163px #fff,266px 1889px #fff,361px 657px #fff,1450px 873px #fff,1008px 644px #fff,632px 1115px #fff,45px 1126px #fff,845px 1090px #fff,582px 974px #fff,671px 82px #fff,561px 1442px #fff,1417px 594px #fff,931px 984px #fff,1677px 1052px #fff,1698px 844px #fff,1043px 1059px #fff,861px 1672px #fff,1922px 1111px #fff,1261px 310px #fff,1940px 1966px #fff,391px 1960px #fff,1116px 158px #fff,639px 1471px #fff,526px 1349px #fff,888px 1053px #fff,547px 563px #fff,1005px 1053px #fff,67px 98px #fff,9px 872px #fff,693px 1422px #fff,1303px 1524px #fff,1765px 655px #fff,66px 188px #fff,1929px 1145px #fff,1158px 1423px #fff,1897px 302px #fff,1421px 630px #fff,120px 240px #fff,777px 1748px #fff,802px 1919px #fff,1039px 745px #fff,1739px 897px #fff,327px 972px #fff,426px 1450px #fff,1900px 1785px #fff,431px 87px #fff,394px 1871px #fff,226px 1776px #fff,698px 757px #fff,944px 274px #fff,1764px 899px #fff,736px 858px #fff,1581px 867px #fff,1760px 594px #fff,315px 1572px #fff,612px 69px #fff,491px 1784px #fff,1487px 1998px #fff,371px 1477px #fff,1770px 638px #fff,606px 1666px #fff,347px 1014px #fff,659px 585px #fff,1762px 1819px #fff,1795px 823px #fff,486px 1488px #fff,1424px 977px #fff,1441px 1377px #fff,372px 1103px #fff,1736px 1114px #fff,883px 789px #fff,760px 456px #fff,1475px 1368px #fff,343px 415px #fff,1221px 823px #fff,894px 513px #fff,1016px 713px #fff,751px 22px #fff,875px 595px #fff,1999px 1266px #fff,1340px 652px #fff,1872px 540px #fff,1957px 753px #fff,308px 1242px #fff,1551px 1124px #fff,1417px 305px #fff,1701px 1843px #fff,539px 1505px #fff,404px 1442px #fff,146px 248px #fff,1942px 602px #fff,1019px 1240px #fff,813px 1300px #fff,1259px 1092px #fff,1820px 10px #fff,27px 222px #fff,278px 1838px #fff,1420px 1702px #fff,367px 61px #fff,433px 518px #fff,253px 1444px #fff,791px 954px #fff,1768px 1504px #fff,709px 1529px #fff,198px 246px #fff,1228px 131px #fff,812px 1859px #fff,1145px 784px #fff,165px 377px #fff,847px 535px #fff,71px 1404px #fff,1364px 1168px #fff,410px 1120px #fff,1265px 261px #fff,1678px 1845px #fff,305px 873px #fff,1524px 1720px #fff,608px 682px #fff,1277px 991px #fff,1865px 1097px #fff,1426px 197px #fff,435px 1774px #fff,42px 470px #fff,27px 453px #fff,306px 1691px #fff,60px 1692px #fff,1097px 1408px #fff,992px 136px #fff,1082px 1688px #fff,1925px 1301px #fff,156px 1675px #fff,164px 1147px #fff,109px 480px #fff,1597px 1391px #fff,238px 1553px #fff,1609px 303px #fff,1932px 1158px #fff,127px 891px #fff,279px 1047px #fff,909px 1389px #fff,1517px 1647px #fff,394px 1866px #fff,1351px 838px #fff,787px 660px #fff,138px 871px #fff,1228px 1149px #fff,1251px 1946px #fff,1766px 1350px #fff,230px 1552px #fff,1412px 1835px #fff,1465px 1476px #fff,288px 1472px #fff,1608px 1698px #fff,1503px 1254px #fff,888px 1080px #fff,962px 1952px #fff,987px 249px #fff,1516px 1971px #fff,598px 1683px #fff,740px 12px #fff,1017px 1917px #fff,1094px 894px #fff,596px 71px #fff,745px 1504px #fff,1234px 1514px #fff,13px 25px #fff,1981px 758px #fff,714px 853px #fff,1964px 637px #fff,373px 1568px #fff,1580px 1172px #fff,130px 605px #fff,1736px 1281px #fff,65px 1793px #fff,436px 861px #fff,33px 161px #fff,1530px 1981px #fff,1199px 1707px #fff,1118px 1175px #fff,470px 1959px #fff,1552px 233px #fff,1450px 1039px #fff,1012px 543px #fff,722px 621px #fff,777px 1365px #fff,1510px 1339px #fff,95px 896px #fff,60px 1765px #fff,62px 1148px #fff,720px 763px #fff,1434px 1114px #fff,250px 400px #fff,1903px 490px #fff,715px 762px #fff,185px 1156px #fff,1993px 907px #fff,389px 95px #fff,347px 1342px #fff,189px 1186px #fff,1498px 1760px #fff,1525px 358px #fff,479px 1712px #fff,483px 418px #fff,317px 815px #fff,380px 1413px #fff,1486px 922px #fff,1379px 894px #fff,1149px 1911px #fff,1360px 1819px #fff,140px 1776px #fff,1167px 875px #fff,332px 1193px #fff,1252px 1232px #fff,1713px 1820px #fff,455px 58px #fff,1045px 555px #fff,377px 1058px #fff,900px 1396px #fff,288px 592px #fff,399px 762px #fff,590px 460px #fff,126px 1925px #fff,1429px 890px #fff,1841px 1712px #fff,1975px 182px #fff,1559px 1169px #fff,1661px 1463px #fff,1723px 1948px #fff,1280px 1703px #fff,713px 1205px #fff,334px 1816px #fff,460px 724px #fff,1573px 1084px #fff,1543px 1086px #fff,1319px 1241px #fff,1014px 880px #fff,1492px 18px #fff,330px 153px #fff,3px 1416px #fff,1396px 166px #fff,1482px 1299px #fff,819px 1966px #fff,281px 3px #fff,1072px 1199px #fff,510px 456px #fff,1521px 1731px #fff,1801px 643px #fff,446px 529px #fff,1888px 1169px #fff,893px 683px #fff,1588px 348px #fff,1748px 566px #fff,232px 481px #fff,769px 200px #fff,1649px 1016px #fff,1675px 1930px #fff,1018px 1607px #fff,1137px 825px #fff,491px 608px #fff,28px 1383px #fff,329px 746px #fff,273px 1846px #fff,1257px 1139px #fff,258px 1278px #fff,821px 1393px #fff,237px 1117px #fff,172px 771px #fff,120px 608px #fff,670px 939px #fff,1412px 1095px #fff,1257px 1094px #fff,996px 1308px #fff,953px 1799px #fff,769px 11px #fff,1586px 864px #fff,1217px 1677px #fff,1276px 1159px #fff,1961px 488px #fff,1888px 676px #fff,1965px 634px #fff,1372px 1360px #fff,875px 1653px #fff,939px 408px #fff,1632px 1895px #fff,1858px 802px #fff,574px 1280px #fff,1800px 1240px #fff,1484px 537px #fff,926px 1379px #fff,1436px 1123px #fff,136px 506px #fff,920px 1692px #fff,1640px 1581px #fff,426px 528px #fff,1531px 45px #fff,634px 991px #fff,629px 319px #fff,808px 1818px #fff,144px 1357px #fff,69px 409px #fff,284px 1280px #fff,1975px 546px #fff,817px 261px #fff,1794px 575px #fff,1747px 1141px #fff,997px 1824px #fff,783px 1897px #fff,597px 1756px #fff,464px 1327px #fff,1041px 1795px #fff,1341px 699px #fff,1155px 1249px #fff,1801px 1098px #fff,1224px 922px #fff,1548px 85px #fff,1446px 1746px #fff,898px 625px #fff,1374px 742px #fff,1587px 1468px #fff,1720px 1268px #fff,776px 667px #fff,867px 128px #fff,841px 1808px #fff,1825px 1805px #fff,411px 1851px #fff,455px 1033px #fff,1103px 612px #fff,1066px 1433px #fff,1068px 835px #fff,1497px 1510px #fff,1517px 1457px #fff,793px 363px #fff,983px 613px #fff,655px 1820px #fff,1244px 1592px #fff,625px 264px #fff,744px 248px #fff,423px 1810px #fff,36px 428px #fff,797px 489px #fff,152px 1855px #fff;
opacity: .5
}
.rising-stars div:nth-child(3) {
animation-duration: 200s!important;
box-shadow: 1101px 12446px #fff,1029px 11px #fff,1085px 961px #fff,1767px 1121px #fff,78px 1112px #fff,1969px 440px #fff,743px 1548px #fff,1005px 1473px #fff,1843px 1450px #fff,1062px 547px #fff,1105px 1501px #fff,316px 1466px #fff,831px 1071px #fff,879px 1157px #fff,1400px 1368px #fff,1491px 1832px #fff,833px 1040px #fff,1788px 1114px #fff,312px 406px #fff,447px 1127px #fff,312px 1249px #fff,577px 1906px #fff,1673px 1170px #fff,926px 1822px #fff,1378px 770px #fff,55px 1592px #fff,1377px 419px #fff,577px 933px #fff,668px 576px #fff,1347px 1630px #fff,1994px 1661px #fff,856px 1426px #fff,262px 1304px #fff,736px 895px #fff,419px 329px #fff,1248px 187px #fff,1584px 1841px #fff,789px 603px #fff,1831px 1181px #fff,1972px 11px #fff,567px 1408px #fff,203px 1943px #fff,502px 961px #fff,1992px 284px #fff,153px 1236px #fff,1395px 491px #fff,133px 153px #fff,699px 61px #fff,511px 1467px #fff,1069px 909px #fff,1534px 1962px #fff,561px 866px #fff,1392px 1318px #fff,1524px 369px #fff,195px 1687px #fff,707px 1428px #fff,1528px 208px #fff,1658px 669px #fff,1579px 161px #fff,757px 766px #fff,72px 4px #fff,372px 1622px #fff,515px 1062px #fff,581px 89px #fff,818px 860px #fff,1949px 779px #fff,1085px 1014px #fff,1677px 551px #fff,502px 371px #fff,1034px 1401px #fff,1745px 1621px #fff,857px 1349px #fff,946px 1184px #fff,376px 1131px #fff,781px 1298px #fff,481px 1846px #fff,1052px 370px #fff,1499px 872px #fff,1606px 905px #fff,363px 1429px #fff,319px 177px #fff,1119px 1019px #fff,1056px 1981px #fff,64px 1192px #fff,572px 1714px #fff,569px 1206px #fff,795px 29px #fff,1125px 1133px #fff,1495px 862px #fff,1298px 587px #fff,1938px 1234px #fff,1009px 1328px #fff,1882px 684px #fff,682px 1022px #fff,844px 936px #fff,1246px 1933px #fff,1044px 1128px #fff,1973px 395px #fff,482px 1715px #fff,695px 528px #fff,1806px 1908px #fff,1578px 998px #fff,143px 1347px #fff,998px 1688px #fff,890px 1063px #fff,1355px 1564px #fff,1349px 350px #fff,1225px 1779px #fff,1841px 1934px #fff,314px 1913px #fff,143px 1167px #fff,1974px 25px #fff,615px 1143px #fff,416px 1967px #fff,1504px 1977px #fff,1017px 1660px #fff,580px 1086px #fff,1974px 1626px #fff,1014px 1610px #fff,266px 1343px #fff,963px 1117px #fff,82px 1048px #fff,1963px 1702px #fff,1294px 1845px #fff,1758px 1448px #fff,1829px 1691px #fff,1299px 279px #fff,446px 1018px #fff,1228px 1952px #fff,1369px 1924px #fff,1416px 532px #fff,263px 1688px #fff,1437px 792px #fff,469px 692px #fff,1904px 34px #fff,1618px 1580px #fff,663px 1204px #fff,816px 1628px #fff,340px 529px #fff,1404px 287px #fff,1149px 1846px #fff,1883px 1682px #fff,1637px 1057px #fff,570px 951px #fff,1623px 205px #fff,988px 439px #fff,519px 316px #fff,1510px 1127px #fff,120px 115px #fff,145px 853px #fff,772px 1379px #fff,852px 155px #fff,1741px 817px #fff,593px 1083px #fff,456px 260px #fff,527px 393px #fff,1763px 1510px #fff,1643px 1437px #fff,997px 1537px #fff,1320px 1844px #fff,611px 892px #fff,1242px 879px #fff,1556px 1491px #fff,882px 264px #fff,1632px 1402px #fff,206px 378px #fff,745px 1042px #fff,1734px 26px #fff,996px 352px #fff,181px 634px #fff,1609px 1890px #fff,1995px 1687px #fff,381px 547px #fff,1779px 225px #fff,1790px 1496px #fff,1368px 1212px #fff,140px 1516px #fff,992px 1470px #fff,748px 98px #fff,1682px 1653px #fff,21px 823px #fff,539px 789px #fff,1158px 1232px #fff,437px 1554px #fff,1224px 1078px #fff,262px 254px #fff,1618px 349px #fff,945px 1054px #fff,780px 131px #fff,605px 157px #fff,1586px 617px #fff,1120px 1794px #fff,1533px 751px #fff,1391px 1941px #fff,1920px 1852px #fff,1860px 1543px #fff,1621px 695px #fff,42px 1618px #fff,362px 428px #fff,1354px 688px #fff,1347px 228px #fff,1956px 1145px #fff,1160px 1979px #fff,124px 597px #fff,1491px 1234px #fff,1552px 876px #fff,1066px 1057px #fff,1420px 316px #fff,179px 590px #fff,435px 142px #fff,772px 861px #fff,878px 53px #fff,1172px 1627px #fff,1847px 580px #fff,1574px 1056px #fff,281px 1326px #fff,443px 1159px #fff,1768px 1225px #fff,1883px 1368px #fff,1957px 1304px #fff,1666px 1523px #fff,1607px 593px #fff,413px 549px #fff,878px 1579px #fff,1041px 766px #fff,638px 1178px #fff,1985px 534px #fff,537px 142px #fff,1376px 1133px #fff,990px 430px #fff,1062px 839px #fff,1658px 1871px #fff,20px 29px #fff,336px 219px #fff,1793px 323px #fff,1538px 176px #fff,558px 1227px #fff,1826px 1132px #fff,572px 1461px #fff,1900px 1647px #fff,1126px 1972px #fff,703px 358px #fff,1444px 1988px #fff,980px 721px #fff,240px 674px #fff,1731px 1607px #fff,49px 293px #fff,1392px 1831px #fff,101px 1661px #fff,1834px 1163px #fff,1709px 1336px #fff,88px 1546px #fff,1688px 1721px #fff,624px 1058px #fff,1347px 352px #fff,1262px 677px #fff,948px 1820px #fff,1222px 224px #fff,365px 633px #fff,747px 1162px #fff,527px 1874px #fff,1146px 1467px #fff,949px 1127px #fff,92px 1714px #fff,546px 657px #fff,172px 1489px #fff,587px 970px #fff,359px 1225px #fff,641px 1px #fff,1577px 926px #fff,608px 111px #fff,46px 1967px #fff,1339px 1895px #fff,723px 1320px #fff,329px 1730px #fff,1485px 247px #fff,824px 944px #fff,1441px 1462px #fff,1790px 193px #fff,909px 219px #fff,1161px 1469px #fff,1037px 501px #fff,1397px 999px #fff,1863px 1019px #fff,1956px 406px #fff,1424px 1301px #fff,1036px 676px #fff,1080px 1177px #fff,3px 696px #fff,488px 311px #fff,1907px 334px #fff,174px 1634px #fff,1975px 1271px #fff,947px 64px #fff,669px 767px #fff,721px 1159px #fff,1119px 902px #fff,1498px 2px #fff,372px 434px #fff,1658px 1144px #fff,178px 1549px #fff,1207px 1874px #fff,254px 393px #fff,1965px 1954px #fff,1688px 1283px #fff,359px 1700px #fff,1518px 394px #fff,77px 1612px #fff,216px 387px #fff,1435px 1841px #fff,1110px 1563px #fff,1828px 1710px #fff,527px 973px #fff,1471px 674px #fff,486px 851px #fff,926px 1590px #fff,1566px 1940px #fff,1638px 76px #fff,1369px 1201px #fff,1852px 1309px #fff,675px 1153px #fff,75px 1758px #fff,583px 1871px #fff,170px 655px #fff,710px 12px #fff,908px 1634px #fff,63px 1219px #fff,974px 1654px #fff,855px 1576px #fff,655px 1377px #fff,980px 1494px #fff,45px 100px #fff,1347px 969px #fff,212px 1349px #fff,676px 1443px #fff,1727px 738px #fff,1724px 513px #fff,295px 1126px #fff,582px 722px #fff,222px 291px #fff,1264px 731px #fff,1895px 1348px #fff,1234px 76px #fff,47px 1101px #fff,774px 1279px #fff,1251px 1960px #fff,1113px 1422px #fff,1025px 1581px #fff,1195px 953px #fff,1402px 1616px #fff,537px 92px #fff,832px 887px #fff,95px 1596px #fff,351px 270px #fff,1231px 1562px #fff,830px 364px #fff,664px 128px #fff,1792px 879px #fff,1847px 287px #fff,1140px 615px #fff,122px 69px #fff,1881px 1138px #fff,1221px 1144px #fff,338px 1372px #fff,1222px 1110px #fff,1245px 1334px #fff,775px 824px #fff,1829px 1036px #fff,966px 1438px #fff,1256px 1511px #fff,1313px 1398px #fff,1641px 1165px #fff,1112px 355px #fff,69px 1672px #fff,1251px 453px #fff,733px 244px #fff,665px 527px #fff,829px 975px #fff,332px 1765px #fff,1332px 1562px #fff,1445px 803px #fff,899px 1365px #fff,1791px 1417px #fff,1766px 1682px #fff,1995px 234px #fff,407px 660px #fff,97px 88px #fff,158px 1614px #fff,1474px 321px #fff,776px 889px #fff,199px 83px #fff,1999px 1201px #fff,1591px 1090px #fff,640px 404px #fff,92px 1325px #fff,1802px 1062px #fff,389px 1731px #fff,64px 1986px #fff,334px 25px #fff,682px 1235px #fff,19px 1285px #fff,761px 259px #fff,1129px 494px #fff,1272px 677px #fff,285px 1943px #fff,938px 1838px #fff,1942px 66px #fff,1921px 595px #fff,1767px 843px #fff,1018px 1857px #fff,1487px 904px #fff,1541px 338px #fff,842px 593px #fff,1643px 1017px #fff,463px 329px #fff,1903px 1984px #fff,105px 663px #fff,975px 116px #fff,274px 955px #fff,1421px 1158px #fff,784px 596px #fff,218px 796px #fff,763px 1015px #fff,494px 36px #fff,99px 1630px #fff,91px 21px #fff,929px 1894px #fff,670px 1560px #fff,1096px 1824px #fff,313px 1784px #fff,1512px 251px #fff,1020px 1738px #fff,714px 671px #fff,278px 1287px #fff,1251px 886px #fff,1852px 545px #fff,209px 1270px #fff,128px 1874px #fff,853px 1429px #fff,150px 1984px #fff,991px 709px #fff,417px 1871px #fff,1439px 1133px #fff,702px 1448px #fff,827px 1661px #fff,630px 103px #fff,589px 894px #fff,1178px 297px #fff,1202px 1982px #fff,1728px 679px #fff,1936px 1470px #fff,1161px 1711px #fff,1661px 1092px #fff,46px 1100px #fff,187px 388px #fff,636px 1445px #fff,171px 1213px #fff,1646px 1200px #fff,1182px 157px #fff,1217px 1015px #fff,1936px 807px #fff,1743px 890px #fff,1825px 27px #fff,545px 21px #fff,1895px 993px #fff,1631px 1180px #fff,1634px 411px #fff,1998px 886px #fff,1479px 906px #fff,528px 970px #fff,861px 1238px #fff,881px 361px #fff,960px 916px #fff,280px 950px #fff,1310px 986px #fff,768px 1796px #fff,1187px 980px #fff,612px 1279px #fff,377px 1876px #fff,1170px 736px #fff,1331px 733px #fff,450px 233px #fff,1875px 1317px #fff,1868px 1315px #fff,1874px 1018px #fff,1062px 1949px #fff,1266px 797px #fff,1087px 443px #fff,1984px 369px #fff,1209px 1726px #fff,1626px 501px #fff,1991px 986px #fff,1467px 356px #fff,1163px 964px #fff,1671px 1944px #fff,374px 1634px #fff,1556px 820px #fff,1800px 1600px #fff,1314px 1935px #fff,1174px 1293px #fff;
opacity: .3
}
@keyframes risingStarsAnination {
0% {
transform: translateZ(0) translateY(-300px)
}
to {
transform: translateZ(0) translateY(-2000px)
}
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}
@media (max-width: 768px) {
.main-box {
display: flex !important;
flex-direction: column !important;
}
.main-box div:nth-child(1) {
width: 100% !important;
}
.main-box div:nth-child(2) {
width: 100% !important;
margin-bottom:40px;
}
.content {
width: 100% !important;
max-width: 100% !important;
}
.content h2 {
font-size: 32px !important;
line-height: 38px !important;
}
.info-box {
gap: 20px !important;
display: flex !important;
align-items: center !important;
margin: auto !important;
margin-top: 40px !important;
margin-left: 30px !important;
margin-right: 30px !important;
justify-content: space-between !important;
}
.blog-box {
max-width: 100% !important;
flex-basis: 100% !important;
}
.blog-container {
display: flex !important;
flex-direction: column !important;
}
.blog-box {
max-width: 100% !important;
flex-basis: 100% !important;
}
}
html {
scroll-behavior: smooth;
}
.works-with img {
transition: all 0.3s ease-in-out;
}
.works-with img:hover {
filter: grayscale(0) !important;
opacity: 1 !important;
}
.featureDisplayMobile {
display: none !important;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding: 0px 20px;
margin-top: 00px !important;
display: flex;
margin: auto;
align-items: center;
gap: 7px;
width: calc(100% + 40px);
margin-left: -20px;
position: relative;
padding: 20px;
}
.featureDisplayMobile::-webkit-scrollbar {
display: none;
}
.featureDisplayMobile .box {
width: 98%;
flex-shrink: 0;
scroll-snap-align: center;
background: white;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
--tw-shadow-colored: 0 1px 2px 0 var(
--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
border: 1px solid #e8e8e8;
border-radius: 20px;
padding: 20px;
min-height: 400px !important;
display: flex;
flex-direction: column;
justify-content: center;
}
.featureDisplayMobile .box.dark {
background: #080816 !important;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) !important;
border: 1px solid #1b1f45 !important;
padding: 40px !important;
border-radius: 20px !important;
background: radial-gradient(ellipse at center,rgb(28 33 77),transparent) !important;
min-height: 220px !important;
}
.featureDisplayMobile .box img {
margin-bottom: 20px;
mask-image: linear-gradient(to bottom, rgb(36 36 36) 82%, transparent 92%) !important;
-webkit-mask-image: linear-gradient(to bottom, rgb(36 36 36) 82%, transparent 92%) !important;
}
.featureDisplayMobile p {
text-align: left !important;
}
@media (max-width: 1200px) {
.featureDisplay {
display: none !important;
}
.featureDisplayMobile {
display: flex !important;
}
.worksWith {
margin-top: 120px !important;
max-width: 400px;
}
.worksWith .works-with {
gap: 30px !important;
}
.gradientBg {
background: radial-gradient(236% 105.13% at 50% -2%,transparent 41.41%, #ccf6fc 48%, #91c1fc 54%, #5a6be4 68%, #0b0c1e 95%, #0b0c1e 100%) !important;
}
.mobexpand p {
width: 100% !important;
margin-left: 0px !important;
}
}
@media (max-width: 800px) {
.securityGraphic {
display:none !important;
width: calc(100% + 40px) !important;
}
.securityGraphicBg {
/* width: 100% !important; */
}
.securityText {position: relative !important;margin-top: 50px !important;margin-bottom: 0px !important;font-size: 25px;line-height: 1.5 !important;font-weight: 600 !important;-webkit-background-clip: text !important;background-clip: text !important;background-image: linear-gradient(169deg, #ffffff 14%, rgb(184 192 255) 49%) !important;-webkit-background-clip: text !important;}
}
.finetunedb-blog p,
.finetunedb-blog h2
{
text-align: left !important;
}
footer p,
footer h2
{
text-align: center !important;
}
.finetunedb-blog li {
margin-bottom: 10px !important;
font-size: 17px;
line-height: 1.6 !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
--tw-text-opacity: 1 !important;
color: rgb(71 85 105 / var(--tw-text-opacity)) !important;
}
.finetunedb-blog h2:not(.main-title) {
line-height: 1.2;
margin-bottom: 25px !important;
margin-top: 50px !important;
font-size: 50px;
-webkit-text-fill-color: unset !important;
background-image: unset !important;
-webkit-background-clip: unset !important;
font-size: 24px !important;
line-height: 36px;
}
.finetunedb-blog h3 {
line-height: 1.2;
margin-top: 20px !important;
margin-bottom: 20px !important;
-webkit-text-fill-color: unset !important;
background-image: unset !important;
-webkit-background-clip: unset !important;
font-size: 20px !important;
line-height: 20px;
}
#line1, #line2, #line3{
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
}
.animate #line1, .animate #line2, .animate #line3{
animation: draw 3s ease-in forwards;
}
.highlightCirlce {
opacity: 0;
}
.animate .highlightCirlce {
animation: fadeInUp 1s forwards;
animation-delay: 1.075s;
}
#highlightThing {
opacity: 0;
}
.animate #highlightThing {
animation: fadeInUp ease-in-out 1s forwards;
animation-delay: 1.35s;
}
#finetuningTextBg {
opacity: 0;
top: -10px;
}
.animate #finetuningTextBg {
animation: fadeInUpSlight ease-in-out 1s forwards;
animation-delay: 1.45s;
}
#svgContainer {
animation-delay: 6s;
}
#line2 {
stroke: #8b85e2
}
@keyframes fadeInUp {
0% {
opacity: 0;
}
100% {
opacity: 0.6;
}
}
@keyframes fadeInUpSlight {
0% {
opacity: 0;
transform:translate(103px, -3px)
}
100% {
opacity: 1;
transform: translate(103px, -13px)
}
}
@keyframes draw {
to {
stroke-dashoffset: 0;
}
}
@keyframes gradientSpin {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
.mobsmall {
text-align: center !important;
}