/* Generated on: Sat Mar 25 2023 19:53:33 GMT+0000 (Coordinated Universal Time) */ /* ========================================================================== normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css ========================================================================== */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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} /* ========================================================================== Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below. ========================================================================== */ @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} /* ========================================================================== Start of custom Webflow CSS ========================================================================== */ .w-checkbox { display: block; margin-bottom: 5px; padding-left: 20px; } .w-checkbox::before { content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; } .w-checkbox::after { content: ' '; display: table; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; clear: both; } .w-checkbox-input { float: left; margin-bottom: 0px; margin-left: -20px; margin-right: 0px; margin-top: 4px; line-height: normal; } .w-checkbox-input--inputType-custom { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; border-right-color: #ccc; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; width: 12px; height: 12px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; border-top-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; border-right-color: #3898ec; background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0px 0px 3px 1px #3898ec; } .w-commerce-commercecheckoutformcontainer { width: 100%; min-height: 100vh; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; background-color: #f5f5f5; } .w-commerce-commercelayoutcontainer { display: flex; align-items: flex-start; justify-content: center; } .w-commerce-commercelayoutmain { flex-basis: 800px; flex-grow: 0; flex-shrink: 1; margin-right: 20px; } .w-commerce-commercecartapplepaybutton { background-color: #000; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; text-decoration: none; display: flex; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 8px; height: 38px; min-height: 30px; } .w-commerce-commercecartapplepayicon { width: 100%; height: 50%; min-height: 20px; } .w-commerce-commercecartquickcheckoutbutton { background-color: #000; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; text-decoration: none; display: flex; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; justify-content: center; margin-bottom: 8px; height: 38px; } .w-commerce-commercequickcheckoutgoogleicon { display: block; margin-right: 8px; } .w-commerce-commercequickcheckoutmicrosofticon { display: block; margin-right: 8px; } .w-commerce-commercecheckoutcustomerinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutblockheader { display: flex; justify-content: space-between; align-items: baseline; padding-top: 4px; padding-bottom: 4px; padding-right: 20px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: #e6e6e6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e6e6e6; border-right-style: solid; border-right-width: 1px; border-right-color: #e6e6e6; border-left-style: solid; border-left-width: 1px; border-left-color: #e6e6e6; background-color: #fff; } .w-commerce-commercecheckoutblockcontent { padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e6e6e6; border-right-style: solid; border-right-width: 1px; border-right-color: #e6e6e6; border-left-style: solid; border-left-width: 1px; border-left-color: #e6e6e6; background-color: #fff; } .w-commerce-commercecheckoutlabel { margin-bottom: 8px; } .w-commerce-commercecheckoutemailinput { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutemailinput::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutemailinput::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutemailinput::placeholder { color: #999; } .w-commerce-commercecheckoutemailinput:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingaddresswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingfullname { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingfullname::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddress { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingstreetaddress::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutrow { display: flex; margin-right: -8px; margin-left: -8px; } .w-commerce-commercecheckoutcolumn { padding-right: 8px; padding-left: 8px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } .w-commerce-commercecheckoutshippingcity { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingcity::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstateprovince { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingstateprovince::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingzippostalcode { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingzippostalcode::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingcountryselector { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutshippingcountryselector::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingmethodswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingmethodslist { border-left-color: #e6e6e6; border-left-width: 1px; border-left-style: solid; border-right-color: #e6e6e6; border-right-width: 1px; border-right-style: solid; } .w-commerce-commercecheckoutshippingmethoditem { padding-top: 16px; padding-bottom: 16px; padding-right: 16px; padding-left: 16px; font-weight: 400; display: flex; flex-direction: row; border-bottom-color: #e6e6e6; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0px; background-color: #fff; align-items: baseline; } .w-commerce-commercecheckoutshippingmethoddescriptionblock { margin-left: 12px; margin-right: 12px; display: flex; flex-direction: column; flex-grow: 1; } .w-commerce-commerceboldtextblock { font-weight: 700; } .w-commerce-commercecheckoutshippingmethodsemptystate { text-align: center; padding-left: 16px; padding-right: 16px; padding-top: 64px; padding-bottom: 64px; border-left-style: solid; border-left-width: 1px; border-left-color: #e6e6e6; border-right-style: solid; border-right-width: 1px; border-right-color: #e6e6e6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e6e6e6; background-color: #fff; } .w-commerce-commercecheckoutpaymentinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutcardnumber { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: text; } .w-commerce-commercecheckoutcardnumber::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber::placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardnumber.-wfp-focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: text; } .w-commerce-commercecheckoutcardexpirationdate::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate::placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: text; } .w-commerce-commercecheckoutcardsecuritycode::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode::placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingaddresstogglewrapper { display: flex; flex-direction: row; } .w-commerce-commercecheckoutbillingaddresstogglecheckbox { margin-top: 4px; } .w-commerce-commercecheckoutbillingaddresstogglelabel { font-weight: 400; margin-left: 8px; } .w-commerce-commercecheckoutbillingaddresswrapper { margin-top: 16px; margin-bottom: 20px; } .w-commerce-commercecheckoutbillingfullname { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingfullname::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddress { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingstreetaddress::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcity { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingcity::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstateprovince { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingstateprovince::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingzippostalcode { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingzippostalcode::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcountryselector { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecheckoutbillingcountryselector::-moz-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutorderitemswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryblockheader { display: flex; justify-content: space-between; align-items: baseline; padding-top: 4px; padding-bottom: 4px; padding-right: 20px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: #e6e6e6; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e6e6e6; border-right-style: solid; border-right-width: 1px; border-right-color: #e6e6e6; border-left-style: solid; border-left-width: 1px; border-left-color: #e6e6e6; background-color: #fff; } .w-commerce-commercecheckoutorderitemslist { margin-bottom: -20px; } .w-commerce-commercecheckoutorderitem { margin-bottom: 20px; display: flex; } .w-commerce-commercecartitemimage { width: 60px; height: 0%; } .w-commerce-commercecheckoutorderitemdescriptionwrapper { margin-left: 16px; margin-right: 16px; flex-grow: 1; } .w-commerce-commercecheckoutorderitemoptionlist { text-decoration: none; padding-left: 0px; margin-bottom: 0px; list-style-type: none; } .w-commerce-commercelayoutsidebar { flex-basis: 320px; flex-grow: 0; flex-shrink: 0; position: -webkit-sticky; position: sticky; top: 20px; } .w-commerce-commercecheckoutordersummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummarylineitem { display: flex; flex-direction: row; margin-bottom: 8px; justify-content: space-between; } .w-commerce-commercecheckoutordersummaryextraitemslistitem { display: flex; flex-direction: row; margin-bottom: 8px; justify-content: space-between; } .w-commerce-commercecheckoutsummarytotal { font-weight: 700; } .w-commerce-commercecheckoutplaceorderbutton { background-color: #3898ec; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 9px; padding-bottom: 9px; padding-left: 15px; padding-right: 15px; text-decoration: none; display: block; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 20px; text-align: center; } .w-commerce-commercecheckouterrorstate { margin-top: 16px; margin-bottom: 16px; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; background-color: #ffdede; } .w-commerce-commercecartwrapper { display: inline-block; position: relative; } .w-commerce-commercecartopenlink { background-color: #3898ec; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 9px; padding-bottom: 9px; padding-left: 15px; padding-right: 15px; text-decoration: none; display: flex; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecartopenlinkicon { margin-right: 8px; } .w-commerce-commercecartopenlinkcount { display: inline-block; height: 18px; min-width: 18px; margin-left: 8px; padding-right: 6px; padding-left: 6px; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; border-top-left-radius: 9px; border-top-right-radius: 9px; background-color: #fff; color: #3898ec; font-size: 11px; line-height: 18px; font-weight: 700; text-align: center; } .w-commerce-commercecartcontainerwrapper { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1001; background-color: rgba(0, 0, 0, 0.8); } .w-commerce-commercecartcontainerwrapper--cartType-modal { display: flex; flex-direction: column; justify-content: center; align-items: center; } .w-commerce-commercecartcontainerwrapper--cartType-leftSidebar { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-rightSidebar { display: flex; flex-direction: row; justify-content: flex-end; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown { position: absolute; top: 100%; left: 0px; right: auto; bottom: auto; background-color: transparent; } .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown { position: absolute; left: auto; top: 100%; right: 0px; bottom: auto; background-color: transparent; } .w-commerce-commercecartcontainer { display: flex; width: 100%; max-width: 480px; min-width: 320px; flex-direction: column; overflow: auto; background-color: #fff; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.25); } .w-commerce-commercecartheader { position: relative; display: flex; padding-top: 16px; padding-bottom: 16px; padding-left: 24px; padding-right: 24px; justify-content: space-between; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e6e6e6; align-items: center; } .w-commerce-commercecartheading { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; } .w-commerce-commercecartcloselink { width: 16px; height: 16px; } .w-commerce-commercecartformwrapper { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } .w-commerce-commercecartform { display: flex; flex-direction: column; justify-content: flex-start; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } .w-commerce-commercecartlist { overflow: auto; padding-top: 12px; padding-bottom: 12px; padding-left: 24px; padding-right: 24px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; -webkit-overflow-scrolling: touch; } .w-commerce-commercecartitem { display: flex; padding-top: 12px; padding-bottom: 12px; align-items: flex-start; } .w-commerce-commercecartiteminfo { display: flex; margin-right: 16px; margin-left: 16px; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } .w-commerce-commercecartproductname { font-weight: 700; } .w-commerce-commercecartoptionlist { text-decoration: none; padding-left: 0px; margin-bottom: 0px; list-style-type: none; } .w-commerce-commercecartquantity { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 10px; padding-top: 8px; padding-right: 6px; padding-bottom: 8px; padding-left: 12px; width: 60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commercecartquantity::-moz-placeholder { color: #999; } .w-commerce-commercecartquantity::-ms-input-placeholder { color: #999; } .w-commerce-commercecartquantity::placeholder { color: #999; } .w-commerce-commercecartquantity:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commercecartfooter { display: flex; padding-top: 16px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-style: solid; border-top-width: 1px; border-top-color: #e6e6e6; } .w-commerce-commercecartlineitem { display: flex; margin-bottom: 16px; justify-content: space-between; align-items: baseline; flex-grow: 0; flex-shrink: 0; flex-basis: auto; } .w-commerce-commercecartordervalue { font-weight: 700; } .w-commerce-commercecartcheckoutbutton { background-color: #3898ec; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 9px; padding-bottom: 9px; padding-left: 15px; padding-right: 15px; text-decoration: none; display: block; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; } .w-commerce-commercecartemptystate { display: flex; padding-top: 100px; padding-bottom: 100px; justify-content: center; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } .w-commerce-commercecarterrorstate { margin-top: 0px; margin-right: 24px; margin-bottom: 24px; margin-left: 24px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: #ffdede; } .w-commerce-commerceaddtocartform { margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .w-commerce-commerceaddtocartoptionpillgroup { display: flex; margin-bottom: 10px; } .w-commerce-commerceaddtocartoptionpill { margin-right: 10px; padding-top: 8px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-color: #000; border-bottom-color: #000; border-left-color: #000; border-right-color: #000; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; color: #000; background-color: #fff; cursor: pointer; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected { color: #fff; background-color: #000; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled { color: #666; background-color: #e6e6e6; border-top-color: #e6e6e6; border-bottom-color: #e6e6e6; border-left-color: #e6e6e6; border-right-color: #e6e6e6; cursor: not-allowed; outline-style: none; } .w-commerce-commerceaddtocartquantityinput { background-color: #fafafa; border-top-style: solid; border-top-width: 1px; border-top-color: #ddd; border-right-style: solid; border-right-width: 1px; border-right-color: #ddd; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ddd; border-left-style: solid; border-left-width: 1px; border-left-color: #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 10px; padding-top: 8px; padding-right: 6px; padding-bottom: 8px; padding-left: 12px; width: 60px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commerceaddtocartquantityinput::-moz-placeholder { color: #999; } .w-commerce-commerceaddtocartquantityinput::-ms-input-placeholder { color: #999; } .w-commerce-commerceaddtocartquantityinput::placeholder { color: #999; } .w-commerce-commerceaddtocartquantityinput:focus { border-top-color: #3898ec; border-right-color: #3898ec; border-bottom-color: #3898ec; border-left-color: #3898ec; outline-style: none; } .w-commerce-commerceaddtocartbutton { background-color: #3898ec; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 9px; padding-bottom: 9px; padding-left: 15px; padding-right: 15px; text-decoration: none; display: flex; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled { color: #666; background-color: #e6e6e6; border-top-color: #e6e6e6; border-bottom-color: #e6e6e6; border-left-color: #e6e6e6; border-right-color: #e6e6e6; cursor: not-allowed; outline-style: none; } .w-commerce-commercebuynowbutton { background-color: #3898ec; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: #fff; cursor: pointer; padding-top: 9px; padding-bottom: 9px; padding-left: 15px; padding-right: 15px; text-decoration: none; display: inline-block; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 10px; } .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled { color: #666; background-color: #e6e6e6; border-top-color: #e6e6e6; border-bottom-color: #e6e6e6; border-left-color: #e6e6e6; border-right-color: #e6e6e6; cursor: not-allowed; outline-style: none; } .w-commerce-commerceaddtocartoutofstock { margin-top: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; background-color: #ddd; } .w-commerce-commerceaddtocarterror { margin-top: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; background-color: #ffdede; } .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; } .w-commerce-commerceorderconfirmationcontainer { width: 100%; min-height: 100vh; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; background-color: #f5f5f5; } .w-commerce-commercecheckoutcustomerinfosummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryitem { margin-bottom: 8px; } .w-commerce-commercecheckoutsummarylabel { margin-bottom: 8px; } .w-commerce-commercecheckoutsummaryflexboxdiv { display: flex; flex-direction: row; justify-content: flex-start; } .w-commerce-commercecheckoutsummarytextspacingondiv { margin-right: 0.33em; } .w-commerce-commercecheckoutshippingsummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutpaymentsummarywrapper { margin-bottom: 20px; } .w-commerce-commercepaypalcheckoutformcontainer { width: 100%; min-height: 100vh; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; background-color: #f5f5f5; } .w-commerce-commercepaypalcheckouterrorstate { margin-top: 16px; margin-bottom: 16px; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; background-color: #ffdede; } @media screen and (max-width: 767px) { .w-commerce-commercelayoutcontainer { flex-direction: column; align-items: stretch; } .w-commerce-commercelayoutmain { margin-right: 0px; flex-basis: auto; } .w-commerce-commercelayoutsidebar { flex-basis: auto; } } @media screen and (max-width: 479px) { .w-commerce-commercecheckoutemailinput { font-size: 16px; } .w-commerce-commercecheckoutshippingfullname { font-size: 16px; } .w-commerce-commercecheckoutshippingstreetaddress { font-size: 16px; } .w-commerce-commercecheckoutshippingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutrow { flex-direction: column; } .w-commerce-commercecheckoutshippingcity { font-size: 16px; } .w-commerce-commercecheckoutshippingstateprovince { font-size: 16px; } .w-commerce-commercecheckoutshippingzippostalcode { font-size: 16px; } .w-commerce-commercecheckoutshippingcountryselector { font-size: 16px; } .w-commerce-commercecheckoutcardnumber { font-size: 16px; } .w-commerce-commercecheckoutcardexpirationdate { font-size: 16px; } .w-commerce-commercecheckoutcardsecuritycode { font-size: 16px; } .w-commerce-commercecheckoutbillingfullname { font-size: 16px; } .w-commerce-commercecheckoutbillingstreetaddress { font-size: 16px; } .w-commerce-commercecheckoutbillingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutbillingcity { font-size: 16px; } .w-commerce-commercecheckoutbillingstateprovince { font-size: 16px; } .w-commerce-commercecheckoutbillingzippostalcode { font-size: 16px; } .w-commerce-commercecheckoutbillingcountryselector { font-size: 16px; } .w-commerce-commercecartcontainerwrapper--cartType-modal { flex-direction: row; justify-content: center; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; flex-direction: row; justify-content: center; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; flex-direction: row; justify-content: center; align-items: stretch; } .w-commerce-commercecartquantity { font-size: 16px; } .w-commerce-commerceaddtocartquantityinput { font-size: 16px; } } body { font-family: Avertastd; color: #0d0e10; font-size: 16px; line-height: 120%; } h1 { margin-top: 0px; margin-bottom: 32px; font-family: Plusjakartasans, sans-serif; color: #0d0e10; font-size: 58px; line-height: 100%; font-weight: 800; letter-spacing: -1.5px; } h2 { margin-top: 0px; margin-bottom: 30px; font-family: Plusjakartasans, sans-serif; font-size: 48px; line-height: 110%; font-weight: 800; letter-spacing: -0.16px; } h3 { margin-top: 0px; margin-bottom: 30px; font-family: Exo, sans-serif; font-size: 28px; line-height: 125%; font-weight: 700; letter-spacing: -0.16px; } h4 { margin-top: 0px; margin-bottom: 30px; font-family: Plusjakartasans, sans-serif; font-size: 36px; line-height: 128%; font-weight: 700; letter-spacing: -0.16px; } h5 { margin-top: 0px; margin-bottom: 30px; font-family: Plusjakartasans, sans-serif; font-size: 60px; line-height: 117%; font-weight: 700; letter-spacing: -2px; } h6 { margin-top: 0px; margin-bottom: 20px; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); font-family: Plusjakartasans, sans-serif; color: #b16cea; font-size: 20px; line-height: 150%; font-weight: 600; letter-spacing: 1.28px; text-transform: uppercase; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } p { margin-bottom: 30px; font-family: Exo, sans-serif; color: rgba(13, 14, 16, 0.9); font-size: 20px; line-height: 130%; } a { display: inline-block; margin-bottom: 0px; color: #ff5e69; text-decoration: underline; } ul { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; font-size: 22px; } ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } li { margin-bottom: 10px; line-height: 155%; } blockquote { margin-bottom: 10px; padding: 10px 20px; border-left: 5px solid #e2e2e2; font-size: 18px; line-height: 22px; } .style-guide-main { position: relative; display: flex; width: 90%; max-width: 1140px; margin-top: 0px; margin-right: auto; margin-left: auto; padding: 120px 0px; flex-direction: column; justify-content: space-between; align-items: flex-start; font-family: Plusjakartasans, sans-serif; } .h5-heading-white { color: #fff; } .h5-heading-white.newsletter { margin-bottom: 24px; } .paragraph-22px-white { margin-top: 8px; margin-bottom: 0px; color: hsla(0, 0%, 100%, 0.8); font-size: 22px; } .image-cover { position: relative; z-index: 10; width: 100%; height: 100%; border-radius: 24px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 120px; padding-bottom: 120px; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .wrapper.licensing { margin-top: 60px; padding-top: 40px; padding-bottom: 100px; padding-left: 0px; flex-direction: column; align-items: center; border: 2px none #000; border-radius: 5px; } .wrapper.changelog-wrapper { padding-bottom: 180px; flex-direction: column; justify-content: center; } .wrapper.instructions { padding-top: 80px; padding-bottom: 180px; flex-direction: column; justify-content: center; } .wrapper.licenses { margin-top: 60px; padding-top: 40px; padding-bottom: 100px; padding-left: 0px; flex-direction: column; align-items: flex-start; border: 2px none #000; border-radius: 5px; } .licensing-heading { margin-bottom: 30px; } .licensing-paragraph { max-width: 650px; margin-top: 24px; margin-bottom: 0px; color: hsla(0, 0%, 100%, 0.9); font-size: 18px; text-align: center; } .licensing-tag-subtext { margin-right: 8px; margin-bottom: 0px; font-size: 20px; line-height: 160%; } .licensing-tag-subtext.bold { font-size: 24px; font-weight: 700; } .licensing-tag-subtext.small { max-width: 400px; } .licensing-image-and-text-wrapper { display: flex; width: 100%; margin-top: 0px; padding: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-style: none; border-width: 2px; border-color: #0d0e10; border-radius: 5px; } .licencing-images-grid { display: -ms-grid; display: grid; width: 100%; margin-top: 0px; margin-bottom: 100px; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .licencing-image-item { height: 250px; } .reference-headings { margin-bottom: 0px; font-size: 90px; text-align: center; } .reference-headings.white { color: #fff; } .version-number { margin-bottom: 10px; color: #fff; font-size: 56px; } .update-wrapper { margin-top: 20px; margin-left: 0px; padding: 0px; } .version-wrapper { display: flex; flex-direction: column; align-items: center; } .paragraph { margin-bottom: 0px; color: #fff; } .wrapper-changelog { display: flex; width: 85%; max-width: 1215px; margin-right: auto; margin-left: auto; padding-top: 80px; padding-bottom: 80px; justify-content: space-between; align-items: center; } .wrapper-changelog.updates { width: 100%; max-width: 600px; margin-top: 48px; padding: 52px 40px; flex-direction: column; justify-content: center; border: 3px none #000; border-radius: 24px; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); box-shadow: 0 10px 70px 0 rgba(83, 83, 83, 0.07); } .update-date { color: #fff; font-size: 22px; line-height: 155%; font-style: normal; font-weight: 500; } .heading-wrapper { width: 100%; } .page-wrapper { font-family: Plusjakartasans, sans-serif; } .page-wrapper.overflow-hidden { overflow: hidden; } .navigation-bar { background-color: transparent; } .navigation-wrapper { display: flex; width: 95%; max-width: 1340px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; justify-content: space-between; align-items: center; } .navigation-wrapper.with-links { position: relative; padding-top: 10px; padding-bottom: 10px; justify-content: space-between; align-items: flex-start; } .navigation-wrapper.with-links.white { justify-content: flex-end; } .logo { display: flex; width: 17%; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; align-items: center; } .logo.white { color: #fff; } .logo.white { color: #fff; } .logo.logo-old-hide { display: none; flex: 1; } .logo-lines-contain { overflow: hidden; width: 80px; margin-right: 10px; flex: 0 0 auto; } .logo-line-1 { width: 80px; } .logo-line-2 { width: 80px; margin-left: 0px; } .logo-line-3 { width: 79px; } .call-button { display: flex; overflow: visible; padding-left: 10px; align-items: center; font-family: Satoshi, sans-serif; color: #0d0e10; font-size: 18px; font-weight: 500; letter-spacing: -0.32px; text-decoration: none; } .call-button.home-2 { padding-left: 0px; color: #b16cea; font-size: 24px; font-weight: 700; letter-spacing: normal; } .logo-text { font-family: Satoshi, sans-serif; font-size: 32px; line-height: 106%; font-weight: 700; letter-spacing: -0.32px; } .call-arrow-div { position: relative; display: flex; overflow: hidden; width: 32px; height: 32px; margin-left: 12px; padding-bottom: 5px; padding-left: 5px; justify-content: flex-start; align-items: flex-end; border-top-right-radius: 16px; background-color: #0d0e10; } .call-arrow-div.gradient { width: 40px; height: 40px; padding-bottom: 6px; padding-left: 6px; background-color: #b16cea; background-image: linear-gradient(135deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); } .call-arrow-div.transparent { margin-left: 5px; background-color: transparent; } .home-hero-section { overflow: hidden; background-color: #fbfbfb; } .home-hero-section.homepage-2 { background-color: #f3f3f3; } .home-hero-section.homepage-3 { background-color: #0d0e10; } .home-hero-section.homepage-4 { margin-top: -65px; background-color: transparent; } .home-hero-section.about { background-color: #f3f3f3; background-image: linear-gradient(210deg, #f8f4f0, #fff); } .home-hero-section.homepage-1 { background-color: #fbfbfb; } .nav-button { display: flex; padding: 18px 28px; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: #fff; border-radius: 4px; background-color: #fff; box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.1); transition: filter 300ms ease; font-size: 16px; line-height: 100%; text-align: center; } .call-arrow-down { position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; margin-bottom: -18px; margin-left: -18px; } .call-arrow-down.gradient { margin-bottom: -22px; margin-left: -22px; } .hero-wrapper { position: relative; display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 100px; padding-bottom: 160px; justify-content: space-between; align-items: flex-start; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .text-contain-hero { display: flex; width: 53%; max-width: 500px; flex-direction: column; align-items: flex-start; } .gradient-span { background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); color: transparent; line-height: 90%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .gradient-span.home-1 { line-height: 100%; } .hero-heading { margin-bottom: 20px; line-height: 117%; } .hero-heading.overview { line-height: 121%; } .hero-paragraph { margin-bottom: 30px; font-size: 22px; } .hero-paragraph.homepage-3 { max-width: 800px; color: hsla(0, 0%, 100%, 0.9); text-align: center; } .hero-paragraph.overview { max-width: 776px; } .cta-button { position: relative; display: flex; overflow: hidden; padding: 24px 40px 26px; justify-content: center; align-items: center; border-radius: 40px; background-color: #b16cea; font-family: Plusjakartasans, sans-serif; color: #fff; font-size: 22px; font-weight: 600; letter-spacing: -0.16px; text-decoration: none; } .cta-button:hover { background-color: #b16cea; } .cta-button.rectangle { padding-right: 30px; border-radius: 16px; } .cta-button.rectangle.small { padding: 20px 20px 20px 34px; background-color: #f19811; color: #ef480e; } .cta-button.course { width: 100%; max-width: 288px; } .cta-button.course-full { width: 100%; } .cta-arrow-div { position: relative; z-index: 1; display: flex; overflow: hidden; width: 32px; height: 32px; margin-left: 7px; padding-bottom: 5px; padding-left: 5px; justify-content: flex-start; align-items: flex-end; border-top-right-radius: 16px; background-color: transparent; } .trust-paragraph { margin-top: 60px; margin-bottom: 10px; color: #0d0e10; font-size: 19px; } .logos-wrapper { display: flex; align-items: center; } .logos { width: 100%; height: 100%; max-width: 125px; margin-right: 16px; -o-object-fit: contain; object-fit: contain; } .services-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 180px; padding-bottom: 180px; flex-direction: column; justify-content: flex-start; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .services-wrapper.custom-ser-wrap { padding-top: 0px; padding-bottom: 140px; } .heading-2-center { max-width: 700px; margin-bottom: 0px; text-align: center; } .heading-2-center.projects { max-width: 680px; } .heading-2-center.projects.home-3 { margin-bottom: 80px; } .heading-2-center.projects.left { max-width: 550px; text-align: left; } .services-grid { margin-top: 80px; grid-column-gap: 50px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .services-grid.homepage-3 { width: 100%; grid-column-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .service-contain { display: flex; width: 100%; max-width: 220px; flex-direction: column; align-items: center; } .service-contain.homepage-3 { max-width: 353px; align-items: flex-start; } .service-icon-wrap { display: flex; width: 100%; height: 80px; max-width: 80px; margin-bottom: 28px; justify-content: center; align-items: center; border-radius: 20px; background-color: #b16cea; background-image: linear-gradient(150deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); } .service-icon-wrap.homepage-3 { position: absolute; left: auto; top: auto; right: 7%; bottom: -10%; height: 56px; max-width: 56px; margin-bottom: 0px; border-radius: 12px; } .service-icon { -o-object-fit: contain; object-fit: contain; } .service-heading { margin-bottom: 16px; font-size: 22px; line-height: 133%; font-weight: 600; text-align: center; letter-spacing: -0.16px; } .h6-heading { font-weight: 600; } .h6-heading.blue { color: #ff8a56; } .service-paragraph { margin-bottom: 0px; color: rgba(13, 14, 16, 0.7); font-size: 16px; line-height: 150%; text-align: center; } .service-paragraph.homepage-3 { margin-top: 4px; color: rgba(13, 14, 16, 0.9); font-size: 18px; line-height: 156%; text-align: left; } .projects-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-bottom: 180px; flex-direction: column; justify-content: flex-start; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .projects-wrapper.homepage-3 { padding-top: 20px; } .projects-grid { width: 100%; margin-top: 80px; justify-items: stretch; grid-column-gap: 24px; grid-row-gap: 24px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .project-contain { display: flex; height: 320px; justify-content: space-between; align-items: center; border-radius: 16px; background-color: #0d0e10; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.02); } .project-contain.horizontal { position: relative; overflow: hidden; height: 400px; padding-left: 48px; text-decoration: none; } .project-contain.vertical { position: relative; overflow: hidden; height: 400px; padding-top: 32px; padding-left: 32px; flex-direction: column; align-items: stretch; background-color: #0d0e10; text-decoration: none; } .project-text-contain { max-width: 300px; margin-right: 0px; margin-left: 0px; } .project-text-contain.horizontal { position: relative; margin-right: 40px; } .project-image-contain { position: relative; display: block; width: 100%; height: 265px; max-width: 364px; margin-top: 50px; justify-content: center; align-items: center; } .bold-span { font-weight: 700; } .about-project { margin-bottom: 0px; color: #fff; font-size: 18px; line-height: 156%; font-weight: 300; } .project-image { position: absolute; } .project-image._1 { left: 0%; top: 0%; right: auto; bottom: auto; max-width: 448px; border-radius: 15px; -o-object-fit: contain; object-fit: contain; } .statistics-section { background-color: #0d0e10; } .statistics-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 130px; padding-bottom: 130px; flex-direction: column; align-items: flex-start; } .heading-2-white { margin-bottom: 0px; color: #fff; } .stats-wrapper { width: 100%; max-width: 1040px; margin-top: 80px; grid-column-gap: 140px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .stats-contain { max-width: 270px; } .stat-number { display: block; align-items: center; color: #fff; font-size: 70px; line-height: 91px; font-weight: 700; letter-spacing: -0.16px; } .stat-number._60px { color: #0d0e10; font-size: 60px; line-height: 77px; font-weight: 800; letter-spacing: -2px; } .about-me-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 170px; padding-bottom: 180px; flex-direction: column; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .about-me-contain { display: flex; width: 100%; margin-bottom: 180px; justify-content: space-between; align-items: center; } .about-me-image-contain { position: relative; display: flex; width: 45%; align-items: stretch; } .about-me-image { width: 100%; max-width: 480px; border-radius: 16px; -o-object-fit: contain; object-fit: contain; } .about-me-floating-image { position: absolute; left: auto; top: auto; right: -10%; bottom: 5%; width: 80%; max-width: 435px; border-radius: 16px; box-shadow: 0 24px 94px 0 rgba(0, 0, 0, 0.08); -o-object-fit: fill; object-fit: fill; } .about-me-text-contain { display: flex; width: 45%; flex-direction: column; align-items: flex-start; } .about-me-heading { margin-bottom: 32px; } ._22px-paragraph { margin-bottom: 0px; } .testimonial-slider { width: 100%; height: auto; background-color: transparent; } .design-resources-section.blue { background-image: linear-gradient(227deg, #f0f4f8, #fff); } .features-learn-more-link { position: relative; display: flex; overflow: hidden; padding-bottom: 10px; justify-content: flex-start; align-items: center; color: #0d0e10; font-weight: 700; text-decoration: none; } .view-more-arrow { margin-left: 10px; } .view-more-line { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; height: 1px; background-color: #0d0e10; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); filter: grayscale(100%); } .resource-main-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-bottom: 180px; flex-direction: column; justify-content: space-between; align-items: flex-start; } .resource-top-wrapper { display: flex; width: 100%; margin-bottom: 80px; justify-content: space-between; align-items: center; } .h2-heading { margin-bottom: 0px; font-size: 48px; line-height: 110%; } .h2-heading.white { color: #fff; } .h2-heading.left { letter-spacing: -1px; } .h2-heading.left.small { max-width: 670px; } .h2-heading.projects { margin-bottom: 80px; } .view-more-link { position: relative; display: flex; overflow: hidden; padding: 10px; justify-content: flex-start; align-items: center; color: #0d0e10; font-size: 20px; line-height: 140%; font-weight: 600; letter-spacing: -0.16px; text-decoration: none; } .collection-list { display: -ms-grid; display: grid; width: 100%; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 100px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-list-wrapper { display: flex; width: 100%; } .resource-wrapper { display: flex; flex-direction: column; justify-content: flex-start; color: #0d0e10; text-decoration: none; } .resource-image { height: 100%; border-radius: 16px; -o-object-fit: cover; object-fit: cover; } .categories-contain { display: flex; margin-bottom: 24px; } .main-category-text { display: flex; padding: 13px 20px; justify-content: flex-start; border-radius: 40px; color: #fff; font-size: 18px; font-weight: 500; letter-spacing: -0.16px; } .secondary-category { display: flex; margin-left: 16px; padding: 13px 20px; justify-content: flex-start; align-items: center; border-radius: 40px; background-color: rgba(13, 14, 16, 0.06); color: #0d0e10; font-size: 18px; font-weight: 500; letter-spacing: -0.16px; } .resource-image-contain { width: 100%; height: 240px; max-width: 354px; margin-bottom: 32px; border-radius: 16px; } .resource-title { margin-bottom: 30px; font-size: 32px; line-height: 131%; letter-spacing: -0.16px; } .collection-item { display: flex; } .newsletter-section { background-color: #0d0e10; } .newsletter-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 150px; padding-bottom: 150px; flex-direction: column; justify-content: center; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .newsletter-wrapper.horizontal { flex-direction: row; justify-content: space-between; } .newsletter-wrapper.home-newsletter { padding-bottom: 60px; } .h2-white-heading-center-long { max-width: 750px; margin-bottom: 60px; color: #fff; text-align: center; } .h2-white-heading-center-long.home-email-signup { max-width: 700px; } .newsletter-form-block { display: block; margin-bottom: 0px; flex-direction: row; } .form { display: flex; } .form.form-newsletter-signup { flex-direction: column; } .newsletter-text-field { width: 450px; height: 70px; margin-right: 20px; margin-bottom: 0px; padding: 16px 28px 20px 66px; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 100%, 0.2); border-radius: 56px; background-color: #0d0e10; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a90b64b8d41f_EnvelopeSimple%20white.svg"); background-position: 7% 50%; background-size: auto; background-repeat: no-repeat; color: #fff; font-size: 20px; line-height: 150%; } .newsletter-text-field:focus { border-color: rgba(255, 94, 105, 0.4); } .newsletter-text-field.field-home { margin-bottom: 28px; font-family: Exo, sans-serif; } .newsletter-text-field.field-home.person-icon { background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/623f484280cd7709ba6f1e57_Person%20Icon.png"); background-position: 7% 50%; background-size: 5%; } .submit-button { display: flex; width: 200px; height: 70px; padding-right: 40px; justify-content: center; align-items: center; border-radius: 56px; background-color: #b16cea; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9d4b2b8d2ad_Arrow%20-%20Right%20(2).svg"), linear-gradient(150deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); background-position: 85% 53%, 0px 0px; background-size: auto, auto; background-repeat: no-repeat, repeat; transition: background-color 200ms ease; color: #fff; font-size: 22px; font-weight: 600; letter-spacing: -0.16px; } .submit-button:hover { background-color: #ff5e69; } .form-text { margin-top: 24px; color: hsla(0, 0%, 100%, 0.8); font-size: 18px; line-height: 156%; } .form-text.fine-print-email { width: 60%; font-size: 16px; } .awards-section { overflow: hidden; } .awards-section.black { background-color: #0d0e10; } .awards-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 180px; padding-bottom: 180px; flex-direction: column; justify-content: center; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .awards-wrapper.black { width: 90%; max-width: 1120px; padding-top: 120px; padding-bottom: 120px; } .award-logos-contain { width: 100%; margin-top: 80px; } .logos-row-contain { display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .logos-row-contain.last { border-right: 1px none #000; border-bottom-style: none; } .logos-row-contain.white-border { border-bottom-color: hsla(0, 0%, 100%, 0.2); } .logo-contain { display: flex; width: 25%; height: 200px; justify-content: center; align-items: center; border-right: 1px solid rgba(0, 0, 0, 0.1); background-image: none; } .logo-contain:hover { background-color: transparent; background-image: linear-gradient(150deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); } .logo-contain.last { border: 1px none #000; } .logo-contain.white-border { border-right-color: hsla(0, 0%, 100%, 0.2); } .award-logo { -o-object-fit: contain; object-fit: contain; } .pricing-section.black { margin-bottom: 200px; background-color: #0d0e10; } .pricing-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 180px; flex-direction: column; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .pricing-wrapper.black { padding-top: 150px; padding-bottom: 150px; } .pricing-grid { width: 100%; margin-top: 80px; align-items: stretch; align-content: stretch; grid-column-gap: 50px; grid-row-gap: 0px; -ms-grid-rows: auto; grid-template-rows: auto; } .price-block { display: flex; padding: 60px 48px; flex-direction: column; justify-content: space-between; border-radius: 16px; background-color: #fff; box-shadow: 0 12px 124px 0 rgba(0, 0, 0, 0.05); } .price-block.black { background-color: hsla(0, 0%, 100%, 0.05); } .pricing-plan { margin-bottom: 21px; color: rgba(13, 14, 16, 0.6); } .pricing-plan.white { margin-bottom: 20px; color: hsla(0, 0%, 100%, 0.6); } .price { margin-bottom: 0px; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); color: #b16cea; font-size: 80px; font-weight: 800; letter-spacing: -3px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .price.white { background-color: #fff; background-image: none; } .divider-pricing { height: 1px; margin-bottom: 40px; background-color: rgba(13, 14, 16, 0.15); } .price-points-contain { margin-bottom: 48px; } .price-point-wrapper { display: flex; margin-bottom: 24px; align-items: flex-start; } .checkmark { margin-right: 20px; } .price-text { margin-top: 2px; font-size: 20px; line-height: 140%; font-weight: 500; } .price-text.white { color: hsla(0, 0%, 100%, 0.9); text-align: center; } .pricing-top-block { display: flex; flex-direction: column; align-items: flex-start; } .pricing-top-block.center { align-items: center; } .down-arrow { filter: sepia(100%); } .faq-question { margin-right: 5%; font-size: 24px; line-height: 142%; font-weight: 600; } .faq-contain { display: flex; width: 100%; margin-top: 100px; justify-content: space-between; align-items: flex-start; } .faq-answer { margin-bottom: 40px; color: rgba(13, 14, 16, 0.75); font-size: 18px; line-height: 156%; letter-spacing: -0.32px; } .faq-section { position: relative; } .faq-wrapper { max-width: 530px; margin-bottom: 40px; border-bottom: 1px none rgba(0, 0, 0, 0.1); cursor: pointer; } .faq-right-contain { width: 50%; max-width: 556px; margin-left: 40px; } .faq-left-contain { width: 50%; max-width: 530px; margin-right: 40px; } .faq-question-wrapper { display: flex; margin-bottom: 24px; justify-content: space-between; align-items: center; } .faq-main-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 160px; flex-direction: column; justify-content: space-between; align-items: flex-start; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .faq-main-wrapper.horizontal { flex-direction: row; } .instagram-section { background-color: #fbfbfb; } .instagram-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 150px; padding-bottom: 150px; flex-direction: column; justify-content: center; align-items: center; } .footer-section { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #0d0e10; font-family: Plusjakartasans, sans-serif; } .footer-section.white { background-color: transparent; } .footer-main-contain { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; } .footer-text-60px { margin-bottom: 80px; color: #fff; font-weight: 400; } .work-link-60px { position: relative; display: flex; overflow: hidden; padding: 10px 20px 24px 10px; justify-content: flex-start; align-items: center; color: #b16cea; font-size: 60px; line-height: 117%; font-weight: 800; letter-spacing: -0.16px; text-decoration: none; } .work-link-60px.home { padding-right: 10px; } .work-link-line { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; height: 2px; background-color: #b16cea; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); } .work-arrow-image { margin-top: 20px; margin-right: 10px; margin-left: 30px; } .work-arrow-image.home { margin-left: 24px; } .footer-bottom-wrapper { width: 100%; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid hsla(0, 0%, 100%, 0.1); } .footer-bottom-wrapper.white { display: flex; width: 90%; max-width: 1240px; padding-top: 18px; padding-bottom: 18px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-top-style: none; border-top-color: hsla(0, 0%, 100%, 0.2); } .contain { -o-object-fit: contain; object-fit: contain; } .contain.contain-line { margin-bottom: -53px; } .success-message { padding-right: 40px; padding-left: 40px; border-radius: 100px; background-color: #b16cea; color: #fff; font-weight: 500; } .success-message.black { background-color: rgba(177, 108, 234, 0.2); } .error-message { border-radius: 5px; background-color: rgba(252, 107, 92, 0.3); color: #fff; font-weight: 500; } .error-message.darker { color: #bd333d; } .instagram-images-section { display: flex; width: 100%; margin-top: 80px; justify-content: space-around; } .column-images { display: flex; width: 17%; flex-direction: column; justify-content: center; align-items: center; } .column-images._3 { margin-top: 54px; } .instagram-image { width: 100%; height: 300px; max-width: 190px; border-radius: 220px; -o-object-fit: contain; object-fit: contain; } .instagram-image._1 { margin-bottom: 70px; -o-object-fit: contain; object-fit: contain; } .instagram-image._6 { margin-top: 60px; } .nav-links-wrapper { display: flex; align-items: flex-start; } .nav-link { display: block; margin-right: 0px; padding-top: 20px; padding-bottom: 12px; border-bottom: 1px solid transparent; transition: all 200ms ease; font-family: Exo, sans-serif; color: #0d0e10; font-size: 18px; line-height: 130%; text-decoration: none; text-transform: capitalize; } .nav-link:hover { border-bottom: 1px solid #000; font-weight: 400; text-decoration: none; } .nav-link.white { margin-right: 30px; color: #fff; } .nav-link.white:hover { border-bottom-color: #fff; } .nav-link.nav-link-2 { margin-right: 30px; } .home-hero-wrapper { position: relative; display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 0px; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .home-hero-wrapper.homepage-3 { padding-bottom: 432px; flex-direction: column; justify-content: center; } .home-hero-wrapper.homepage-4 { max-width: 1130px; padding-top: 0px; padding-bottom: 82px; flex-direction: row; justify-content: space-between; } .hero-image-contain { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; } .hero-image-home-2 { width: 45%; max-width: 581px; } .hero-image-home-2.about-3 { height: 500px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 10%; object-position: 50% 10%; } .home-left-info-wrapper { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; display: flex; width: 32%; height: 100%; max-width: 400px; padding-top: 80px; padding-bottom: 48px; flex-direction: column; justify-content: space-between; } .hero-heading-home-2 { margin-bottom: 48px; line-height: 110%; font-weight: 700; letter-spacing: -2.5px; } .hero-heading-home-2.about { max-width: 600px; text-align: center; } .home-right-info-wrapper { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: flex; width: 29%; height: 100%; max-width: 290px; padding-top: 100px; padding-bottom: 80px; flex-direction: column; justify-content: space-between; } .hero-mail-wrapper { display: flex; flex-direction: column; align-items: flex-start; } ._20px-text { margin-bottom: 32px; color: rgba(13, 14, 16, 0.9); font-size: 20px; line-height: 150%; } ._20px-text.white { margin-bottom: 0px; color: hsla(0, 0%, 100%, 0.9); } .hero-email { position: relative; display: flex; overflow: hidden; padding: 10px 10px 10px 4px; justify-content: flex-start; align-items: center; color: #0d0e10; font-size: 22px; line-height: 140%; font-weight: 600; letter-spacing: -0.32px; text-decoration: none; } .mail-icon { margin-right: 10px; margin-left: 0px; } .top-left-contain.about { margin-bottom: 100px; } .bottom-left-contain { display: flex; max-width: 175px; flex-direction: column; align-items: flex-start; } .bottom-left-contain.about { max-width: none; } .testimonial-logo-hero { margin-bottom: 20px; -o-object-fit: contain; object-fit: contain; } .stars-image { width: 100%; max-width: 152px; margin-bottom: 16px; -o-object-fit: contain; object-fit: contain; } .bottom-right-container { max-width: 240px; } ._18-px-italic-text { margin-top: 20px; margin-bottom: 0px; color: rgba(13, 14, 16, 0.9); font-size: 18px; line-height: 167%; font-style: italic; letter-spacing: -0.16px; } .entrust-wrapper { display: flex; padding-top: 120px; padding-bottom: 120px; flex-direction: column; align-items: center; } .entrust-wrapper.homepage-3 { width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 20px; flex-direction: row; justify-content: space-between; align-items: flex-start; } .entrust-heading { margin-bottom: 48px; font-size: 32px; font-weight: 600; } .logo-train-wrapper { display: flex; justify-content: flex-start; align-items: center; } .logo-train-contain { display: flex; flex: 0 0 auto; } .entrust-logo { margin-right: 48px; flex: 0 0 auto; } .entrust-logo-image { -o-object-fit: contain; object-fit: contain; } .steps-wrapper { width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 80px; padding-bottom: 200px; } .steps-wrapper.about-page { padding-top: 0px; } .gradient-div { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: none; background-color: #ffa84b; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); } .gradient-div.solutions { display: none; width: 48px; height: 48px; border-radius: 100px; opacity: 0; } .button-gradient { position: absolute; left: 10%; top: 0%; right: 0%; bottom: 0%; z-index: auto; display: block; background-color: #e69111; color: #ffa84b; } .button-text { position: relative; z-index: 1; color: #000; } .cta-big-text { background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); line-height: 130%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .steps-top-wrapper { display: flex; margin-bottom: 100px; flex-direction: row; justify-content: space-between; align-items: center; } .steps-h2-heading { max-width: 525px; margin-bottom: 0px; } .steps-h2-heading.white { max-width: 630px; margin-right: auto; margin-bottom: 60px; margin-left: auto; color: #fff; text-align: center; } .steps-h2-heading.small { max-width: 400px; } .steps-h2-heading.overview { max-width: 800px; margin-right: auto; margin-bottom: 70px; margin-left: auto; color: #fff; text-align: center; } .steps-h2-heading.space-for-h2-down { margin-bottom: 54px; } .steps-tops-paragraph { max-width: 367px; margin-bottom: 0px; color: rgba(13, 14, 16, 0.8); font-size: 20px; line-height: 150%; } .steps-bottom-wrapper { display: flex; justify-content: space-between; } .step-contain._1 { display: flex; max-width: 150px; flex-direction: column; justify-content: space-between; } .step-contain._4 { max-width: 225px; } .step-number { margin-bottom: 8px; color: rgba(13, 14, 16, 0.5); font-size: 22px; line-height: 136%; font-weight: 500; letter-spacing: -0.32px; } .step-image { margin-top: 100px; } .projects-section { position: relative; } .projects-section.home-projects { padding-top: 42px; } .usp-three-section.black { position: relative; z-index: 1; background-color: #0d0e10; } .usp-three-section.black.hide-numbers { display: none; } .usp-three-section.black { position: relative; z-index: 1; background-color: #0d0e10; } .worked-with-wrapper { width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 200px; } .worked-with-wrapper.black { padding-top: 120px; padding-bottom: 120px; } .worked-with-wrapper.black.overview { display: flex; flex-direction: column; align-items: stretch; } .work-with-top-wrapper { display: flex; margin-bottom: 80px; flex-direction: row; justify-content: space-between; align-items: center; } .work-with-grid { grid-column-gap: 40px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .work-with-grid.black { grid-column-gap: 30px; } .work-with-contain { display: flex; padding: 48px 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 16px; background-color: #fff; box-shadow: 0 14px 100px 0 rgba(0, 0, 0, 0.05); } .work-with-contain.black { padding: 0px; background-color: transparent; color: #fff; } .block-h5-heading { margin-top: 24px; margin-bottom: 20px; } .block-paragraph { margin-bottom: 0px; color: #0d0e10; font-size: 20px; line-height: 150%; text-align: center; } .block-paragraph.white { color: #fff; } .about-section-ver-2 { position: relative; background-color: #0d0e10; } .showreel-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 195px; padding-bottom: 155px; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .showreel-wrapper.home-showreel { padding-bottom: 0px; } .showreel-wrapper.home-showreel.sub-service-show { padding-top: 70px; padding-bottom: 70px; } .showreel-text-contain { width: 50%; max-width: 500px; } .showreel-text-contain.about-page-2 { width: 55%; max-width: 590px; margin-bottom: 0px; padding-bottom: 40px; } .showreel-heading { margin-bottom: 32px; color: #fff; } ._40-opacity-white { color: hsla(0, 0%, 100%, 0.4); } .showreel-paragraph { margin-bottom: 60px; color: hsla(0, 0%, 100%, 0.9); } .awards-contain { display: flex; align-items: center; } .awards-image { margin-right: 32px; } .awards-heading { margin-bottom: 8px; color: #fff; font-size: 20px; line-height: 140%; font-weight: 600; letter-spacing: -0.16px; } .award-text { color: #fff; line-height: 150%; letter-spacing: -0.16px; } .showreel-right-wrapper { position: absolute; left: auto; top: 19%; right: 0%; bottom: auto; width: 45%; background-color: hsla(0, 0%, 100%, 0); } .showreel-video { display: block; height: 740px; max-width: 706px; justify-content: flex-end; color: #0d0e10; text-decoration: none; } .showreel-image { height: 740px; border-top-left-radius: 20px; -o-object-fit: cover; object-fit: cover; } .showreel-button { position: absolute; left: 30%; top: auto; right: 0%; bottom: 45%; display: flex; width: 100%; max-width: 258px; padding-top: 12px; padding-bottom: 12px; padding-left: 14px; align-items: center; border-radius: 50px; background-color: #fff; transition: filter 300ms ease; } .showreel-button:hover { filter: invert(100%); } .showreel-button.about-3 { position: absolute; left: 38%; color: #0d0e10; text-decoration: none; } .showreel-button.testimonial { position: static; max-width: 189px; } .showreel-button.style-guide { position: static; } .showreel-cta-text { margin-left: 16px; font-size: 20px; font-weight: 700; letter-spacing: -0.16px; text-decoration: none; } .faqs-text-wrap { width: 35%; max-width: 383px; } .faq-content { margin-bottom: 0px; padding-bottom: 30px; color: rgba(13, 14, 16, 0.75); font-size: 18px; font-weight: 400; } .faq-content._80-opacity { color: rgba(13, 14, 16, 0.8); } .bottom-line { width: 100%; height: 1px; background-color: rgba(13, 14, 16, 0.1); } .faqs-text-wrapper._50-width { width: 40%; max-width: 500px; } .faq-question-wrapper-2 { display: flex; justify-content: space-between; align-items: center; } .faqs-wrapper { width: 60%; padding-top: 0px; } .faqs-wrapper._100-width { width: 100%; } .faq-paragraph { max-width: 640px; margin-top: 24px; margin-bottom: 32px; color: rgba(13, 14, 16, 0.75); font-size: 18px; line-height: 156%; letter-spacing: -0.32px; } .faq-card { width: 100%; max-width: 730px; padding-top: 0px; padding-bottom: 0px; color: #181818; font-size: 24px; font-weight: 700; text-decoration: none; } .awards-main-heading { margin-bottom: 80px; } .faq-questions { width: 90%; color: #0d0e10; font-size: 22px; line-height: 34px; font-weight: 600; } .faq-answer-wrap { margin-bottom: 0px; padding-right: 10%; padding-bottom: 0px; } .faq-question-container { padding-top: 20px; padding-bottom: 20px; cursor: pointer; } .faq-question-container.first { border-top: 1px solid rgba(13, 14, 16, 0.1); } .faq-question-container.without-border { border-bottom: 1px none #000; } .faq-bold-text { margin-bottom: 32px; font-size: 20px; line-height: 150%; font-weight: 700; } .banner-section { display: flex; padding-top: 42px; padding-bottom: 42px; justify-content: flex-start; align-items: center; background-color: #fff; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); } .text-contain-banner { display: flex; align-items: center; text-decoration: none; } .banner-heading { margin-right: 140px; margin-bottom: 0px; padding-right: 44px; flex: 0 0 auto; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a92532b8d2fb_Arrow%20(2).svg"); background-position: 100% 50%; background-size: auto; background-repeat: no-repeat; color: #fff; font-weight: 600; } .copyright-text { font-family: Plusjakartasans, sans-serif; color: #fff; font-size: 18px; line-height: 133%; text-align: center; } .copyright-text.black { color: #0d0e10; letter-spacing: -0.16px; } .copyright-text.pp-text { font-size: 13px; } .background-colour-div { background-color: #0d0e10; } .background-colour-div.grey { background-color: #f3f3f3; } ._90px-h1-heading { max-width: 990px; color: #fff; font-size: 90px; line-height: 100%; text-align: center; } .home-image-container { position: relative; display: flex; max-width: 1440px; margin: -352px auto 200px; justify-content: center; align-items: flex-start; } .home-image-homepage-3 { position: relative; z-index: 3; width: 80%; max-width: 1080px; border-radius: 16px; } .floating-image-1 { position: static; left: auto; top: 10%; right: 0%; bottom: auto; z-index: 1; } .floating-image-2 { position: static; left: 0%; top: auto; right: auto; bottom: 10%; z-index: 1; } .floating-image-contain { position: absolute; left: auto; top: 10%; right: 0%; bottom: auto; } .floating-image-contain._2 { left: 0%; top: auto; right: auto; bottom: 10%; } .black-div { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; background-color: #0d0e10; } .white-div { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; background-color: #fff; } .entrust-h2-heading { max-width: 374px; } .entrust-grid { width: 60%; max-width: 649px; margin-top: -10px; grid-column-gap: 60px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .service-image-wrapper { position: relative; margin-bottom: 32px; } .service-image { border-radius: 16px; } .service-number { color: #fff; font-size: 26px; line-height: 123%; text-align: center; letter-spacing: -0.16px; } .grey-create-section { overflow: hidden; background-color: #fafafa; } .grey-create-section.white { background-color: #fff; } .grey-create-wrapper { position: relative; display: block; width: 90%; max-width: 1200px; margin-right: auto; margin-left: auto; padding-top: 140px; padding-bottom: 140px; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .grey-create-wrapper.white { max-width: 1120px; padding-top: 0px; padding-bottom: 200px; } .heading-contain { position: relative; display: block; width: 100%; max-width: 940px; margin-right: auto; margin-bottom: 120px; margin-left: auto; } .create-heading { display: block; margin-bottom: 0px; line-height: 110%; font-weight: 700; letter-spacing: -0.75px; } .create-heading.home-3 { display: block; font-weight: 800; letter-spacing: -1px; } .watch-button { position: static; left: auto; top: auto; right: 0%; bottom: 0%; display: flex; padding: 12px 20px 12px 14px; align-items: center; border-radius: 50px; background-color: transparent; transition: filter 300ms ease; } .watch-button:hover { background-color: #fff; filter: invert(100%); } .watch-text { margin-left: 16px; padding-bottom: 4px; border-bottom: 2px solid #000; font-size: 20px; font-weight: 700; letter-spacing: -0.16px; } .points-grid { display: flex; width: 100%; max-width: 1200px; padding: 40px 30px 44px; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -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; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .points-grid.reviews { margin-top: 100px; margin-right: auto; margin-left: auto; border-top-color: hsla(0, 0%, 100%, 0.2); border-bottom-color: hsla(0, 0%, 100%, 0.2); } .points-grid.reviews.hide-reviews-strip { display: none; } .work-with-point-contain { display: flex; max-width: 8px; flex-direction: column; justify-content: center; align-items: center; font-size: 22px; } .work-with-point-contain._1 { width: 100%; max-width: 210px; align-items: center; flex: 0 0 auto; } .work-with-point-contain._2 { width: 100%; max-width: 150px; flex: 0 0 auto; } .work-with-point-contain._3 { width: 100%; max-width: 200px; flex: 0 0 auto; } .work-with-point-contain._4 { width: 100%; max-width: 150px; } .work-with-point-contain.left { width: 100%; max-width: 100%; justify-content: flex-start; align-items: flex-start; flex: 0 0 auto; } .point-heading { margin-bottom: 8px; } .point-heading.white { color: #fff; } .work-text { flex: 0 0 auto; color: rgba(13, 14, 16, 0.7); line-height: 140%; text-align: center; letter-spacing: -0.32px; } .work-text.white { color: hsla(0, 0%, 100%, 0.7); } .work-text.left { text-align: left; } .dot { width: 8px; height: 8px; margin-right: 0px; margin-left: 0px; flex: 0 0 auto; border-radius: 100px; background-color: rgba(13, 14, 16, 0.2); } .dot.white { background-color: hsla(0, 0%, 100%, 0.2); } .testimonial-section { overflow: hidden; } .testimonial-section.black { background-color: #0d0e10; } .testimonial-main-wrapper { display: flex; padding-top: 60px; padding-bottom: 60px; flex-direction: column; align-items: center; } .testimonial-heading { margin-bottom: 24px; font-family: Vollkorn, serif; } .testmonial-text-wrap { display: flex; align-items: center; color: rgba(13, 14, 16, 0.9); font-size: 20px; line-height: 150%; } .testmonial-text-wrap.homepage-4 { margin-top: 32px; } .extra-bold-span { font-weight: 800; } .testimonial-image { margin-left: 16px; } .testimonial-image.homepage-4 { margin-left: 12px; } .testimonial-cards-wrapper { display: flex; margin-top: 80px; flex-direction: column; align-items: center; } .testimonial-top-wrapper { display: flex; margin-bottom: 48px; } .testimonial-contain { max-width: 460px; margin-right: 40px; padding: 36px 32px; flex: 0 0 auto; border-radius: 12px; background-color: #fff; box-shadow: 0 12px 100px 0 rgba(0, 0, 0, 0.05); } .testimonial-contain.review-page { margin-right: 0px; margin-bottom: 48px; } .testimonial-contain.review-page.home-review { margin-top: 51px; padding-top: 25px; padding-bottom: 25px; } .testimonial-contain.review-page.home-review.sub-service-review { margin-top: 2px; } .testimonial-contain.blue { max-width: 489px; margin-right: 0px; margin-bottom: 24px; padding-top: 32px; padding-bottom: 32px; background-color: #fafcff; box-shadow: none; } .testimonial-contain.blue.middle { position: relative; left: 80px; } .testimonial-paragraph { margin-top: 8px; color: #0d0e10; font-size: 20px; line-height: 150%; font-weight: 500; } .testimoniaol-block { display: flex; align-items: flex-start; } .testimonial-image-block { width: 100%; height: 50px; max-width: 50px; margin-right: 20px; border-radius: 100px; } .testimonial-name { margin-top: 0px; margin-bottom: 2px; font-size: 18px; line-height: 156%; font-style: normal; font-weight: 700; } .testimonial-name.home { margin-top: 6px; color: rgba(13, 14, 16, 0.6); font-size: 16px; font-style: italic; } .testimonial-position { line-height: 137%; } .testimonial-bottom-wrapper { display: flex; } .stats-wrap { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 200px; justify-content: space-between; align-items: flex-start; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .stats-wrap.homepage-4 { padding-top: 200px; } .stats-wrap.homepage-5 { padding-top: 180px; padding-bottom: 0px; } .award-heading { max-width: 311px; } .awards-grid { width: 60%; max-width: 719px; grid-column-gap: 120px; grid-row-gap: 80px; } .award-card { max-width: 300px; } .award-image { margin-bottom: 24px; -o-object-fit: contain; object-fit: contain; } .divider-awards { width: 80%; height: 1px; margin-bottom: 24px; background-color: rgba(13, 14, 16, 0.1); } .award-paragraph { margin-bottom: 0px; color: rgba(13, 14, 16, 0.8); font-size: 18px; line-height: 156%; } .faq-image-contain { width: 50%; max-width: 560px; } .faq-image { border-radius: 16px; -o-object-fit: contain; object-fit: contain; } .link-banner-wrapper { display: flex; padding-top: 40px; padding-bottom: 200px; flex-direction: column; align-items: flex-start; } .top-banner { display: flex; flex: 0 0 auto; } ._40px-arrow { margin-top: 34px; margin-left: 32px; } .bottom-banner { display: flex; margin-top: 24px; align-items: center; flex: 0 0 auto; } .footer-top-wrapper { display: block; width: 90%; max-width: 1240px; margin-top: 150px; margin-bottom: 100px; flex-direction: row; justify-content: space-between; align-items: flex-end; } .footer-paragraph-16px { margin-top: 24px; margin-bottom: 24px; color: hsla(0, 0%, 100%, 0.75); font-size: 16px; line-height: 175%; text-align: left; } .footer-paragraph-16px.black { color: rgba(13, 14, 16, 0.75); } .footer-links-contain { display: flex; } .footer-link-gradient-hover { display: flex; width: 44px; height: 44px; justify-content: center; align-items: center; border-radius: 50px; background-color: #fff; transition: all 400ms ease; } .footer-link-gradient-hover:hover { background-image: linear-gradient(150deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); } .footer-link-gradient-hover.center { margin-right: 20px; margin-left: 20px; } .footer-link-gradient-hover.black { background-color: #0d0e10; } .footer-grid { display: block; width: 90%; max-width: 1240px; margin-right: auto; margin-bottom: 100px; margin-left: auto; -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; } .footer-column { width: 100%; } .footer-paragraph-18px { margin-top: 0px; margin-bottom: 35px; color: #fff; font-size: 18px; line-height: 156%; } .footer-paragraph-18px.heading { font-weight: 600; letter-spacing: 0.16px; } .footer-paragraph-18px.heading.black { color: #0d0e10; } .footer-link-18px { display: block; overflow: hidden; margin-bottom: 10px; transition: all 200ms ease; font-family: Plusjakartasans, sans-serif; color: hsla(0, 0%, 100%, 0.75); font-size: 18px; line-height: 178%; letter-spacing: -0.16px; text-decoration: none; } .footer-link-18px:hover { border: 1px none #000; color: #fff; } .footer-link-18px.black { color: rgba(13, 14, 16, 0.75); } .footer-link-18px.black:hover { color: #ff5e69; } .gradient-button-wrap { position: static; left: 0%; top: 0%; right: 0%; bottom: 0%; display: flex; padding: 1px; justify-content: center; align-items: center; border-radius: 40px; background-color: transparent; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); opacity: 1; transition: background-color 400ms ease; } .gradient-button-wrap:hover { background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); } .home-left-wrapper { display: flex; width: 50%; max-width: 540px; margin-top: 0px; flex-direction: column; align-items: flex-start; } .h1-64px-heading { margin-top: 31px; color: #2c2c2c; font-size: 64px; line-height: 80%; font-weight: 800; } .hero-paragraph-homepage-4 { margin-bottom: 46px; font-family: Exo, sans-serif; color: #656565; } .star-image { margin-right: 16px; } .image-contain-right { position: relative; bottom: -41px; width: 50%; max-width: 627px; } .hero-image-home-4 { width: 60%; margin-bottom: 81px; margin-left: 5px; } .layer-blur { position: absolute; left: 0%; top: auto; right: 0%; bottom: 2%; width: 100%; height: 140px; background-color: #fffcfc; filter: blur(25px); } .testimonial-wrap-home { position: absolute; left: auto; top: auto; right: 0%; bottom: -14%; z-index: 1; max-width: 340px; padding: 18px 26px; border-radius: 16px; background-color: #fff; box-shadow: 0 24px 94px 0 rgba(0, 0, 0, 0.08); } .black-stars { margin-bottom: 14px; } .testimonial-text { margin-bottom: 8px; color: #2c2c2c; font-size: 18px; line-height: 156%; font-style: italic; font-weight: 600; } .testimonial-name-home { margin-bottom: 0px; color: #0d0e10; font-size: 16px; line-height: 175%; font-style: normal; font-weight: 500; } .testimonial-hero-contain { display: flex; width: 90%; max-width: 1130px; margin-right: auto; margin-bottom: 70px; margin-left: auto; justify-content: space-between; align-items: center; } .testimonial-hero-contain.about { width: 100%; max-width: 1120px; margin-bottom: 0px; } .trusted-by { font-size: 20px; line-height: 133%; } .logos-wrap { margin-left: 40px; } .logos-wrap.about { display: flex; justify-content: space-between; align-items: center; } .logos-wrap.homepage-5 { display: flex; width: 80%; justify-content: space-between; align-items: center; } .logo-home-4 { width: 100%; max-width: 120px; margin-right: 20px; } .logo-home-4.last { margin-right: 0px; } .logo-home-4.about { max-width: 132px; opacity: 0.5; } .logo-home-4._3 { margin-right: 20px; } .solutions-section.black { background-color: #0d0e10; } .solutions-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 200px; padding-bottom: 200px; justify-content: space-between; align-items: flex-start; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .solutions-left-wrapper { max-width: 420px; } .solutions-main-heading { margin-bottom: 15px; } .solutions-main-heading.white { color: #fff; } .solutions-paragraph { margin-bottom: 0px; font-size: 20px; line-height: 150%; } .solutions-paragraph.white { color: hsla(0, 0%, 100%, 0.9); } .solutions-right-wrapper { width: 60%; max-width: 561px; margin-top: -80px; } .solutions-contain { position: relative; display: flex; margin-top: 70px; padding: 10px 10px 24px; justify-content: space-between; align-items: flex-start; border-radius: 5px; color: #0d0e10; text-decoration: none; } .solution-number { margin-right: 32px; color: rgba(13, 14, 16, 0.4); font-size: 22px; line-height: 136%; font-weight: 600; letter-spacing: -0.16px; } .solution-number.white { color: hsla(0, 0%, 100%, 0.4); } .solution-text { position: relative; z-index: 1; margin-bottom: 0px; background-color: transparent; font-size: 42px; line-height: 129%; font-weight: 600; background-clip: border-box; -webkit-text-fill-color: inherit; } .solution-text:hover { background-image: none; } .solution-text.white { background-color: transparent; color: #fff; } .solutions-arrow { position: relative; display: flex; width: 48px; height: 48px; margin-top: auto; justify-content: center; align-items: center; border-radius: 100px; background-color: #0d0e10; } .solutions-arrow.white { background-color: #fff; } .solution-heading-wrap { position: static; width: 80%; } .solution-arrow-image { position: relative; z-index: 1; } .gradient-line { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; width: 100%; height: 1px; border-radius: 5px; background-color: #0d0e10; } .gradient-line.white { background-color: #fff; } .goals-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 120px; padding-bottom: 120px; flex-direction: column; justify-content: flex-start; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .goals-top-wrapper { display: flex; width: 100%; margin-bottom: 100px; justify-content: space-between; align-items: center; } .goals-main-heading { max-width: 510px; margin-bottom: 0px; font-weight: 800; letter-spacing: -0.32px; } .goals-main-paragraph { max-width: 367px; margin-bottom: 0px; font-size: 20px; line-height: 150%; } .goals-bottom-wrapper { display: flex; width: 100%; justify-content: space-between; align-items: center; } .goals-left-wrapper { display: flex; width: 40%; max-width: 370px; flex-direction: column; align-items: flex-start; } .connect-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 200px; flex-direction: column; justify-content: space-between; align-items: flex-start; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .connect-main-heading { max-width: 428px; margin-bottom: 0px; } .connect-grid { width: 100%; margin-top: 80px; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .connect-contain { display: flex; padding: 40px 32px; flex-direction: column; align-items: center; border-radius: 12px; box-shadow: 0 12px 100px 0 rgba(0, 0, 0, 0.05); color: #0d0e10; text-decoration: none; } .connect-contain:hover { background-image: linear-gradient(150deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); } .connect-icon-wrap { position: relative; display: flex; width: 100px; height: 100px; justify-content: center; align-items: center; border-radius: 22px; background-image: linear-gradient(150deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); } .connect-heading { margin-top: 32px; margin-bottom: 20px; font-size: 32px; line-height: 131%; font-weight: 600; letter-spacing: -0.32px; } .connect-paragraph { margin-bottom: 0px; color: rgba(13, 14, 16, 0.8); font-size: 18px; line-height: 156%; text-align: center; } .connect-white-div { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: none; border-radius: 21px; background-color: #fff; } .connect-icon { position: relative; z-index: 1; } .form-main-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-bottom: 50px; margin-left: auto; padding: 70px 70px 70px 80px; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; border-radius: 16px; background-color: #0d0e10; } .form-left-wrapper { width: 40%; max-width: 360px; } .form-heading { margin-bottom: 24px; color: #fff; } .form-paragraph { margin-bottom: 24px; color: hsla(0, 0%, 100%, 0.8); font-size: 18px; line-height: 156%; } .white-link { border-bottom: 1px solid #fff; transition: all 200ms ease; color: #fff; text-decoration: none; } .white-link:hover { border-bottom-color: #ffa84b; color: #ffa84b; } .footer-divider { width: 100%; height: 1px; margin-top: 48px; margin-bottom: 48px; background-color: hsla(0, 0%, 100%, 0.2); } .footer-info-contain { display: flex; margin-bottom: 32px; align-items: flex-start; text-decoration: none; } .footer-info-contain.last { margin-bottom: 0px; } .footer-headings-wrap { margin-left: 32px; } .info-heading { margin-bottom: 8px; color: hsla(0, 0%, 100%, 0.4); font-weight: 500; letter-spacing: 0.96px; text-transform: uppercase; } .footer-info { color: #fff; font-size: 20px; line-height: 150%; letter-spacing: -0.48px; } .form-submit-button { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 40px; height: 40px; padding-right: 20px; padding-left: 20px; border-radius: 50px; background-color: transparent; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9445cb8d3cd_ArrowRight.svg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; transition: background-color 200ms ease; } .form-submit-button:hover { padding-right: 20px; padding-left: 20px; border-radius: 50px; background-color: rgba(255, 94, 105, 0.2); } .form-submit-button.black { background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9c74ab8d358_ArrowRight.svg"); } .email-form { position: relative; padding-bottom: 19px; border-bottom: 1px solid hsla(0, 0%, 100%, 0.2); } .email-form.black { border-bottom-color: rgba(13, 14, 16, 0.2); } .form-text-field { margin-bottom: 0px; padding-right: 42px; padding-bottom: 12px; padding-left: 42px; border: 1px none #000; background-color: transparent; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a90b64b8d41f_EnvelopeSimple%20white.svg"); background-position: 0% 50%; background-size: auto; background-repeat: no-repeat; color: #fff; font-size: 20px; line-height: 150%; letter-spacing: -0.16px; } .form-text-field::-moz-placeholder { color: hsla(0, 0%, 100%, 0.4); line-height: 150%; } .form-text-field::-ms-input-placeholder { color: hsla(0, 0%, 100%, 0.4); line-height: 150%; } .form-text-field::placeholder { color: hsla(0, 0%, 100%, 0.4); line-height: 150%; } .form-text-field.black { background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a94dc3b8d41e_EnvelopeSimple.svg"); color: #0d0e10; } .form-text-field.black::-moz-placeholder { color: rgba(13, 14, 16, 0.4); } .form-text-field.black::-ms-input-placeholder { color: rgba(13, 14, 16, 0.4); } .form-text-field.black::placeholder { color: rgba(13, 14, 16, 0.4); } .hero-wrapper-homepage-5 { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 100px; padding-bottom: 90px; flex-direction: column; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } ._96px-heading { margin-bottom: 12px; font-size: 86px; line-height: 112%; letter-spacing: -0.32px; } ._96px-heading._1 { margin-bottom: 19px; font-size: 80px; } ._96px-heading._2 { margin-bottom: 0px; } ._96px-heading._3 { margin-bottom: 0px; font-size: 68px; } .heading-part._1 { display: flex; justify-content: flex-start; align-items: center; } .heading-part._2 { display: flex; justify-content: center; align-items: center; } .heading-part._3 { display: flex; justify-content: flex-end; align-items: center; } .rectangle-call-button { display: flex; overflow: visible; margin-left: 40px; padding: 18px 42px; align-items: center; border-style: solid; border-width: 1px; border-color: #0d0e10; border-radius: 60px; transition: filter 200ms ease; font-family: Satoshi, sans-serif; color: #0d0e10; font-weight: 500; letter-spacing: -0.32px; text-decoration: none; } .rectangle-call-button:hover { background-color: #fff; filter: invert(100%); } .rectangle-call-button.overview { background-color: #fff; transition-property: filter; font-size: 22px; font-weight: 700; } .rectangle-call-button.overview:hover { background-color: #fff; filter: invert(100%); } .rectangle-call-button.cta-below-hero { width: 220px; } .newsletter-left-contain { width: 45%; max-width: 500px; } .white-paragraph-22px { color: hsla(0, 0%, 100%, 0.8); } .white-form { display: flex; width: 530px; padding: 68px 40px 48px; flex-direction: column; align-items: flex-start; border-radius: 12px; background-color: #fff; } .form-field-newsletter { padding-left: 38px; border: 1px none #000; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9e23fb8d41d_User.svg"); background-position: 0% 50%; background-size: auto; background-repeat: no-repeat; font-size: 20px; line-height: 150%; } .form-field-newsletter::-moz-placeholder { color: rgba(13, 14, 16, 0.4); } .form-field-newsletter::-ms-input-placeholder { color: rgba(13, 14, 16, 0.4); } .form-field-newsletter::placeholder { color: rgba(13, 14, 16, 0.4); } .form-field-newsletter.email { background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a94dc3b8d41e_EnvelopeSimple.svg"); font-size: 20px; } .form-field-newsletter.email::-moz-placeholder { color: rgba(13, 14, 16, 0.4); } .form-field-newsletter.email::-ms-input-placeholder { color: rgba(13, 14, 16, 0.4); } .form-field-newsletter.email::placeholder { color: rgba(13, 14, 16, 0.4); } .field-contain { width: 100%; padding-bottom: 10px; border-bottom: 1px solid rgba(13, 14, 16, 0.1); } .field-contain._2 { margin-top: 44px; } .submit-newsletter { height: 40px; margin-top: 32px; margin-right: auto; margin-left: auto; padding-right: 52px; background-color: transparent; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9d8f7b8d374_Arrow.svg"); background-position: 100% 50%; background-size: auto; background-repeat: no-repeat; color: #b16cea; font-size: 24px; font-weight: 600; background-clip: border-box; -webkit-text-fill-color: inherit; } .social-links-train { overflow: hidden; margin-bottom: 200px; } .social-links-train.homepage-5 { margin-top: 120px; margin-bottom: 0px; } .social-links-main-contain { display: flex; flex-direction: column; align-items: flex-start; } .social-links-top-contain { position: relative; display: flex; padding: 48px 220px; flex-direction: row; align-items: center; border-style: none none solid; border-width: 1px; border-color: #000 #000 rgba(0, 0, 0, 0.2); } .social-link-icon { margin-right: 24px; } .social-train-text { margin-bottom: 0px; font-weight: 600; letter-spacing: -0.32px; } .social-links-bottom-contain { position: relative; display: flex; padding: 48px 220px; flex-direction: row; align-items: center; border-style: none none solid; border-width: 1px; border-color: #000 #000 rgba(0, 0, 0, 0.2); } .contact-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 180px; padding-bottom: 150px; justify-content: space-between; align-items: flex-start; } .contact-right-wrapper { display: flex; width: 55%; max-width: 750px; flex-direction: column; align-items: flex-start; } .contact-heading { margin-bottom: 48px; font-family: Exo, sans-serif; } .contact-grey-heading { font-family: Vollkorn, serif; color: rgba(13, 14, 16, 0.7); font-weight: 500; } .services-hero-section { background-color: #0d0e10; } .services-hero-wrapper { display: flex; padding-top: 50px; padding-bottom: 90px; flex-direction: column; align-items: center; } .services-hero-heading { max-width: 650px; margin-bottom: 0px; color: #fff; font-weight: 600; text-align: center; letter-spacing: -0.32px; } .services-main-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 150px; flex-direction: column; justify-content: flex-start; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .services-page-contain { display: flex; width: 100%; margin-bottom: 200px; justify-content: space-between; align-items: center; } .services-page-contain.reverse { flex-direction: row-reverse; } .services-left-contain { display: flex; width: 45%; max-width: 450px; flex-direction: column; align-items: flex-start; } .services-icon { margin-bottom: 32px; border-radius: 18px; -o-object-fit: contain; object-fit: contain; } .services-icon._1 { margin-bottom: 32px; border-radius: 18px; box-shadow: 0 14px 80px 0 rgba(252, 107, 92, 0.25); } .services-icon._2 { margin-bottom: 32px; box-shadow: 0 14px 80px 0 rgba(24, 111, 225, 0.25); } .services-icon._3 { margin-bottom: 32px; box-shadow: 0 14px 80px 0 rgba(248, 192, 22, 0.25); } .services-icon._4 { margin-bottom: 32px; box-shadow: 0 14px 80px 0 rgba(106, 50, 245, 0.25); } .services-h2-heading { margin-bottom: 24px; } .services-paragraph { font-size: 18px; line-height: 156%; } .services-right-contain { width: 50%; max-width: 500px; } .services-image { border-radius: 16px; -o-object-fit: contain; object-fit: contain; } .form-right-wrapper { width: 50%; } .send-message-form { margin-bottom: 0px; padding: 48px; border-radius: 12px; background-color: #fff; } .form-heading-28px { margin-bottom: 24px; font-size: 32px; font-weight: 700; letter-spacing: -0.75px; } .borders-text-field { height: 60px; margin-bottom: 20px; padding: 16px 22px; border-style: solid; border-width: 1px; border-color: rgba(13, 14, 16, 0.1); border-radius: 8px; color: #0d0e10; font-size: 18px; line-height: 156%; letter-spacing: -0.32px; } .borders-text-field:focus { border-color: rgba(13, 14, 16, 0.2); } .borders-text-field::-moz-placeholder { color: rgba(13, 14, 16, 0.4); } .borders-text-field::-ms-input-placeholder { color: rgba(13, 14, 16, 0.4); } .borders-text-field::placeholder { color: rgba(13, 14, 16, 0.4); } .borders-text-field.message { margin-bottom: 32px; } .borders-text-field-dropdown { width: 95%; height: 60px; margin-bottom: 0px; padding: 16px 22px; border-style: none; border-width: 1px; border-color: rgba(13, 14, 16, 0.1); border-radius: 8px; background-color: #fff; color: rgba(13, 14, 16, 0.4); font-size: 18px; line-height: 156%; letter-spacing: -0.32px; } .borders-text-field-dropdown:focus { border-color: rgba(13, 14, 16, 0.2); } .borders-text-field-dropdown::-moz-placeholder { color: rgba(13, 14, 16, 0.4); } .borders-text-field-dropdown::-ms-input-placeholder { color: rgba(13, 14, 16, 0.4); } .borders-text-field-dropdown::placeholder { color: rgba(13, 14, 16, 0.4); } .form-dropdown { margin-bottom: 20px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); border-radius: 8px; } .form-gradient-submit { width: 100%; padding-top: 15px; padding-bottom: 15px; border-radius: 8px; background-color: transparent; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); color: #fff; font-size: 18px; line-height: 156%; font-weight: 600; } .form-gradient-submit.fixed-width { height: 60px; max-width: 210px; padding-left: 55px; border-radius: 70px; background-position: 75% 50%, 0px 0px; text-align: left; } .form-icon { display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; flex: 0 0 auto; border-radius: 8px; background-color: transparent; } .contact-page-wrap { width: 100%; max-width: 940px; margin: 100px auto 200px; } .contact-heading-64px { max-width: 566px; margin-bottom: 80px; font-size: 64px; line-height: 100%; font-weight: 800; letter-spacing: -1px; } .contact-flex-wrap { display: flex; margin-bottom: 60px; justify-content: space-between; align-items: flex-start; } .contact-left-wrap { display: flex; flex-direction: column; align-items: flex-start; } .contact-text { margin-bottom: 16px; font-size: 24px; line-height: 117%; font-weight: 600; } .email-wrap { overflow: hidden; text-decoration: none; } .email-text { margin-bottom: 4px; background-color: #fff; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); font-size: 28px; line-height: 136%; font-weight: 600; text-decoration: none; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .email-gradient { width: 0%; height: 2px; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); } .contact-paragraph { max-width: 321px; margin-bottom: 0px; color: rgba(13, 14, 16, 0.8); font-size: 18px; line-height: 156%; } .contact-field-label { margin-bottom: 24px; color: rgba(13, 14, 16, 0.4); font-size: 18px; line-height: 156%; font-weight: 600; letter-spacing: 3.84px; text-transform: uppercase; } .contact-field-label.budget { margin-top: 60px; } .checkbox { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; display: block; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; border: 1px none #000; border-radius: 80px; } .checkbox.w--redirected-checked { border-style: none; border-width: 2px; border-color: #b16cea; background-color: transparent; background-image: linear-gradient(90deg, rgba(177, 108, 234, 0.2) 20%, rgba(255, 94, 105, 0.2) 60%, rgba(255, 138, 86, 0.2) 80%, rgba(255, 168, 75, 0.2) 90%); } .checkbox.w--redirected-focus { box-shadow: 0 0 3px 1px rgba(255, 94, 105, 0.1); } .checkbox-field { position: relative; display: flex; margin-right: 20px; margin-bottom: 20px; padding: 18px 32px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); border-radius: 80px; } .contact-page-form { display: flex; flex-direction: column; align-items: flex-start; } .checkbox-label { font-size: 18px; line-height: 156%; font-weight: 500; letter-spacing: -0.32px; } .checkbox-container { display: flex; margin-bottom: 60px; flex-wrap: wrap; } .fields-contain { display: flex; width: 100%; margin-bottom: 32px; justify-content: space-between; align-items: center; } .contact-form-field { height: 70px; margin-right: 32px; margin-bottom: 0px; padding: 21px 30px; border-style: solid; border-width: 1px; border-color: rgba(13, 14, 16, 0.1); border-radius: 78px; color: #0d0e10; font-size: 18px; line-height: 156%; letter-spacing: -0.16px; } .contact-form-field:active { border-color: rgba(13, 14, 16, 0.2); } .contact-form-field:focus { border-color: rgba(13, 14, 16, 0.2); } .contact-form-field::-moz-placeholder { color: rgba(13, 14, 16, 0.6); } .contact-form-field::-ms-input-placeholder { color: rgba(13, 14, 16, 0.6); } .contact-form-field::placeholder { color: rgba(13, 14, 16, 0.6); } .contact-form-field.no-margin { margin-right: 0px; } .contact-form-field.message { height: 160px; margin-right: 0px; border-radius: 24px; } .review-section { position: relative; } .reviews-main-wrapper { padding-top: 100px; } .reviews-main-wrapper.reviews-page-2 { padding-top: 200px; } .reviews-top-wrapper { display: flex; max-width: 711px; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; } .reviews-cards-wrapper { display: flex; width: 100%; max-width: 968px; margin: 100px auto 40px; } .reviews-cards-wrapper.reviews-page-2 { margin-top: 80px; } .review-cards-left-wrap { display: flex; width: 50%; margin-bottom: 48px; flex-direction: column; } .review-cards-right-wrap { display: flex; width: 50%; margin-bottom: 48px; flex-direction: column; align-items: flex-end; } .reviews-hero-section { position: relative; padding-bottom: 140px; background-color: #0d0e10; } .reviews-hero-section.home-reviews { display: none; padding-bottom: 0px; } .review-hero-wrapper { position: relative; z-index: 1; display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 100px; justify-content: space-between; align-items: flex-start; } .review-hero-wrapper.team-wrapper { padding-top: 0px; flex-direction: column; align-items: center; } .review-left-contain { width: 48%; max-width: 510px; margin-top: 80px; } .review-left-contain.meet-the-team { width: 90%; max-width: 700px; margin-top: 0px; margin-right: auto; margin-left: auto; } .review-heading { margin-bottom: 24px; color: #fff; } .review-heading.team-heading { margin-top: 80px; text-align: center; } .review-paragraph { margin-bottom: 48px; color: hsla(0, 0%, 100%, 0.9); font-size: 20px; } .review-top-contain { display: flex; } .review-divider { width: 1px; margin-right: 48px; margin-left: 48px; background-color: #fff; opacity: 0.1; } .clients-container { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; color: hsla(0, 0%, 100%, 0.9); font-size: 22px; line-height: 127%; font-weight: 500; } .clients-images-container { display: flex; margin-bottom: 28px; align-items: flex-start; } .client-image { width: 100%; height: 50px; max-width: 50px; } .client-image.margin { margin-left: -15px; } .client-image-white { display: flex; width: 50px; height: 50px; margin-left: -15px; justify-content: center; align-items: center; border: 1px solid #000; border-radius: 100px; background-color: #fff; color: #ff5e69; font-size: 20px; line-height: 150%; font-weight: 800; } .review-right-container { width: 50%; } .about-hero-section { position: relative; overflow: hidden; background-color: #0d0e10; } .about-hero-heading { max-width: 1020px; margin-right: auto; margin-bottom: 90px; margin-left: auto; color: #fff; font-size: 90px; line-height: 111%; font-weight: 700; text-align: center; } .about-hero-wrapper { position: relative; z-index: 2; display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 100px; padding-bottom: 520px; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .about-hero-wrapper.about-2 { padding-top: 40px; padding-bottom: 0px; align-items: flex-end; } .about-image-contain { position: relative; display: flex; width: 100%; height: 812px; max-width: 1440px; margin: -520px auto 200px; justify-content: center; align-items: flex-start; } .about-image-bottom-left { position: absolute; left: -10%; top: auto; right: auto; bottom: 5%; z-index: 1; width: 50%; max-width: 400px; } .about-image-center-right { position: absolute; left: auto; top: 20%; right: -2%; bottom: auto; z-index: 1; width: 24%; max-width: 280px; } .about-image-middle-bottom { position: relative; z-index: 1; width: 40%; max-width: 520px; } .about-me-middle-top { position: absolute; left: 51%; top: auto; right: auto; bottom: 0%; z-index: 2; width: 25%; max-width: 330px; } .about-line { position: absolute; left: auto; top: auto; right: 5%; bottom: 15%; width: 100%; max-width: 370px; } .about-line-2 { position: absolute; left: 15%; top: auto; right: auto; bottom: 10%; width: 100%; max-width: 329px; } .work-heading { max-width: 408px; margin-bottom: 24px; line-height: 110%; } .together-grid { width: 50%; max-width: 513px; grid-column-gap: 155px; grid-row-gap: 80px; } .about-images-contain { position: relative; display: flex; height: 730px; margin-top: 100px; justify-content: center; align-items: flex-start; } .create-images { position: relative; width: 100%; max-width: 400px; } .create-images._2 { position: absolute; left: -4%; top: 0%; right: auto; bottom: auto; z-index: auto; margin-top: 100px; } .create-images._3 { position: absolute; left: auto; top: 0%; right: -4%; bottom: auto; margin-top: 100px; } .clients-black-section { padding-bottom: 200px; } .clients-black-section.black { margin-bottom: 20px; padding-bottom: 0px; background-color: #0d0e10; } .clients-black-section.about-page-1 { padding-bottom: 0px; } .clients-wrapper { position: relative; display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 120px; padding-bottom: 56px; flex-direction: column; align-items: center; border-radius: 24px; background-color: #0d0e10; } .clients-wrapper._2 { padding-top: 130px; padding-bottom: 130px; align-items: flex-start; } .clients-heading { max-width: 650px; margin-bottom: 60px; color: #fff; font-weight: 600; text-align: center; } .client-logos-contain { display: flex; width: 100%; max-width: 855px; justify-content: center; flex-wrap: wrap; align-items: flex-start; } .about-client-logos { -o-object-fit: contain; object-fit: contain; } .client-logo-container { display: flex; width: 100%; height: 100px; max-width: 178px; margin-right: 47px; margin-bottom: 32px; justify-content: center; align-items: center; } .client-logo-container.last { margin-right: 0px; } .client-text { position: absolute; left: 0%; top: 3%; right: 0%; bottom: auto; display: block; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.07), hsla(0, 0%, 100%, 0) 90%); color: #fff; font-size: 300px; line-height: 320px; font-weight: 600; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .client-text._2 { top: 10%; display: block; } .footer-top-left { display: flex; max-width: 324px; flex-direction: column; align-items: flex-start; } .footer-top-right { width: 100%; max-width: 400px; } .footer-top-right.footer-suscribe-hide { display: block; } .subscribe-text { margin-bottom: 40px; color: #fff; font-size: 24px; line-height: 142%; font-weight: 500; } .subscribe-text.black { color: #0d0e10; } .subscribe-form-block { margin-bottom: 0px; } .cta-section { position: relative; display: flex; overflow: hidden; flex-direction: column; justify-content: center; align-items: center; background-color: #0d0e10; } .cta-wrapper { position: relative; z-index: 2; display: flex; width: 90%; max-width: 805px; margin-right: auto; margin-left: auto; padding-top: 150px; padding-bottom: 50px; flex-direction: column; justify-content: space-between; align-items: flex-start; } .about-hero-image-wrap { position: relative; left: -8%; width: 70%; max-width: 630px; } .about-hero-image { width: 100%; max-width: 630px; border-top-right-radius: 20px; } .about-hero-heading-2 { margin-bottom: 32px; color: #fff; font-size: 64px; line-height: 110%; font-weight: 700; } .creative-text-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 200px; justify-content: space-between; align-items: flex-start; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .creative-heading-64px { width: 45%; max-width: 500px; margin-bottom: 0px; font-size: 64px; line-height: 119%; font-weight: 800; letter-spacing: -0.16px; } .creative-paragraph { width: 50%; max-width: 570px; color: #0d0e10; letter-spacing: -0.32px; } .power-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 200px; flex-direction: column; justify-content: center; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .power-heading { max-width: 1140px; margin-bottom: 0px; font-size: 90px; line-height: 111%; text-align: center; } .power-image { position: static; top: -70px; z-index: -1; margin-top: -70px; margin-bottom: 40px; } .power-text { max-width: 600px; margin-bottom: 0px; color: #0d0e10; text-align: center; letter-spacing: -0.32px; } .client-text-top { margin-bottom: 60px; color: #fff; font-size: 32px; line-height: 131%; font-weight: 600; } .client-bottom-text { position: relative; z-index: 2; color: #fff; font-size: 48px; line-height: 167%; } .client-hover { display: inline-block; transition: color 200ms ease; color: #fff; text-decoration: none; } .client-hover:hover { color: #b16cea; } .client-hover._2 { display: inline-block; transition-duration: 200ms; } .client-hover._2:hover { color: #ff5e69; } .client-hover._3 { display: inline-block; transition-duration: 200ms; } .client-hover._3:hover { color: #ff8a56; } .client-hover._4 { display: inline-block; transition-duration: 200ms; } .client-hover._4:hover { color: #ffa84b; } .about-left-info-wrapper { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; display: flex; width: 32%; height: 100%; max-width: 400px; padding-top: 80px; padding-bottom: 80px; flex-direction: column; justify-content: flex-end; } ._28px-text { margin-top: 8px; margin-bottom: 0px; color: rgba(13, 14, 16, 0.7); font-size: 28px; } .about-right-info-wrapper { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: flex; width: 29%; height: 100%; max-width: 290px; padding-top: 100px; padding-bottom: 80px; flex-direction: column; justify-content: flex-end; } .create-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 200px; padding-bottom: 200px; flex-direction: column; align-items: center; } .create-heading-wrapper { display: block; max-width: 1000px; margin-right: auto; margin-bottom: 100px; margin-left: auto; align-items: center; } .create-heading-48px { display: inline; font-size: 48px; line-height: 120%; font-weight: 700; letter-spacing: -0.16px; } .create-small-text { display: inline-block; margin-right: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; color: rgba(13, 14, 16, 0.7); font-weight: 600; text-transform: uppercase; } .create-image { width: 100%; max-width: 1140px; border-radius: 16px; -o-object-fit: contain; object-fit: contain; } .trusted-section { margin-bottom: 200px; } .trusted-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; } .trusted-heading { margin-bottom: 70px; } .trusted-logos-wrapper { display: -ms-grid; display: grid; width: 100%; grid-auto-columns: 1fr; grid-column-gap: 120px; grid-row-gap: 48px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .trusted-logo { opacity: 0.8; -o-object-fit: contain; object-fit: contain; } .trusted-logo-contain { display: flex; width: 100%; height: 100px; max-width: 178px; justify-content: center; align-items: center; } .websites-wrapper { display: flex; width: 90%; max-width: 1120px; margin-right: auto; margin-left: auto; padding-top: 200px; padding-bottom: 200px; flex-direction: column; align-items: center; } .websites-heading { max-width: 1000px; margin-bottom: 80px; text-align: center; } .websites-heading.small { max-width: 700px; } .websites-image { width: 100%; max-width: 1040px; border-radius: 16px; } .lightbox-link { position: relative; margin-bottom: 60px; text-decoration: none; } .create-text { max-width: 750px; margin-bottom: 120px; color: #0d0e10; text-align: center; } .blog-hero-wrapper { position: relative; display: flex; overflow: hidden; margin-bottom: 200px; padding-top: 100px; flex-direction: column; align-items: center; } .blog-heading-64px { max-width: 754px; margin-bottom: 100px; font-size: 64px; text-align: center; } .hero-blogs-wrapper { display: flex; } .hero-blogs-wrapper.category { padding-top: 100px; padding-bottom: 200px; flex-direction: column; justify-content: center; align-items: center; } .blog-contain { max-width: 680px; color: #0d0e10; text-decoration: none; } .blog-contain._354px { max-width: 354px; } .blog-contain._500px { position: relative; overflow: hidden; max-width: 500px; padding: 32px; border-radius: 16px; opacity: 1; } .blog-contain._354px-padding { position: relative; overflow: hidden; max-width: 354px; padding: 24px; border-radius: 16px; } .blog-contain.horizontal { position: relative; display: flex; overflow: hidden; max-width: 1140px; padding: 32px; border-radius: 16px; } .blog-image-contain { width: 100%; height: 360px; max-width: 680px; margin-bottom: 32px; border-radius: 16px; } .blog-image-contain._354px { overflow: hidden; height: 240px; max-width: 354px; } .blog-image-contain._354px.blog-page-1 { overflow: visible; } .blog-image-contain.page-2 { overflow: hidden; height: 280px; max-width: 486px; } .blog-image-contain._306px { overflow: hidden; height: 240px; max-width: 306px; } .blog-image-contain._496px { overflow: hidden; height: 280px; max-width: 496px; margin-bottom: 0px; } .blog-thumbnail-image { width: 100%; height: 360px; max-width: 680px; border-radius: 16px; -o-object-fit: cover; object-fit: cover; } .blog-thumbnail-image._354px { height: 240px; max-width: 354px; -o-object-fit: cover; object-fit: cover; } .blog-thumbnail-image.page-2 { height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .blog-thumbnail-image._496px { height: 280px; max-width: 496px; -o-object-fit: cover; object-fit: cover; } .categories-wrapper { display: flex; margin-bottom: 24px; flex-wrap: wrap; align-items: center; } .categories-wrapper.page-3 { margin-bottom: 16px; } .categories-wrapper.template { margin-bottom: 32px; } .main-category { margin-right: 16px; margin-bottom: 10px; padding: 12px 20px; flex: 0 0 auto; border-radius: 40px; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: -0.16px; } .second-category { margin-right: 0px; margin-bottom: 10px; padding: 12px 20px; flex: 0 0 auto; border-radius: 40px; background-color: rgba(13, 14, 16, 0.06); font-size: 18px; font-weight: 600; letter-spacing: -0.16px; } .second-category.white { background-color: #fff; } .blog-title { margin-bottom: 24px; font-size: 32px; line-height: 131%; font-weight: 500; } .blog-title.page-2 { margin-bottom: 20px; } .blog-title.page-3 { margin-bottom: 16px; font-size: 24px; line-height: 142%; } .blog-description { margin-bottom: 0px; } .blog-collection-page-1 { display: flex; justify-content: center; } .collection-list-blog { display: flex; flex: 0 0 auto; } .collection-item-blogs { display: flex; padding-right: 24px; padding-left: 24px; } .collection-item-blogs.page-2 { display: flex; padding-right: 0px; padding-left: 0px; } .blog-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 200px; flex-direction: column; justify-content: space-between; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .blog-heading-2 { margin-bottom: 60px; } .blog-tabs-page-1 { width: 100%; } .tabs-menu-page-1 { display: flex; margin-bottom: 80px; justify-content: center; } .blog-tab-link { margin-right: 22px; padding: 12px 24px; border-radius: 50px; background-color: rgba(13, 14, 16, 0.06); font-weight: 600; } .blog-tab-link.w--current { background-color: #0d0e10; color: #fff; } .tabs-content { overflow: visible; } .collection-list-blogs { display: -ms-grid; display: grid; width: 100%; flex-wrap: wrap; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-item-blog-2 { display: flex; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; } .blog-colection-page-2 { display: flex; justify-content: center; } .blog-info-wrapper { display: flex; justify-content: space-between; align-items: center; } .dot-blog { margin-right: 4px; line-height: 150%; } .blog-author-name { display: flex; align-items: center; } .tabs-menu-page-2 { display: flex; max-width: 740px; margin-right: auto; margin-bottom: 80px; margin-left: auto; padding-top: 8px; padding-bottom: 8px; justify-content: center; border-radius: 90px; background-color: #f4f5f5; } .collection-list-wrapper-blog-2 { display: flex; } .blog-content { display: flex; margin-left: 60px; flex-direction: column; justify-content: center; align-items: flex-start; } .collection-list-wrapper-featured { margin-bottom: 70px; } .blog-hero-wrapper-black { position: relative; overflow: visible; padding-bottom: 100px; background-color: #0d0e10; } .blog-heading-white { max-width: 900px; margin: 60px auto 0px; padding-bottom: 0px; color: #fff; font-size: 64px; line-height: 110%; text-align: center; } .blog-wrapper-page-3 { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 140px; padding-bottom: 100px; justify-content: space-between; align-items: flex-start; } .blog-tabs { display: flex; width: 70%; flex-direction: column; align-items: flex-start; } .tabs-menu-right { margin-bottom: 40px; margin-left: 0px; padding: 16px 10px 16px 20px; border-radius: 40px; background-color: #0d0e10; } .tab-links-page-3 { margin-right: 16px; margin-bottom: 0px; padding: 8px 24px; border-radius: 20px; background-color: hsla(0, 0%, 100%, 0.1); color: #fff; line-height: 150%; } .tab-links-page-3.w--current { background-color: #fff; color: #0d0e10; font-weight: 600; } .main-category-texts { font-weight: 600; text-transform: uppercase; } .collection-list-wrapper-4 { display: flex; } .collection-list-blog-3 { display: -ms-grid; display: grid; flex-wrap: wrap; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 60px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .blog-summary { margin-bottom: 0px; font-size: 16px; line-height: 150%; } .blog-template-hero { display: flex; padding-top: 40px; flex-direction: column; align-items: center; } .template-hero-image { width: 100%; height: 400px; max-width: 1700px; margin-right: auto; margin-left: auto; -o-object-fit: cover; object-fit: cover; } .blog-top-info { display: flex; width: 90%; max-width: 1200px; margin-top: -220px; margin-right: auto; margin-left: auto; padding-top: 80px; padding-bottom: 80px; flex-direction: column; justify-content: center; align-items: center; border-radius: 16px; background-color: #fff; } .blog-hero-heading { max-width: 609px; margin-bottom: 24px; font-size: 60px; font-weight: 600; text-align: center; } .blog-description-template { max-width: 650px; margin-bottom: 32px; text-align: center; } .blog-date { margin-right: 4px; color: rgba(13, 14, 16, 0.9); font-size: 22px; line-height: 155%; } .read-time { margin-right: 0px; color: rgba(13, 14, 16, 0.9); font-size: 22px; line-height: 155%; } .blog-dot { margin-right: 10px; margin-left: 6px; line-height: 150%; } .blog-content-contain { position: relative; display: flex; width: 90%; max-width: 1040px; margin-top: 60px; margin-right: auto; margin-left: auto; padding-bottom: 100px; justify-content: space-between; align-items: flex-start; } .share-icons-wrapper { position: -webkit-sticky; position: sticky; top: 60px; display: none; width: 10%; flex-direction: column; align-items: center; flex: 0 0 auto; } .blog-rich-text { width: 80%; max-width: 840px; margin-right: auto; margin-left: auto; } .share-text { margin-bottom: 24px; font-size: 26px; line-height: 131%; } .share-icon { display: flex; margin-bottom: 4px; padding: 10px; justify-content: center; align-items: center; flex: 0 0 auto; border-radius: 5px; transition: background-color 300ms ease; } .share-icon:hover { background-color: rgba(255, 94, 105, 0.2); background-image: linear-gradient(150deg, rgba(177, 108, 234, 0.2) 20%, rgba(255, 94, 105, 0.2) 60%, rgba(255, 138, 86, 0.2) 80%, rgba(255, 168, 75, 0.2) 90%); } .blog-rich-text-block blockquote { margin-left: 28px; padding-right: 28px; padding-left: 28px; border-left-width: 2px; border-left-color: #ff5e69; font-size: 22px; line-height: 155%; } .blog-rich-text-block ul { margin-bottom: 16px; color: rgba(13, 14, 16, 0.9); font-size: 22px; line-height: 155%; } .blog-rich-text-block ol { margin-bottom: 16px; color: rgba(13, 14, 16, 0.9); font-size: 22px; line-height: 155%; } .author-block { width: 90%; max-width: 1140px; margin-bottom: 140px; padding-top: 0px; } .author-block.template { margin-right: auto; margin-left: auto; padding-top: 100px; } .author-top-block { display: flex; max-width: 524px; margin-right: auto; margin-bottom: 0px; margin-left: auto; flex-direction: column; align-items: center; } .author-image { width: 100%; max-width: 200px; margin-bottom: 30px; border-radius: 500px; } .about-author { margin-bottom: 20px; font-size: 32px; line-height: 131%; font-weight: 600; } .author-description { color: rgba(13, 14, 16, 0.8); font-size: 20px; line-height: 150%; text-align: center; } .similar-blogs-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-bottom: 180px; margin-left: auto; flex-direction: column; align-items: center; } .heading-2-blogs { margin-bottom: 80px; } .test-images.minus { margin-left: -20px; } .projects-page-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 120px; padding-bottom: 120px; flex-direction: column; align-items: center; } .project-heading-64px { max-width: 600px; margin-bottom: 48px; font-size: 64px; text-align: center; } .project-tab-links { margin-right: 16px; padding: 19px 36px 20px; border-style: solid; border-width: 1px; border-color: rgba(13, 14, 16, 0.1); border-radius: 40px; background-color: #fff; font-weight: 700; } .project-tab-links.w--current { border-color: #0d0e10; background-color: #0d0e10; color: #fff; } .project-tab-links.last { margin-right: 0px; } .tabs-menu { max-width: 674px; margin-bottom: 100px; } .tabs { display: flex; width: 100%; flex-direction: column; align-items: center; } .tabs-content-projects { width: 100%; } .project-wrap { width: 100%; margin-bottom: 0px; color: #0d0e10; text-decoration: none; } .project-image-wrap { display: flex; height: 580px; margin-bottom: 32px; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a93898b8d3e7_Bg.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .project-name-wrap { display: flex; margin-bottom: 20px; flex-direction: column; flex-wrap: wrap; align-items: flex-start; } .project-name-bold { font-size: 24px; line-height: 142%; font-weight: 800; letter-spacing: -0.16px; } .project-name-regular { margin-left: 0px; font-size: 24px; line-height: 142%; letter-spacing: -0.16px; } .project-description { margin-bottom: 0px; font-size: 18px; line-height: 156%; } .project-description._22px { margin-bottom: 48px; color: rgba(13, 14, 16, 0.9); font-size: 22px; line-height: 155%; } .empty-state { width: 100%; border-radius: 10px; background-color: rgba(255, 94, 105, 0.2); color: #0d0e10; font-weight: 600; text-align: center; } .project-section-template { position: relative; overflow: hidden; width: 100%; max-width: 1140px; margin-right: auto; margin-left: auto; } .project-top-wrapper { position: relative; display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 80px; justify-content: space-between; align-items: flex-start; } .project-info-left { display: flex; width: 50%; max-width: 490px; margin-top: 70px; margin-bottom: 170px; flex-direction: column; align-items: flex-start; } .project-heading-regular { margin-bottom: 24px; font-weight: 600; } .projects-image-contain { position: absolute; left: auto; top: auto; right: -10%; bottom: -10%; width: 50%; height: 100%; max-width: 755px; border-radius: 20px; box-shadow: 0 4px 94px 0 rgba(0, 0, 0, 0.05); } .project-rich-text-contain { width: 100%; max-width: 840px; margin: 120px auto 200px; } .project-rich-text blockquote { margin-bottom: 32px; margin-left: 28px; padding-right: 28px; padding-left: 28px; border-left-width: 2px; border-left-color: #ff8a56; color: rgba(13, 14, 16, 0.9); font-size: 22px; line-height: 155%; font-style: italic; } .project-rich-text ul { margin-bottom: 16px; margin-left: 28px; } .project-rich-text li { margin-bottom: 16px; font-size: 22px; line-height: 155%; } .project-rich-text ol { margin-bottom: 16px; margin-left: 28px; } .more-projects-section.space-below-footer { margin-bottom: 70px; } .more-projects-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-bottom: 120px; margin-left: auto; flex-direction: column; align-items: center; } .more-projects-wrapper.products { margin-bottom: 0px; } .more-projects-wrapper.projects { margin-bottom: 150px; } .shop-hero-section { position: relative; overflow: visible; } .shop-hero-wrapper { position: relative; display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-bottom: 200px; margin-left: auto; padding-top: 100px; flex-direction: column; align-items: center; } .shop-heading { max-width: 754px; margin-bottom: 100px; text-align: center; } .shop-collection-wrap { display: flex; width: 100%; max-width: 1140px; flex-direction: column; align-items: stretch; } .product-wrap { display: flex; overflow: hidden; width: 650px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; flex-direction: column; justify-content: space-between; align-items: center; border-radius: 12px; background-color: #e9f0f5; text-decoration: none; } .product-wrap.team-wrap { width: auto; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .product-wrap.team-wrap.white-for-sig { position: relative; left: 182px; top: 115px; overflow: visible; padding-top: 25px; padding-bottom: 25px; background-color: #fff; } .collection-list-wrapper-shop { width: 100%; justify-content: space-between; align-items: stretch; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .product-info-text { display: block; padding-top: 32px; padding-right: 0px; padding-left: 16px; } .product-info-text.template { padding-top: 0px; padding-left: 0px; } .product-name { margin-bottom: 6px; font-size: 28px; line-height: 136%; font-weight: 700; letter-spacing: -0.16px; } .product-description { line-height: 150%; font-weight: 500; } .product-description.summary { display: none; } .price-wrapper { display: flex; margin-top: 20px; align-items: center; } .product-price { font-size: 32px; line-height: 130%; font-weight: 800; } .coupon-text { display: flex; width: 96px; height: 24px; margin-left: 12px; padding-top: 2px; padding-bottom: 0px; padding-left: 6px; align-items: flex-start; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a926deb8d3e8_Indicator.png"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; color: #fff; font-size: 13px; font-weight: 600; } .product-thumbnail-contain { margin-top: 20px; } .collection-list-shop { display: -ms-grid; display: grid; justify-content: space-between; flex-wrap: wrap; grid-auto-columns: 0.25fr; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-item-projects { display: flex; } .collection-item-projects._3-column { width: 32%; } .product-thumbnail { padding-top: 50px; } .product-section { position: relative; } .product-hero-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-bottom: 200px; margin-left: auto; padding-top: 100px; justify-content: space-between; } .product-images-wrap { display: flex; width: 50%; flex-direction: column; } .main-image { display: none; } .collection-list-wrapper-botom-images { display: block; margin-top: -27px; flex-direction: row; justify-content: flex-end; } .collection-item-6 { margin-right: 2%; } .collection-list-wrapper-main-image { width: 100%; max-width: 600px; margin-right: 2%; } .collection-item-7 { height: 400px; max-width: 100%; } .main-image-link { display: flex; height: 400px; max-width: 600px; margin-bottom: 0px; justify-content: center; align-items: stretch; -o-object-fit: cover; object-fit: cover; } .collection-list-6 { width: 100%; } .collection-list-7 { display: flex; width: 100%; max-width: 600px; margin-top: 30px; flex-direction: row; justify-content: flex-end; align-items: flex-start; } .product-info-wrap { width: 45%; } .product-divider { width: 100%; height: 1.5px; margin-top: 26px; margin-bottom: 26px; background-color: rgba(13, 14, 16, 0.15); } .project-summary { margin-bottom: 22px; color: rgba(13, 14, 16, 0.8); font-size: 20px; line-height: 160%; } .product-bottom-wrapper { margin-bottom: 80px; } .product-info-contain { display: flex; margin-bottom: 8px; } .bold-info { font-size: 18px; line-height: 156%; font-weight: 700; } .regular-info { margin-left: 5px; font-size: 18px; line-height: 156%; font-weight: 400; } .default-state { margin-bottom: 0px; } .collection-list-wrapper-shop-temp { display: flex; width: 100%; margin-top: 80px; justify-content: center; align-items: stretch; } .contact-links { position: relative; display: flex; overflow: hidden; margin-bottom: 30px; padding: 10px 20px 24px 10px; justify-content: flex-start; align-items: center; color: #b16cea; font-size: 40px; line-height: 117%; font-weight: 800; letter-spacing: -0.16px; text-decoration: none; } .contact-icon { margin-top: 0px; margin-right: 16px; margin-left: 0px; } .heading-wrapper-project { display: block; margin-bottom: 20px; } .project-name-home { display: inline; margin-bottom: 0px; color: #fff; font-size: 24px; line-height: 142%; } .project-name-home.bold { display: inline; margin-right: 5px; font-weight: 700; } .nav-dropdown { display: flex; margin-right: 0px; padding: 20px 0px 12px; align-items: center; border-bottom: 1px solid transparent; font-size: 18px; line-height: 130%; } .nav-dropdown.w--open { border-bottom: 1px solid #000; } .nav-dropdown.white { font-family: Exo, sans-serif; color: #fff; } .dropdown-arrow { position: static; margin: auto 0px auto 5px; } .blog-background { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -1; opacity: 0.1; } .blog-right-wrapper { width: 28%; margin-left: 2%; padding-top: 110px; } .utility-page-wrap { display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; justify-content: center; align-items: center; } .utility-page-wrap.password { display: block; font-family: Plusjakartasans, sans-serif; } .utility-page-content { display: flex; width: 260px; flex-direction: column; text-align: center; } .utility-page-content.password { width: 454px; margin-top: 40px; margin-right: auto; margin-left: auto; } .utility-page-content._404 { width: auto; max-width: 1100px; flex-direction: row; justify-content: space-between; align-items: center; } .utility-page-form { display: flex; margin-top: 60px; flex-direction: column; align-items: center; } .blog-search { margin-bottom: 24px; padding: 32px; border-radius: 12px; background-color: #0d0e10; } .heading-22px { margin-bottom: 26px; color: #fff; font-size: 22px; line-height: 145%; font-weight: 600; } .heading-22px.smaller-signup-heading { font-size: 20px; } .search-input { position: relative; height: 56px; margin-bottom: 0px; padding-bottom: 9px; padding-left: 55px; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 100%, 0.2); border-radius: 48px; background-color: transparent; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a933a8b8d3ed_MagnifyingGlass.svg"); background-position: 20px 50%; background-size: auto; background-repeat: no-repeat; color: #fff; font-size: 16px; line-height: 140%; } .search-input:focus { border-color: hsla(0, 0%, 100%, 0.4); } .search-input::-moz-placeholder { color: hsla(0, 0%, 100%, 0.6); } .search-input::-ms-input-placeholder { color: hsla(0, 0%, 100%, 0.6); } .search-input::placeholder { color: hsla(0, 0%, 100%, 0.6); } .search-button { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 56px; height: 56px; background-color: transparent; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a91d46b8d34d_Arrow%20-%20Right%20(6).svg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; } .search-contain { position: relative; } .social-media-wrapper { margin-bottom: 24px; padding: 32px 32px 20px 0px; border-radius: 12px; background-color: #0d0e10; } .social-link-big { display: flex; width: 100%; height: 48px; margin-bottom: 12px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; align-items: center; border-radius: 24px; background-color: hsla(0, 0%, 100%, 0.1); text-decoration: none; } .social-icon { position: relative; display: flex; overflow: hidden; width: 40px; height: 40px; margin-right: 12px; flex-direction: column; justify-content: center; align-items: center; flex: 0 0 auto; border-radius: 100px; background-color: #fff; } .social-text { color: #fff; line-height: 150%; font-weight: 600; text-decoration: none; } .subscribe-wrap { margin-bottom: 0px; padding: 32px 32px 20px; border-radius: 12px; background-color: #0d0e10; } .form-field-subscribe { height: 56px; padding-left: 55px; border-style: solid; border-width: 1px; border-color: hsla(0, 0%, 100%, 0.2); border-radius: 48px; background-color: transparent; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9a751b8d3f3_EnvelopeSimple.svg"); background-position: 23px 50%; background-size: auto; background-repeat: no-repeat; color: #fff; font-size: 16px; } .form-field-subscribe:focus { border-color: hsla(0, 0%, 100%, 0.4); } .form-field-subscribe::-moz-placeholder { color: hsla(0, 0%, 100%, 0.6); } .form-field-subscribe::-ms-input-placeholder { color: hsla(0, 0%, 100%, 0.6); } .form-field-subscribe::placeholder { color: hsla(0, 0%, 100%, 0.6); } .form-field-subscribe.name-field { background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/623f484280cd7709ba6f1e57_Person%20Icon.png"); background-position: 11% 50%; background-size: 21px; } .subscribe-button { display: inline-block; width: 100%; height: 56px; padding-top: 13px; padding-bottom: 13px; padding-left: 15px; border-radius: 40px; background-color: #ffa84b; font-weight: 600; text-align: center; } .slide-nav { display: none; } .testimonial-slide-wrap { display: flex; width: 85%; margin-right: auto; margin-left: auto; flex-direction: column; align-items: center; } .testimonial-big-text { margin-bottom: 48px; font-size: 36px; line-height: 128%; font-style: italic; font-weight: 500; text-align: center; letter-spacing: -0.16px; } .testimonial-big-text.left { color: #fff; font-size: 30px; line-height: 133%; text-align: left; } .testimonial-big-text.left-black { margin-bottom: 40px; color: #0d0e10; font-size: 30px; line-height: 133%; font-weight: 600; text-align: left; } .testimonial-bottom-wrap { display: flex; } .testimonial-bottom-wrap.apart { justify-content: space-between; } .testimonial-bottom-wrap.top-left { align-items: flex-start; } .testimonial-image-80px { width: 100%; height: 80px; max-width: 80px; border-radius: 100px; } .testimonial-names-wrap { display: flex; margin-left: 24px; flex-direction: column; justify-content: center; align-items: flex-start; } .testimonial-names-wrap.no-margin { margin-left: 0px; } .testimonial-name-24px { margin-bottom: 4px; font-size: 24px; line-height: 142%; font-weight: 600; letter-spacing: -0.32px; } .testimonial-name-24px.white { color: #fff; } .testimonial-position-20px { color: rgba(13, 14, 16, 0.8); font-size: 20px; line-height: 130%; letter-spacing: -0.32px; } .testimonial-position-20px.white { color: hsla(0, 0%, 100%, 0.8); } .testimonial-arrow { display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(13, 14, 16, 0.2); border-radius: 100px; background-color: #fff; transition: filter 200ms ease; } .testimonial-arrow:hover { filter: invert(100%); } .arrow { -o-object-fit: contain; object-fit: contain; } .arrow.right { transform: rotate(180deg); } .circle-background.left-home { position: absolute; left: -40%; top: -50%; right: auto; bottom: auto; z-index: 1; width: 100%; height: 740px; max-width: 740px; } .circle-background.right-home { position: absolute; left: auto; top: -38%; right: -50%; bottom: auto; z-index: 1; width: 100%; height: 740px; max-width: 740px; } .circle-background.left { position: absolute; left: -13%; top: -51%; right: auto; bottom: auto; z-index: -1; width: 100%; height: 740px; max-width: 740px; } .circle-background.left.projects { left: -38%; top: -15%; z-index: -1; } .circle-background.left.project-details { left: -37%; top: -58%; } .circle-background.left.reviews { left: -38%; top: -26%; z-index: -1; } .circle-background.left.reviews-2 { left: -32%; top: -26%; z-index: 1; } .circle-background.left.blog-page-1 { left: -38%; } .circle-background.left.blog-2 { left: -38%; } .circle-background.left.shop { left: -38%; } .circle-background.right { position: absolute; left: auto; top: -42%; right: -40%; bottom: auto; z-index: -1; width: 100%; height: 740px; max-width: 740px; } .circle-background.right.projects { top: -14%; right: -48%; } .circle-background.right.reviews { top: -27%; right: -48%; } .circle-background.right.reviews-2 { z-index: 1; } .circle-background.right.about-right { top: -38%; z-index: 1; } .circle-background.right.blog-page-1 { top: -30%; right: -47%; } .circle-background.right.blog-2 { top: -38%; right: -46%; } .circle-background.right.shop { top: -29%; } .circle-background.review { position: absolute; left: auto; top: -14%; right: -50%; bottom: auto; z-index: auto; width: 100%; height: 740px; max-width: 740px; } .circle-background.course { position: absolute; left: auto; top: -21%; right: -40%; bottom: auto; z-index: -1; width: 100%; height: 740px; max-width: 740px; } .circle-background.course-left { position: absolute; left: -40%; top: -32%; right: auto; bottom: auto; z-index: -1; width: 100%; height: 740px; max-width: 740px; } .circle-background.about-1 { position: absolute; left: -40%; top: -50%; right: auto; bottom: auto; z-index: 1; width: 100%; height: 740px; max-width: 740px; } .circle-background.left-course { position: absolute; left: -40%; top: -50%; right: auto; bottom: auto; z-index: 1; width: 100%; height: 740px; max-width: 740px; } .circle-background.course-right { position: absolute; left: auto; top: -38%; right: -50%; bottom: auto; z-index: 1; width: 100%; height: 740px; max-width: 740px; } .circle-background.blog-3-left { position: absolute; left: -40%; top: -50%; right: auto; bottom: auto; z-index: 1; width: 100%; height: 740px; max-width: 740px; } .circle-background.blog-3-right { position: absolute; left: auto; top: -38%; right: -50%; bottom: auto; z-index: 1; width: 100%; height: 740px; max-width: 740px; } .projects-contain { display: -ms-grid; display: grid; width: 100%; margin-top: 80px; grid-auto-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 60px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .project-wrapper-horizontal { display: flex; justify-content: space-between; align-items: flex-start; color: #0d0e10; text-decoration: none; } .project-left-contain { width: 40%; max-width: 420px; } .project-heading-40px { margin-bottom: 24px; } .project-description-20px { margin-bottom: 24px; color: rgba(13, 14, 16, 0.9); font-size: 20px; line-height: 150%; } .company-logo { width: 100%; max-width: 160px; } .project-divider { width: 100%; height: 1px; margin-top: 16px; margin-bottom: 32px; background-color: rgba(13, 14, 16, 0.1); } .categories-wrap { display: flex; align-items: center; } .project-category { margin-right: 16px; padding: 11px 20px; flex: 0 0 auto; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); border-radius: 40px; background-color: transparent; font-size: 16px; font-weight: 600; letter-spacing: -0.16px; } .project-image-50 { display: flex; overflow: hidden; width: 50%; height: 100%; max-width: 640px; padding-top: 40px; padding-bottom: 40px; justify-content: center; align-items: center; border-radius: 12px; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a93898b8d3e7_Bg.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .project-image-60 { border-radius: 12px; } .testimonial-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 200px; padding-bottom: 200px; flex-direction: column; align-items: center; } .testimonial-wrapper.black { padding-top: 150px; padding-bottom: 150px; } .testimonial-wrapper.white { padding-top: 180px; padding-bottom: 180px; } .testimonial-haeding-48px { margin-bottom: 80px; } .testimonial-tabs { display: flex; width: 90%; max-width: 1040px; flex-direction: row-reverse; } .tabs-menu-testimonial { display: flex; width: 100%; max-width: 100px; flex-direction: column; align-items: center; } .tabs-content-testimonial { width: 100%; } .testimonial-tab-wrapper { width: 100%; max-width: 705px; } .testimonial-text-32px { margin-top: 24px; margin-bottom: 40px; font-size: 32px; line-height: 144%; } .testimonial-names { font-size: 24px; line-height: 140%; letter-spacing: -0.16px; } .image-tab-link { display: flex; margin-bottom: 24px; padding: 10px; justify-content: center; align-items: center; border-style: solid; border-width: 1.5px; border-color: #fff; border-radius: 100px; background-color: #fff; } .image-tab-link.w--current { border-color: #ff5e69; background-color: #fff; } .awards-wrapper { width: auto; max-width: none; padding-top: 0px; padding-bottom: 200px; align-items: center; } .awards-wrapper.template { padding-top: 100px; } .awards-images-contain { display: flex; width: 100%; margin-right: auto; margin-left: auto; justify-content: flex-start; align-items: center; flex: 0 0 auto; } .awards-images-contain.template { justify-content: center; } .award-contain { display: flex; align-items: flex-start; } .award-middle-wrapper { flex: 0 0 auto; } .awards-item { width: 100%; max-width: 265px; padding-right: 16px; padding-left: 16px; flex: 0 0 auto; } .collection-list-8 { display: flex; justify-content: flex-start; align-items: center; } .main-testimonial-wrap { display: flex; width: 100%; height: 100%; margin-top: 110px; justify-content: space-between; align-items: stretch; } .main-testimonial-image { position: relative; left: 80px; border-radius: 1000px; } .testimonial-black-image { width: 100%; max-width: 380px; border-radius: 500px; background-color: #656565; color: #2c2c2c; } .testimonial-right-wrap { display: flex; height: 100%; max-width: 440px; flex-direction: column; justify-content: space-between; align-items: flex-start; } .testimonial-text-20px { margin-top: 12px; margin-bottom: 0px; font-size: 30px; line-height: 150%; } .testimonial-black-bottom { margin-top: 37px; } .testimonial-italic-text { width: 90%; margin-bottom: 8px; font-size: 18px; line-height: 156%; font-style: italic; font-weight: 600; } .testimonial-black-name { line-height: 175%; } .project-vary-grid { width: 100%; margin-bottom: 100px; grid-column-gap: 50px; grid-row-gap: 50px; } .project-vary-wrap.right { margin-top: 140px; } .project-vary-wrap.left { margin-top: -105px; } .watch-lightbox { position: absolute; left: auto; top: auto; right: 41%; bottom: 0%; display: inline-block; color: #0d0e10; text-decoration: none; } .create-line-1 { position: absolute; left: 25%; top: -13%; right: auto; bottom: auto; } .create-line-2 { position: absolute; left: auto; top: auto; right: 0%; bottom: -5%; } .footer-cf-link { background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); transition: color 200ms ease; color: #fff; font-weight: 500; text-decoration: none; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .footer-cf-link:hover { border: 1px none #000; color: #ff5e69; text-decoration: none; } .footer-cf-link.black { color: #0d0e10; } .footer-cf-link.black:hover { color: #ff8a56; } .projects-top-contain { display: flex; width: 100%; margin-bottom: 80px; padding-top: 42px; justify-content: space-between; align-items: flex-start; } .project-slider-wrap { position: relative; display: flex; width: 100%; padding-bottom: 0px; flex-direction: column; justify-content: space-between; align-items: flex-start; } .mask { overflow: visible; max-width: 510px; } .project-slider { position: static; height: auto; background-color: transparent; } .project-slide { max-width: 510px; margin-right: 48px; } .project-slide-wrap { width: 100%; max-width: 510px; color: #0d0e10; text-decoration: none; } .slide-nav-2 { display: none; } .slider-image-contain { display: flex; overflow: hidden; height: 450px; max-width: 510px; margin-bottom: 32px; flex-direction: column; justify-content: center; align-items: center; border-radius: 16px; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a93898b8d3e7_Bg.png"); background-position: 0px 0px; background-size: cover; background-repeat: no-repeat; } .project-slide-image { width: 60%; max-width: none; } .slider-arrow { left: auto; top: -10%; right: 28%; bottom: auto; display: flex; width: 50px; height: 50px; flex-direction: column; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); border-radius: 100px; background-color: #fff; background-image: none; transition: all 200ms ease; } .slider-arrow:hover { background-image: none; filter: invert(100%); } .slider-arrow.right { left: auto; top: -10%; right: 22%; bottom: auto; background-image: none; transition: all 200ms ease; } .slider-arrow.right:hover { background-image: none; filter: invert(100%); } .goals-points-contain { display: flex; align-items: flex-start; } .goals-icon-wrap { display: flex; padding-bottom: 15px; flex-direction: column; align-items: center; flex: 0 0 auto; } .goal-headings-wrap { margin-left: 32px; } .goal-icon { margin-bottom: 15px; } .goal-point-heading { margin-bottom: 14px; font-size: 24px; line-height: 142%; font-weight: 600; } .goal-paragraph { margin-bottom: 0px; color: rgba(13, 14, 16, 0.8); font-size: 19px; line-height: 156%; } .goals-image { position: relative; width: 60%; height: 100%; } .goal-image { position: relative; border-radius: 16px; } .goal-floating-image { position: absolute; left: 16%; top: -10%; right: 0%; bottom: auto; width: 70%; max-width: 435px; border-radius: 16px; box-shadow: 0 24px 94px 0 rgba(0, 0, 0, 0.08); } .testimonial-slider-black { width: 100%; height: auto; background-color: transparent; } .slide-nav-3 { display: none; } .testimonial-slide-wrapper { position: relative; display: flex; justify-content: space-between; align-items: flex-start; } .testimonial-slide-wrapper.reverse { flex-direction: row-reverse; } .left-arrow-testimonial { left: 50%; top: auto; right: auto; bottom: 0%; display: block; width: 38px; height: 40px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-color: #fff; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a90189b8d40c_Left%20Arrow.svg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; transition: background-color 200ms ease; } .left-arrow-testimonial:hover { background-color: #deb6ff; } .right-arrow-testimonial { left: 53%; top: auto; right: auto; bottom: 0%; display: block; width: 38px; height: 40px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-color: #fff; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a91c70b8d40d_Vector.svg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; transition: background-color 200ms ease; } .right-arrow-testimonial:hover { background-color: #deb6ff; } .testimonial-light-box { position: relative; z-index: 1; max-width: 460px; margin-right: 5%; border-radius: 16px; color: #0d0e10; } .testimonial-light-box.right { margin-right: 0%; margin-left: 5%; } .blur-div { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2; display: flex; justify-content: center; align-items: center; border-radius: 16px; background-color: hsla(0, 0%, 100%, 0.1); -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px); } .testimonial-text-container { width: 50%; padding-top: 20px; } .testimonial-text-container.black { padding-top: 0px; } .testimonial-logo { width: 100%; max-width: 162px; margin-bottom: 48px; } .course-section { position: relative; } .course-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 100px; padding-bottom: 40px; flex-direction: column; align-items: center; } .course-contain { max-width: 545px; color: #0d0e10; text-decoration: none; } .course-image-wrap { position: relative; overflow: hidden; margin-bottom: 32px; border-radius: 16px; } .course-image-wrap.bottom { max-width: 545px; } .course-thumbnail { border-radius: 16px; } .software-images-contain { position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; display: flex; height: 60px; max-width: 114px; margin-right: 16px; margin-bottom: 16px; padding: 14px 18px; justify-content: space-between; align-items: center; border-radius: 12px; background-color: #fff; box-shadow: 0 6px 48px 0 rgba(0, 0, 0, 0.16); } .software-image-1 { margin-right: 10px; } .course-top-wrap { margin-bottom: 20px; } .course-text-24px { display: inline-block; font-size: 24px; line-height: 150%; letter-spacing: -0.16px; } .course-name { margin-bottom: 40px; font-size: 40px; line-height: 153%; font-weight: 600; } .course-bottom-wrapper { display: flex; justify-content: flex-start; align-items: flex-start; } .gradient-price-box { display: flex; width: 100%; height: 48px; max-width: 194px; padding: 24px 10px; justify-content: center; align-items: center; border-radius: 10px; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); } .course-price { margin-right: 9px; color: #fff; font-size: 22px; line-height: 140%; font-weight: 600; letter-spacing: -0.16px; } .original-price { margin-right: 9px; opacity: 0.4; color: #fff; font-size: 18px; line-height: 130%; font-weight: 600; letter-spacing: -0.16px; text-decoration: line-through; } .save-up-wrap { display: flex; margin-left: 20px; align-items: center; } .price-arrow { margin-top: -35px; margin-right: 10px; } .save-upto-text { background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); font-size: 20px; line-height: 130%; font-weight: 600; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .collection-list-wrapper-courses { width: 100%; } .collection-list-wrapper-courses.temp { margin-top: 80px; margin-bottom: 85px; } .course-hero-wrapper { width: 95%; max-width: 1320px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 1px; } .hero-top-wraper { display: flex; margin-bottom: 110px; justify-content: space-between; align-items: center; } .course-top-left { display: flex; } .subtitle-text { margin-bottom: 26px; font-family: Exo, sans-serif; color: #fff; font-size: 18px; line-height: 100%; letter-spacing: -0.16px; } .cc-image { margin-right: 3px; margin-left: 3px; } .course-top-right { display: none; } .clock-image { margin-right: 12px; margin-left: 0px; } .course-middle-wrap { position: relative; z-index: 2; display: flex; max-width: 1000px; margin-right: auto; margin-bottom: 140px; margin-left: auto; flex-direction: column; align-items: center; } .course-name-heading { margin-top: -35px; margin-bottom: 24px; font-family: Vollkorn, serif; color: #fff; line-height: 167%; font-weight: 500; letter-spacing: -0.16px; } .course-description { display: none; margin-bottom: 32px; font-family: Exo, sans-serif; color: hsla(0, 0%, 100%, 0.9); font-size: 20px; line-height: 170%; font-weight: 300; text-align: center; } .course-hero-bottom { display: none; justify-content: center; align-items: center; } .trailer-button { display: flex; padding: 24px 60px; justify-content: center; align-items: center; border-radius: 40px; background-color: #0d0e10; transition: all 200ms ease; color: #fff; text-decoration: none; } .trailer-button:hover { background-image: linear-gradient(90deg, rgba(177, 108, 234, 0.1) 20%, rgba(255, 94, 105, 0.1) 60%, rgba(255, 138, 86, 0.1) 80%, rgba(255, 168, 75, 0.1) 90%); } .play-button { margin-right: 12px; } .button-text-white { font-size: 22px; line-height: 136%; font-weight: 500; } .trailer-link { text-decoration: none; } .special-offer-text { margin-right: 22px; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); font-size: 20px; line-height: 140%; font-weight: 600; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .price-contain { display: flex; align-items: center; } .price-text-gradient { margin-right: 10px; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); font-size: 32px; line-height: 140%; font-weight: 600; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .cut-text { background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); opacity: 0.45; font-size: 20px; text-decoration: line-through; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .cut-text.black { background-image: none; opacity: 1; color: #0d0e10; background-clip: border-box; -webkit-text-fill-color: inherit; } .course-info-wrapper { max-width: 850px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 70px; } .course-rich-text { max-width: 850px; margin-right: auto; margin-left: auto; } .course-rich-text blockquote { margin-left: 28px; padding-right: 28px; padding-left: 28px; border-left-width: 2px; border-left-color: #ff8a56; font-size: 22px; line-height: 155%; font-style: italic; } .course-rich-text ul { margin-bottom: 16px; margin-left: 28px; font-size: 22px; line-height: 155%; } .course-rich-text ol { margin-left: 28px; font-size: 22px; line-height: 155%; } .course-details-wrap { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-bottom: 60px; margin-left: auto; flex-direction: column; align-items: center; } .course-details-wrap.related { margin-top: 0px; margin-bottom: 0px; } .course-wrap { display: flex; width: 100%; margin-top: 31px; justify-content: space-between; } .collection-list-wrapper-course { width: 100%; margin-top: 60px; } .course-wrap-left { width: 50%; max-width: 545px; } .course-wrap-right { display: flex; width: 45%; flex-direction: column; align-items: flex-start; } .price-wrap { display: flex; margin-bottom: 32px; align-items: center; } .percent-text { margin-left: 10px; } .course-list { margin-top: 43px; font-family: Exo, sans-serif; } .course-list ul { font-size: 18px; font-weight: 600; } .course-list li { font-size: 22px; line-height: 155%; } .design-resources-wrapper { position: relative; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-bottom: 200px; } .design-resources-wrapper.blue { display: flex; padding-top: 60px; padding-bottom: 112px; flex-direction: column; align-items: center; } .design-resources-wrapper.center { display: flex; padding-bottom: 180px; flex-direction: column; align-items: center; } .tabs-menu-dr { position: relative; left: auto; top: 0%; right: 0%; bottom: auto; display: flex; margin-bottom: 100px; justify-content: flex-end; align-items: center; } .design-resources-tab { margin-top: -50px; } .dr-tab-link { margin-right: 20px; padding: 12px 24px; border-radius: 40px; background-color: rgba(13, 14, 16, 0.06); font-size: 18px; line-height: 130%; font-weight: 600; letter-spacing: -0.16px; } .dr-tab-link.w--current { background-color: #0d0e10; color: #fff; } .dr-tab-link.last { margin-right: 0px; } .dr-tabs { display: flex; width: 100%; flex-direction: column; align-items: center; } .dr-tab-link-rectangle { margin-right: 40px; padding: 12px 25px; border-radius: 10px; background-color: transparent; outline-color: #222; outline-offset: 0px; outline-style: solid; outline-width: 1px; font-size: 18px; line-height: 130%; font-weight: 600; letter-spacing: -0.16px; } .dr-tab-link-rectangle.w--current { background-color: #0d0e10; color: #fff; } .dr-tab-link-rectangle.last { margin-right: 0px; } .tabs-menu-dr2 { margin-bottom: 60px; } .dr-paragraph { display: none; max-width: 530px; margin-top: 24px; margin-bottom: 48px; font-size: 20px; line-height: 150%; text-align: center; } .past-work-wrapper { width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 180px; } .past-work-links-contain { margin-top: 100px; } .past-work-link { position: relative; display: flex; margin-top: 70px; padding: 10px 10px 48px; justify-content: flex-start; align-items: flex-start; border-radius: 5px; color: #0d0e10; text-decoration: none; } .pw-text { position: relative; z-index: 1; margin-bottom: 0px; background-color: transparent; font-size: 80px; line-height: 112%; font-weight: 700; background-clip: border-box; -webkit-text-fill-color: inherit; } .pw-text:hover { background-image: none; } .pw-paragraph { max-width: 295px; margin-bottom: 0px; font-size: 20px; line-height: 150%; } .pw-heading-wrap { position: static; display: flex; width: 80%; } .pw-arrow { margin-left: 30px; } .black-quote { margin-bottom: 25px; } .black-line { width: 22px; height: 2px; margin-top: 20px; margin-right: 12px; background-color: #0d0e10; } .black-gradient-div { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2; display: flex; justify-content: center; align-items: flex-end; border-radius: 16px; background-color: transparent; background-image: linear-gradient(180deg, rgba(13, 14, 16, 0), rgba(13, 14, 16, 0.4)); } .testimonial-left-arrow { left: 0%; top: auto; right: auto; bottom: 0%; display: block; width: 30px; height: 30px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a91bc1b8d419_Arrow.svg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; transition: all 200ms ease; } .testimonial-left-arrow:hover { transform: translate(-5px, 0px); } .testimonial-right-arrow { left: 5%; top: auto; right: auto; bottom: 0%; display: block; width: 30px; height: 30px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a91c45b8d41a_Arrow.svg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; transition: all 200ms ease; } .testimonial-right-arrow:hover { transform: translate(5px, 0px); } .test-logo { margin-bottom: 24px; } .dr-blogs-wrapper { width: 100%; margin-top: 80px; } .dr-blog-contain { display: flex; margin-bottom: 60px; padding-bottom: 48px; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .blog-link-info { display: flex; width: 80%; flex-direction: column; align-items: flex-start; } .blog-category { margin-right: 60px; padding: 13px 23px; flex: 0 0 auto; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); border-radius: 42px; font-size: 22px; line-height: 140%; font-weight: 600; text-align: center; letter-spacing: -0.16px; } .blog-heading-60px { margin-bottom: 32px; line-height: 120%; font-weight: 500; letter-spacing: -0.16px; } .blog-link-paragraph { margin-bottom: 40px; font-size: 28px; line-height: 136%; } .awards-main-wrapper { display: flex; width: 90%; max-width: 1140px; margin-right: auto; margin-left: auto; padding-top: 180px; padding-bottom: 180px; flex-direction: column; justify-content: center; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .checkout-form { padding-top: 60px; padding-bottom: 60px; background-color: #fff; } .apple-pay { height: 60px; border-radius: 10px; } .submit-button-checkout { display: flex; height: 50px; justify-content: center; border-radius: 10px; background-color: #b16cea; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); font-size: 20px; line-height: 130%; font-weight: 600; } .checkout-headings { margin-bottom: 0px; font-size: 32px; } .block-header { align-items: center; background-color: rgba(177, 108, 234, 0.05); } .order-confirmation { padding-top: 60px; padding-bottom: 60px; background-color: #fff; } .container { padding-top: 60px; padding-bottom: 60px; font-family: Plusjakartasans, sans-serif; } .main-image-contain { overflow: hidden; } .secondary-images { overflow: hidden; margin-bottom: 0px; } .product-main-image { width: 100%; height: 100%; transition: transform 300ms ease; } .product-main-image:hover { transform: scale(1.1); } .secondary-images-product { transition: transform 300ms ease; } .secondary-images-product:hover { transform: scale(1.1); } .navigation-menu { display: none; } .webflow-link { transition: color 200ms ease; color: #fff; text-decoration: none; } .webflow-link:hover { color: #599ffa; text-decoration: none; } .webflow-link.black { color: #0d0e10; } .webflow-link.black:hover { color: #2a70cc; } .testimonial-top-wrap { display: flex; flex-direction: column; align-items: center; } .licensing-block.margin { margin-bottom: 100px; } .licensing-wrap { display: flex; margin-bottom: 60px; align-items: center; } .licensing-wrap.top { margin-bottom: 32px; } .license-links { display: flex; width: 32px; height: 32px; max-width: 32px; padding: 5px; justify-content: center; align-items: center; flex: 0 0 auto; border-radius: 50px; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9343db8d420_Group%205521.svg"); background-position: 50% 50%; background-size: 24px; background-repeat: no-repeat; transition: filter 200ms ease; } .license-links:hover { background-color: #fff; filter: invert(100%); } .field-label { margin-right: auto; margin-bottom: 16px; color: rgba(13, 14, 16, 0.4); font-size: 18px; text-align: left; letter-spacing: 3.84px; text-transform: uppercase; } .text-field { height: 70px; margin-bottom: 24px; padding-left: 32px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.2); border-radius: 78px; color: #0d0e10; font-size: 18px; } .text-field:active { border-color: rgba(255, 94, 105, 0.4); background-color: #fff; } .text-field:focus { border-color: rgba(255, 94, 105, 0.4); background-color: #fff; } .text-field:focus-visible { background-color: #fff; } .text-field[data-wf-focus-visible] { background-color: #fff; } .text-field::-moz-placeholder { background-color: #fff; color: rgba(13, 14, 16, 0.6); } .text-field::-ms-input-placeholder { background-color: #fff; color: rgba(13, 14, 16, 0.6); } .text-field::placeholder { background-color: #fff; color: rgba(13, 14, 16, 0.6); } .login-button { width: 100%; height: 80px; border-radius: 100px; background-color: #fff; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); font-size: 22px; font-weight: 600; } .password-heading { margin-bottom: 48px; } ._404-image { width: 60%; max-width: 650px; } ._404-heading { font-size: 140px; font-style: normal; letter-spacing: -4.8px; } ._404-text { margin-bottom: 60px; font-size: 40px; line-height: 100%; font-weight: 700; } .faq-cards-borders { width: 100%; max-width: 730px; padding-top: 0px; padding-bottom: 0px; color: #181818; font-size: 24px; font-weight: 700; text-decoration: none; } .project-image-main { width: 100%; height: 100%; max-width: 755px; } .rich-text { padding-bottom: 40px; border-bottom: 1px solid #e1e4eb; } ._16-px { flex: 0 0 auto; font-size: 16px; } ._16-px.color-code { margin-top: 4px; color: rgba(13, 14, 16, 0.75); font-size: 18px; line-height: 150%; } .typography-heading { margin-bottom: 16px; } .buttons-grid { display: -ms-grid; display: grid; margin-top: 40px; justify-items: start; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 40px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .style-guide-item-heading { margin-bottom: 16px; } .typography-main { display: -ms-grid; display: grid; margin-top: 40px; margin-bottom: 64px; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 40px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .style-guide-main-content { width: 100%; } .bold { font-weight: 700; } .color-box { width: 100%; height: 136px; max-width: 136px; margin-right: auto; margin-bottom: 16px; margin-left: auto; border-radius: 8px; background-color: #6c4be5; } .color-box._11 { background-color: #f1f3f6; } .color-box._7 { background-color: #0f1f3d; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); } .color-box._6 { background-color: #0d0e10; } .color-box._2 { background-color: #ff5e69; } .color-box._3 { background-color: #ff8a56; } .color-box._8 { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); background-color: #fff; } .color-box._4 { background-color: #ffa84b; } .color-box._5 { background-color: #f3f3f3; } .color-box._1 { background-color: #b16cea; } .color-box._11 { background-color: #186fe1; } .colors-grid { display: -ms-grid; display: grid; width: 100%; max-width: 1160px; margin-top: 40px; margin-bottom: 64px; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .buttons-heading { margin-bottom: 16px; } .typography-item.flex { display: flex; flex-direction: column; align-items: flex-start; } .buttons { margin-bottom: 64px; } .typography-item-description { margin-top: 16px; } .color-grid-item { display: flex; max-width: 160px; padding: 12px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-radius: 4px; box-shadow: 0 10px 70px 0 rgba(83, 83, 83, 0.07); } ._22-px { font-size: 22px; line-height: 150%; } .colour-name { font-size: 18px; line-height: 178%; font-weight: 600; } .list { font-size: 22px; } .symbols-grid { display: -ms-grid; display: grid; margin-top: 40px; justify-items: stretch; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 40px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .overview-grid { display: flex; margin-top: 0px; justify-content: center; flex-wrap: wrap; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .background-wrapper { overflow: hidden; background-color: #fbfbfb; } .dropdown-list-full-wrapper { width: 100%; max-width: 1440px; margin-right: auto; margin-left: auto; padding: 0px; border-radius: 0px; background-color: #fff; box-shadow: 0 180px 100px 0 rgba(64, 69, 79, 0.1); } .visual-features-item-heading { margin-bottom: 24px; font-weight: 600; } .navigation-drop-container { display: flex; overflow: hidden; width: 100%; border-radius: 10px; background-color: #fff; } .navigation-drop-container.home { overflow: hidden; padding: 0px; justify-content: flex-start; border-radius: 10px; } .dropdown-links { display: flex; flex-direction: column; align-items: flex-start; } .dropdown-links.navbar { padding: 40px 20px; border-radius: 0px; background-color: #fff; color: #0d0e10; text-decoration: none; } .dropdown-links.navbar.w--current { padding-bottom: 20px; } .dropdown-lists { left: 0px; top: 72px; right: 0px; overflow: hidden; border-radius: 0px; background-color: transparent; box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.08); } .dropdown-lists.w--open { overflow: visible; width: 80%; padding-top: 8px; box-shadow: none; } .nav-dropdowns { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .nav-dropdowns.nav { width: 100%; grid-column-gap: 0px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .nav-dropdowns._1-row { width: 100%; grid-column-gap: 0px; -ms-grid-rows: auto; grid-template-rows: auto; } .nav-dropdowns._1-row-2-column { width: 100%; grid-column-gap: 0px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .dropdown { position: static; margin-right: 30px; margin-left: 0px; padding-bottom: 8px; } .number-subtext { margin-top: 7px; margin-right: 28px; color: rgba(13, 14, 16, 0.4); font-size: 20px; line-height: 100%; font-weight: 600; } .nav-headings-contain { position: relative; display: flex; width: 100%; align-items: flex-start; } .nav-line { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; width: 100%; height: 1px; background-color: #0d0e10; } .nav-arrow { margin-left: 10px; } .tabs-content-resources { overflow: visible; } .author-name { margin-right: 4px; line-height: 150%; } .reda-time-text { margin-right: 4px; line-height: 150%; } .by-text { margin-right: 4px; line-height: 150%; } .pricing-icon { width: 100%; max-width: 120px; margin-bottom: 48px; } .collection-list-projects { display: flex; flex-direction: row; justify-content: space-between; justify-items: start; flex-wrap: wrap; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-list-projects.projects-page { display: -ms-grid; display: grid; width: 100%; grid-auto-columns: 1fr; grid-column-gap: 60px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .collection-list-projects.project-details { display: -ms-grid; display: grid; width: 100%; grid-auto-columns: 1fr; grid-column-gap: 60px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-item-project { width: 100%; margin-bottom: 80px; } .buttons-container { display: flex; } .work-with-contain-2 { display: flex; padding: 48px 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 16px; background-color: #fff; box-shadow: 0 14px 100px 0 rgba(0, 0, 0, 0.05); } .work-with-contain-2.black { padding: 0px; background-color: transparent; color: #fff; } .banner-sections { display: flex; padding-top: 42px; padding-bottom: 42px; justify-content: flex-start; align-items: center; background-color: #fff; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); } .overview-image-wrapper { position: relative; display: flex; overflow: hidden; width: 100%; height: 350px; max-width: 380px; margin-bottom: 0px; padding-top: 0px; padding-right: 32px; padding-left: 32px; flex-direction: column; justify-content: space-between; border-radius: 20px; background-color: transparent; text-decoration: none; } .call-arrow-div-2 { position: relative; display: flex; overflow: hidden; width: 32px; height: 32px; margin-left: 12px; padding-bottom: 5px; padding-left: 5px; justify-content: flex-start; align-items: flex-end; border-top-right-radius: 16px; background-color: #0d0e10; } .call-arrow-div-2.transparent { margin-left: 5px; background-color: transparent; } .overview-hero-images-contain { display: flex; margin-bottom: 150px; flex-direction: column; align-items: center; } .overview-sections { position: relative; overflow: hidden; width: 100%; margin-right: auto; margin-left: auto; } .h6-overview { display: flex; margin-right: auto; margin-bottom: 24px; margin-left: auto; justify-content: center; align-items: center; text-align: center; } .overview-images { position: relative; left: 0%; top: 0%; right: auto; bottom: auto; overflow: visible; width: 101%; height: 100%; max-width: none; border-radius: 10px 10px 0px 0%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0%; object-position: 50% 0%; } .overview-images._101-width { width: 101%; } .overview-top-wrapper { display: flex; max-width: 1012px; margin-right: auto; margin-bottom: 120px; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .overview-wrapper { padding-top: 60px; } .overview-headings { max-width: 700px; margin-bottom: 80px; text-align: center; } .overview-image-wrap { display: flex; width: 100%; height: 100%; max-width: 460px; margin-right: 40px; padding: 0px; flex-direction: row; justify-content: center; align-items: center; flex: 0 0 auto; border-radius: 16px; box-shadow: 0 4px 90px 0 rgba(131, 131, 131, 0.05); } .overview-image-wrap.dark-shadow { box-shadow: 0 4px 90px 0 rgba(131, 131, 131, 0.1); } .overview-grids { display: flex; width: 100%; margin-top: 0px; justify-content: center; flex-wrap: wrap; align-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .overview-grids._2-column { display: -ms-grid; display: grid; max-width: 800px; justify-items: center; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .overview-subheading { margin-bottom: 0px; color: #fff; font-size: 24px; line-height: 133%; font-weight: 600; text-decoration: none; } .overview-wrap { position: relative; display: flex; width: 90%; max-width: 1240px; margin-right: auto; margin-left: auto; padding-top: 150px; padding-bottom: 150px; flex-direction: column; justify-content: space-between; align-items: center; } .overview-wrap.middle { padding-top: 0px; } .overview-image { width: 100%; height: 100%; border-radius: 16px; -o-object-fit: contain; object-fit: contain; } .subheading { margin-bottom: 20px; } .block-paragraph-2 { margin-bottom: 0px; color: #0d0e10; font-size: 20px; line-height: 150%; text-align: center; } .block-paragraph-2.white { color: #fff; } .banner-heading-2 { margin-right: 140px; margin-bottom: 0px; padding-right: 44px; flex: 0 0 auto; background-image: url("https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a92532b8d2fb_Arrow%20(2).svg"); background-position: 100% 50%; background-size: auto; background-repeat: no-repeat; color: #fff; font-weight: 600; } .overview-links-wrapper { position: relative; display: flex; overflow: hidden; width: 32%; max-width: 380px; margin-bottom: 32px; flex-direction: column; align-items: center; border-radius: 20px; text-decoration: none; } .overview-links-wrapper._100-width { width: 100%; } .overview-row-1 { display: flex; height: 260px; margin-bottom: 40px; align-items: center; } .overview-image-text { position: static; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 20; display: flex; margin-bottom: 24px; padding-top: 32px; padding-left: 0px; align-items: center; } .overview-images-contain { overflow: hidden; } .collection-list-wrapper-award { display: flex; align-items: center; flex: 0 0 auto; } .add-cart-button { width: 100%; padding-top: 16px; padding-bottom: 16px; justify-content: center; border-radius: 12px; background-color: transparent; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); transition: all 200ms ease; font-size: 18px; line-height: 156%; font-weight: 600; letter-spacing: -0.16px; } .add-cart-button:hover { transform: translate(0px, -5px); } .hero-images-contain { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: flex; width: 45%; height: 100%; margin-right: 1%; } .hero-images-left-contain { position: absolute; left: 0%; top: -15%; right: auto; bottom: auto; display: flex; width: 50%; flex-direction: column; justify-content: center; align-items: center; } .hero-images { width: 80%; max-width: 220px; margin-bottom: 24px; border-radius: 170px; } .hero-images-right-contain { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; display: flex; width: 50%; flex-direction: column; justify-content: center; align-items: center; } .hero-testimonials-contain { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; } .hero-testimonial-wrapper { position: absolute; left: 21%; top: 30%; right: auto; bottom: auto; z-index: 1; max-width: 320px; padding: 22px; border-top-left-radius: 28px; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; background-color: #fff; box-shadow: 0 20px 84px 0 rgba(0, 0, 0, 0.08); font-size: 20px; line-height: 150%; font-style: italic; font-weight: 500; letter-spacing: -0.32px; } ._100px-links { position: relative; display: flex; overflow: hidden; margin-right: 220px; padding: 10px 20px 20px 10px; justify-content: flex-start; align-items: center; flex: 0 0 auto; transition: opacity 300ms ease; color: #b16cea; font-size: 100px; line-height: 117%; font-weight: 800; letter-spacing: -0.16px; text-decoration: none; } .cta-big-texts { background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); line-height: 130%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .cta-big-texts.dont-shrink { flex: 0 0 auto; } .dots-div { width: 12px; height: 12px; margin-right: 80px; margin-left: 80px; flex: 0 0 auto; border-radius: 100px; background-color: #0d0e10; } .social-links-wrap { position: relative; display: flex; padding: 10px; flex-direction: row; align-items: center; flex: 0 0 auto; color: #0d0e10; text-decoration: none; } .gradient-bottom-social-2 { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; height: 2px; background-color: #b16cea; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); } .social-links-wrap-about-page-1 { margin-bottom: 200px; } .cross-banner-section { display: flex; margin-bottom: 200px; flex-direction: column; align-items: stretch; } .gradient-cross-div { height: 120px; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); } .black-text-div { position: relative; left: -3%; display: flex; width: 105%; height: 120px; align-items: center; background-color: #0d0e10; transform: rotate(3deg); } .white-banner-heading { margin-right: 140px; margin-bottom: 0px; flex: 0 0 auto; color: #fff; font-size: 54px; font-weight: 600; } .banner-texts-contain { display: flex; height: 120px; align-items: center; flex: 0 0 auto; } .blog-slider { width: 100%; height: auto; background-color: transparent; } .blog-mask { overflow: visible; max-width: 680px; } .blog-slide { margin-right: 48px; } .right-arrow { right: -105%; display: flex; overflow: visible; width: 100%; align-items: center; } .left-arrow { left: -105%; display: flex; overflow: visible; width: 100%; padding-right: 40px; justify-content: flex-end; align-items: center; } .arrow-blog { display: flex; width: 80px; height: 80px; margin-top: auto; margin-bottom: auto; margin-left: 40px; justify-content: center; align-items: center; border-radius: 100px; background-color: #fff; box-shadow: 0 24px 80px 0 rgba(13, 14, 16, 0.14); transition: filter 300ms ease; } .arrow-blog:hover { filter: invert(100%); } .arrow-slider { width: 100%; max-width: 30px; } .arrow-slider.rotate { width: 100%; max-width: 30px; transform: rotate(-180deg); } .slide-nav-4 { display: none; } .train-contain { margin-top: -40px; margin-bottom: -20px; } .blog-tab-link-page-2 { margin-right: 20px; padding: 12px 24px; border-radius: 50px; background-color: transparent; font-size: 18px; font-weight: 600; text-decoration: none; } .blog-tab-link-page-2.w--current { background-color: #0d0e10; color: #fff; } .blog-tab-link-page-2.last { margin-right: 0px; } .overview-row-2 { display: flex; height: 260px; margin-left: 0%; flex-direction: row; align-items: center; } .instructions-video { margin-top: 80px; } .gradient-div-overview { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -1; border-radius: 20px; background-image: linear-gradient(180deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); } .social-icon-blog-3 { position: relative; z-index: 1; } .gradient-icons { width: 80px; max-width: 100%; } .link-gradient-line { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; width: 100%; height: 4px; border-radius: 5px; background-color: #0d0e10; background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); } .product-description-cart { margin-top: 4px; font-weight: 500; } .collection-list-course { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 50px; grid-row-gap: 60px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .collection-list-blog-featured { display: -ms-grid; display: grid; flex: 0 0 auto; grid-auto-columns: 1fr; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .image { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 100px; } .team-members-section { background-color: #0d0e10; } .team-members-section.sig-white { margin-top: 50px; background-color: #fff; } .heading-2 { margin-bottom: 301px; color: #fff; } .italic-text { color: #2c2c2c; font-size: 16px; } .bold-text { font-family: Vollkorn, serif; } .bold-text-2 { font-family: Vollkorn, serif; } .grid { width: 100%; margin-bottom: 43px; justify-content: space-between; justify-items: stretch; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; } .team-member-name { margin-bottom: 4px; font-family: Vollkorn, serif; color: #0d0e10; font-size: 30px; line-height: 80%; text-align: center; } .image-2 { width: 67%; margin-top: 28px; margin-bottom: 12px; border-style: solid; border-width: 3px; border-color: #310a31; border-radius: 1000px; } .image-2.sig-img { position: relative; left: -94px; margin-bottom: 54px; border-color: transparent; } .image-2.sig-img.winston-image.rob-image { margin-right: -53px; margin-bottom: 78px; padding-right: 0px; } .image-2.sig-img.winston-image.brittany-image { width: 278px; margin-right: -25px; } .image-2.sig-img.winston-image.sam-sig-image { width: 278px; margin-right: -29px; } .image-2.sig-img.winston-image.ivanna-image { width: 278px; margin-right: -31px; } .bio-link { margin-bottom: 21px; color: #d58254; font-size: 14px; } .title { margin-bottom: 2px; font-family: Exo, sans-serif; } .tools-we-use-grid { display: none; padding: 18px 50px; justify-content: space-between; align-items: center; align-content: space-between; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto auto auto auto; grid-template-rows: auto auto auto auto auto; border-radius: 18px; } .hide-grid-image { display: none; } .image-3 { display: none; } .image-4 { display: none; } .text-block { font-family: Exo, sans-serif; font-size: 26px; } .text-block-2 { position: relative; font-family: Exo, sans-serif; } .team-member-wrapper { display: flex; width: 90%; margin-right: auto; margin-left: auto; padding-bottom: 95px; flex-direction: column; justify-content: space-between; align-items: center; } .collection-item-8 { padding-top: 10px; padding-bottom: 10px; } .text-block-3 { font-family: Exo, sans-serif; } .text-block-4 { font-family: Exo, sans-serif; } .text-block-5 { font-family: Exo, sans-serif; } .text-block-6 { margin-top: 9px; font-family: Exo, sans-serif; font-size: 18px; font-weight: 700; } .service-page-link { margin-top: 16px; color: #ffa84b; } .field-lable-for-idk { display: none; } .search-title { margin-bottom: 10px; font-size: 26px; } .div-block { position: relative; margin-top: 96px; } .logo-wrapper { position: absolute; left: 0%; top: -60px; right: auto; bottom: auto; width: 100px; } .logo-wrapper.contact { top: -176px; margin-left: 80px; } .logo-wrapper.projects-logo { z-index: 1000; } .fine-print-signup { margin-top: 12px; margin-bottom: 0px; color: #fff; font-size: 14px; } .pp-body { background-color: #0d0e10; } .div-block-2 { background-color: #fff; } .rich-text-block { margin-top: 48px; } .text-block-8 { margin-bottom: 13px; } .paragraph-2 { font-family: Exo, sans-serif; font-weight: 700; } .hide-bold-font { display: none; } .div-block-3 { margin-top: 101px; } .text-span { font-family: Plusjakartasans, sans-serif; } .bold-text-3 { font-family: 'FA Regular', sans-serif; color: red; } .text-span-2 { font-family: 'FA Regular', sans-serif; } .fa-ul { list-style-type: decimal; } .html-embed { font-family: 'FA Regular', sans-serif; } .test-service-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; } .test-serive-team-heading { font-family: Merriweather, serif; } .test-serive-team-heading.unique-heading-fonty { margin-bottom: 176px; font-family: 'Great Vibes', cursive; } .test-servive-paragraph { font-family: 'PT Serif', serif; color: #b16cea; } .image-5 { width: 140px; } .image-5.biz-card-mid { width: 197px; } .image-6 { position: relative; left: -19px; top: 15px; width: 90px; } .image-6.biz-card-top { top: 23px; width: 132px; } .image-7 { position: relative; left: -8px; top: 8px; width: 90px; } .image-7.biz-card-bot { left: 5px; top: 13px; width: 132px; } .image-8 { position: absolute; left: -11%; top: -2%; right: auto; bottom: auto; z-index: 100; width: 200px; } .image-8.winston-sig-image.cody-sig-image { left: -27%; top: -27%; right: -27%; bottom: -27%; width: 350px; transform: rotate(5deg); } .image-8.winston-sig-image.lavanya-sig-image { left: -29%; top: -19%; width: 350px; transform: rotate(-3deg); } .image-8.winston-sig-image.robert-sig-image { left: -12%; top: -2%; transform: rotate(-11deg); } .image-8.winston-sig-image.brittany-sig-image { left: -27%; top: -6%; width: 150px; } .image-8.winston-sig-image.sam-sig-image { left: -21%; top: -12%; } .image-8.winston-sig-image.ivanna-sig-image { left: -20%; top: -9%; } .text-block-9 { font-family: Exo, sans-serif; } .div-block-5 { position: relative; left: 186px; top: -488px; margin-top: 0px; } .div-block-5.biz-card-logo-wrap { left: 397px; top: -485px; width: 800px; } .div-block-6 { position: relative; left: 472px; top: -289px; margin-top: 9px; font-size: 18px; } .div-block-6.backup { top: 172px; } .div-block-6.biz-card-text-wrapper { left: 459px; top: -269px; } .text-block-10 { position: relative; top: 15px; font-family: Exo, sans-serif; font-size: 28px; } .text-block-10._3 { left: -20px; top: 7px; font-size: 27px; } .text-block-10._3.biz-card-contact-info { left: -25px; } .text-block-10._2 { left: -4px; top: 11px; width: 800px; } .text-block-10._2.biz-card-brand { left: -6px; } .text-block-10._4 { left: -36px; top: 67px; font-family: Vollkorn, serif; color: #ff8a56; font-size: 34px; font-weight: 700; } .text-block-10._4.cta-biz-card { left: -46px; top: 63px; font-size: 30px; } .text-block-10._1 { left: -2px; top: -6px; } .sig-spam-font { font-family: Vollkorn, serif; font-size: 30px; font-weight: 700; } .text-block-11 { position: relative; left: 203px; top: -271px; width: 600px; font-family: Exo, sans-serif; font-size: 39px; line-height: 133%; } .cart-wrapper { display: flex; justify-content: flex-end; } .cart-button { height: 48px; border-radius: 7px; background-color: #0d0e10; } .cart-quantity { display: flex; width: 22px; height: 22px; justify-content: center; align-items: center; color: #b16cea; font-size: 14px; text-align: center; } .cart { margin-right: 26px; } .html-embed-2 { height: 700px; } .text-block-12 { font-size: 22px; } .read-time-copy { margin-right: 0px; color: rgba(13, 14, 16, 0.9); font-size: 22px; line-height: 155%; } .sub-service-hero-section { margin-top: -84px; padding-top: 134px; padding-bottom: 37px; background-color: #f3f3f3; } .sub-service-hero-wrap { display: block; } .sub-service-main-heading { font-family: Vollkorn, serif; } .sub-service-left-hero { width: 90%; } .image-9 { display: block; border: 3px solid #000; border-radius: 2px; } .sub-service-tri-section { padding-top: 45px; } .sub-service-logo-wrap { position: absolute; left: 0%; top: -130px; right: auto; bottom: auto; } .column { position: relative; } .image-10 { width: 70px; } .sub-service-sub-head { margin-top: -20px; font-family: Exo, sans-serif; font-size: 20px; line-height: 25px; } .button-sqiwsh-wrap { width: 60%; } .heading-4 { margin-bottom: 40px; font-family: Plusjakartasans, sans-serif; text-align: center; } .sub-service-big-point-section { margin-bottom: 0px; padding-top: 65px; padding-bottom: 64px; background-color: #f3f3f3; } .sub-service-big-bullet-points { padding-left: 25px; } .single-big-bullet { display: flex; margin-top: 0px; margin-bottom: 15px; align-items: flex-start; } .heading-5 { margin-bottom: 40px; font-family: Plusjakartasans, sans-serif; } .image-11 { width: 50px; margin-top: -3px; margin-right: 6px; } .big-point { font-family: Exo, sans-serif; font-size: 24px; line-height: 100%; font-weight: 500; } .what-youll-get-section { margin-bottom: 40px; padding-top: 56px; } .heading-6 { text-align: center; } .what-you-get-bullet { display: block; margin-top: 37px; flex-wrap: nowrap; align-items: center; } .number-wrap { display: flex; width: 60px; height: 60px; justify-content: center; align-items: center; border-radius: 200px; background-color: #b16cea; } .text-block-13 { margin-top: 4px; font-family: Exo, sans-serif; color: #fff; font-size: 36px; } .get-bullet-text { width: 80%; margin-top: 5px; margin-left: 13px; float: left; clear: none; font-family: Exo, sans-serif; font-size: 23px; line-height: 26px; } .sub-number-wrap { float: left; } .what-you-ll-get-sub-heading { width: 70%; margin-top: -14px; margin-bottom: 28px; font-family: Exo, sans-serif; font-size: 28px; line-height: 36px; text-align: center; } .div-block-7 { display: flex; justify-content: center; text-align: center; } .div-block-8 { display: flex; margin-top: 40px; justify-content: center; } .sub-services-other-links { display: none; padding-top: 46px; padding-bottom: 58px; background-color: #f3f3f3; } .heading-7 { text-align: center; } .other-service-single-wrap { width: 20%; padding-right: 15px; padding-left: 15px; float: left; } .other-service-text { margin-top: 18px; margin-bottom: 0px; font-family: Exo, sans-serif; color: #b16cea; font-size: 23px; text-align: center; } .link-block { padding: 15px; background-color: #fff; box-shadow: 0 0 7px 2px hsla(0, 0%, 39.6%, 0.51); text-decoration: none; } .div-block-9 { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .lottie-animation { border: 4px solid #000; border-radius: 4px; } .seo-rich-text h3 { font-size: 26px; } @media screen and (min-width: 1280px) { .showreel-text-contain.about-page-2 { width: 60%; padding-bottom: 100px; } .points-grid.reviews { margin-right: auto; margin-left: auto; } .logos-wrap.homepage-5 { width: 70%; } .logo-home-4 { max-width: 130px; } .newsletter-left-contain { width: 50%; max-width: 550px; } .contact-right-wrapper { width: 70%; } .blog-hero-wrapper-black { overflow: visible; } .share-icons-wrapper { display: none; } .project-section-template { overflow: visible; } .collection-list-wrapper-shop { justify-content: space-between; align-items: flex-start; } .collection-list-shop { width: 100%; align-items: stretch; } .circle-background.left-home { left: -29%; } .circle-background.right-home { right: -42%; } .circle-background.left { left: -29%; } .circle-background.right { left: auto; top: -26%; right: -40%; bottom: auto; } .circle-background.right.reviews { top: -13%; right: -33%; } .circle-background.right.about-right { top: -12%; } .circle-background.review { right: -42%; } .circle-background.course { left: auto; top: -26%; right: -40%; bottom: auto; } .circle-background.course-left { left: -29%; } .circle-background.about-1 { left: -29%; } .circle-background.left-course { left: -29%; } .circle-background.course-right { right: -42%; } .circle-background.blog-3-left { left: -29%; } .circle-background.blog-3-right { right: -42%; } .goal-floating-image { left: 18%; } .right-arrow-testimonial { left: 53%; } .dropdown-list-full-wrapper { max-width: none; box-shadow: 0 100px 100px 0 rgba(64, 69, 79, 0.1); } .collection-list-wrapper-projects { display: flex; align-items: flex-start; } } @media screen and (min-width: 1440px) { .hero-heading-home-2.about { line-height: 110%; } .showreel-button { padding-top: 12px; } .watch-button { padding-top: 12px; } .work-with-point-contain._1 { flex: 0 0 auto; } .work-with-point-contain.left { flex: 0 0 auto; } .work-text { display: block; } .logo-home-4 { max-width: 140px; } .rectangle-call-button.overview { margin-left: 20px; } .about-hero-heading { margin-right: auto; margin-left: auto; } .work-heading { line-height: 112%; } .about-hero-image-wrap { left: -20%; } .creative-heading-64px { line-height: 100%; } .client-text-top { font-weight: 700; } .blog-hero-wrapper-black { overflow: visible; } .blog-template-hero { padding-top: 0px; } .blog-hero-heading { font-weight: 800; } .project-heading-regular { font-weight: 800; } .product-wrap.team-wrap.white-for-sig { left: 330px; top: 124px; } .product-name { font-weight: 800; } .circle-background.left-home { left: -22%; } .circle-background.right-home { right: -32%; } .circle-background.left { left: -22%; } .circle-background.left.reviews { left: -24%; } .circle-background.left.blog-2 { left: -26%; } .circle-background.left.shop { left: -25%; } .circle-background.right { left: auto; top: -24%; right: -35%; bottom: auto; } .circle-background.right.projects { right: -37%; } .circle-background.right.reviews { right: -37%; } .circle-background.right.blog-2 { right: -24%; } .circle-background.review { right: -32%; } .circle-background.course { left: auto; top: -24%; right: -35%; bottom: auto; } .circle-background.course-left { left: -22%; } .circle-background.about-1 { left: -22%; top: -46%; } .circle-background.left-course { left: -22%; } .circle-background.course-right { right: -32%; } .circle-background.blog-3-left { left: -22%; } .circle-background.blog-3-right { right: -32%; } .course-name-heading { font-weight: 700; } .overview-top-wrapper { margin-bottom: 140px; } .overview-wrapper { margin-bottom: 130px; } .overview-headings { max-width: 950px; } .overview-grids { width: 100%; } .image-5 { left: 78px; top: -333px; } .image-6 { left: 149px; top: -405px; } .image-7 { left: 227px; top: -372px; } .image-8 { left: -7%; top: -1%; } .div-block-4 { top: -136px; } .collection-list-9 { transform: translate(0px, 0px); } .text-block-9 { transform: skew(0deg, 9deg); } } @media screen and (min-width: 1920px) { .usp-three-section.black { position: relative; } .usp-three-section.black { position: relative; } .about-hero-image { border-radius: 0px; } .blog-hero-wrapper-black { overflow: visible; } .template-hero-image { border-radius: 16px; } .circle-background.left-home { left: -8%; top: -64%; } .circle-background.right-home { right: -15%; } .circle-background.left { left: -9%; top: -30%; } .circle-background.left.projects { left: -16%; top: -19%; } .circle-background.left.project-details { left: -62%; top: -71%; } .circle-background.left.reviews { left: -16%; top: -19%; } .circle-background.left.reviews-2 { left: -16%; top: -19%; } .circle-background.left.blog-2 { left: -18%; } .circle-background.left.shop { left: -15%; top: -43%; } .circle-background.right { left: 78%; top: -23%; } .circle-background.review { right: -15%; } .circle-background.course { left: 78%; top: -23%; } .circle-background.course-left { left: -9%; top: -30%; } .circle-background.about-1 { left: -8%; top: -50%; } .circle-background.left-course { left: -8%; top: -64%; } .circle-background.course-right { right: -15%; } .circle-background.blog-3-left { left: -8%; top: -64%; } .circle-background.blog-3-right { right: -15%; } .awards-wrapper { align-items: center; } .dropdown-list-full-wrapper { margin-bottom: 0px; padding-bottom: 22px; } .navigation-drop-container.home { overflow: visible; margin-bottom: 0px; } .dropdown-links.navbar { padding-bottom: 24px; } .dropdown-lists.w--open { margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .nav-dropdowns.nav { -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; background-color: #fff; } } @media screen and (max-width: 991px) { h1 { font-size: 54px; line-height: 115%; } h2 { font-size: 42px; line-height: 120%; } h3 { font-size: 36px; } h4 { font-size: 32px; } a { margin-bottom: 0px; } .h5-heading-white.newsletter { font-size: 50px; } .wrapper.licensing { padding-left: 0px; } .wrapper.licenses { padding-left: 0px; } .licensing-paragraph { max-width: 90%; line-height: 28px; } .licensing-image-and-text-wrapper { width: 100%; } .reference-headings { font-size: 70px; } .reference-headings.white { font-size: 70px; } .update-wrapper { width: 100%; margin-top: 50px; margin-left: 0px; } .version-wrapper { width: 100%; } .paragraph { text-align: center; } .wrapper-changelog { width: 80%; } .wrapper-changelog.updates { flex-direction: column; } .logo { margin-bottom: 0px; } .nav-button { margin-top: 20px; margin-left: 0%; padding-bottom: 13px; align-items: baseline; filter: invert(100%); transition: filter 300ms ease; } .nav-button:hover { filter: invert(100%) invert(100%); } .hero-wrapper { padding-top: 100px; padding-bottom: 0px; flex-direction: column; align-items: center; } .text-contain-hero { width: 100%; padding-bottom: 60px; } .services-wrapper { padding-top: 140px; } .services-wrapper.custom-ser-wrap { padding-bottom: 80px; } .heading-2-center { max-width: 600px; font-size: 40px; } .heading-2-center.projects.left { margin-bottom: 40px; } .services-grid { grid-row-gap: 80px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .services-grid.homepage-3 { justify-items: center; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .projects-wrapper { overflow: visible; padding-bottom: 140px; } .projects-grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .project-contain.horizontal { padding-left: 32px; } .project-contain.vertical { padding-top: 0px; flex-direction: row; align-items: center; } .stats-wrapper { grid-column-gap: 80px; grid-row-gap: 80px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .stats-contain { max-width: none; } .stat-number._60px { font-size: 50px; } .about-me-wrapper { padding-top: 140px; } .about-me-contain { flex-direction: column; } .about-me-image-contain { width: 100%; max-width: 500px; } .about-me-text-contain { width: 100%; max-width: 600px; margin-top: 100px; } ._22px-paragraph { font-size: 20px; } .resource-main-wrapper { padding-bottom: 100px; } .resource-top-wrapper { align-items: center; } .h2-heading { font-size: 42px; } .h2-heading.left { font-size: 42px; } .h2-heading.left._50 { width: 50%; } .h2-heading.center { text-align: center; } .view-more-link { margin-bottom: 0px; } .collection-list { flex-direction: column; grid-row-gap: 60px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .collection-list-wrapper { max-width: 354px; margin-right: auto; margin-left: auto; } .resource-wrapper { margin-bottom: 0px; } .resource-title { font-size: 26px; } .newsletter-wrapper.horizontal { flex-direction: column; } .form-text { width: 90%; text-align: center; } .logo-contain { height: 170px; } .award-logo { max-width: 75%; } .pricing-grid { grid-row-gap: 80px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .price-block { width: 100%; max-width: 545px; margin-right: auto; margin-left: auto; } .price-block.black { width: 100%; } .faq-contain { flex-direction: column; align-items: center; } .faq-wrapper { max-width: none; } .faq-right-contain { width: 100%; max-width: none; margin-left: 0px; } .faq-left-contain { width: 100%; max-width: none; margin-right: 0px; } .faq-main-wrapper.horizontal { padding-bottom: 120px; flex-direction: column; } .footer-text-60px { font-size: 50px; } .column-images { width: 30%; } .column-images._2 { display: none; } .column-images._4 { display: none; } .nav-links-wrapper { display: none; } .nav-links-wrapper.in-menu { display: flex; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; flex-direction: column; align-items: flex-start; background-color: #fff; } .nav-links-wrapper.in-menu { display: flex; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; flex-direction: column; align-items: flex-start; background-color: #fff; } .nav-link { display: flex; } .home-hero-wrapper { padding-top: 0px; flex-direction: column; } .home-hero-wrapper.homepage-3 { padding-top: 60px; padding-bottom: 300px; } .home-hero-wrapper.homepage-4 { padding-bottom: 0px; flex-direction: row; } .home-hero-wrapper.about-3 { padding-top: 60px; flex-direction: column; } .home-left-info-wrapper { position: static; width: 100%; max-width: none; padding-top: 60px; padding-bottom: 0px; flex-direction: row; align-items: flex-start; } .home-right-info-wrapper { position: static; width: 100%; max-width: none; padding-top: 60px; flex-direction: row; align-items: flex-end; } .hero-mail-wrapper { max-width: 350px; } ._20px-text { margin-bottom: 0px; } .top-left-contain { max-width: 400px; } .top-left-contain.about { margin-bottom: 0px; } .bottom-left-contain { margin-top: 40px; } .bottom-left-contain.about._3 { margin-top: 0px; } .bottom-right-container { display: flex; flex-direction: column; justify-content: space-between; } .entrust-wrapper { padding-bottom: 60px; } .entrust-wrapper.homepage-3 { flex-direction: column; } .cta-big-text { font-size: 50px; } .steps-h2-heading { margin-right: 3%; } .steps-tops-paragraph { max-width: 265px; } .steps-bottom-wrapper { display: -ms-grid; display: grid; flex-wrap: nowrap; grid-auto-columns: 1fr; grid-column-gap: 20px; grid-row-gap: 80px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .worked-with-wrapper.black { padding-top: 80px; } .work-with-grid { max-width: 400px; margin-right: auto; margin-left: auto; grid-row-gap: 40px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .block-h5-heading { font-size: 50px; } .about-section-ver-2.sub-service-reviews { padding-right: 35px; padding-left: 35px; } .showreel-wrapper { padding-top: 140px; padding-bottom: 0px; flex-direction: column; align-items: flex-start; } .showreel-wrapper.home-showreel.sub-service-show { padding-bottom: 40px; } .showreel-text-contain { width: 100%; max-width: 600px; margin-bottom: 0px; } .showreel-text-contain.about-page-2 { width: 100%; } .showreel-right-wrapper { position: static; width: 100%; } .showreel-video { display: flex; flex-direction: column; justify-content: center; align-items: center; } .showreel-video.cms { height: 500px; } .showreel-image { border-radius: 10px; } .showreel-image.cms { height: 500px; } .showreel-button { left: auto; right: auto; bottom: auto; } .showreel-button.about-3 { position: absolute; left: auto; top: auto; } .faqs-text-wrap { width: 100%; margin-bottom: 100px; } .faq-content { padding-bottom: 24px; } .faqs-text-wrapper._50-width { width: 100%; max-width: none; } .faqs-wrapper { width: 100%; padding-top: 0px; } .awards-main-heading { font-size: 42px; line-height: 100%; } .faq-answer-wrap { padding-bottom: 0px; } ._90px-h1-heading { font-size: 70px; } .home-image-container { margin-top: -217px; } .home-image-homepage-3 { width: 90%; } .entrust-h2-heading { max-width: 500px; margin-bottom: 60px; } .entrust-grid { width: 100%; } .grey-create-wrapper.white { padding-bottom: 0px; } .heading-contain { display: flex; flex-direction: column; align-items: flex-start; } .create-heading { font-size: 50px; } .create-heading.home-3 { font-size: 50px; } .watch-button { position: absolute; left: auto; top: auto; right: 30%; bottom: -5%; margin-top: 40px; } .points-grid { flex-wrap: wrap; } .work-with-point-contain._1 { max-width: 300px; margin-bottom: 40px; } .work-with-point-contain._2 { max-width: 300px; margin-bottom: 40px; } .work-with-point-contain._3 { max-width: 300px; } .work-with-point-contain._4 { max-width: 300px; } .dot.hide { display: none; } .testimonial-main-wrapper { padding-top: 140px; } .stats-wrap { flex-direction: column; } .award-heading { max-width: none; } .awards-grid { width: 100%; margin-top: 40px; } .faq-image-contain { display: none; width: 100%; max-width: 400px; margin-top: 60px; } .link-banner-wrapper { padding-bottom: 100px; } ._40px-arrow { margin-top: 10px; } .footer-top-wrapper { align-items: stretch; } .footer-grid { grid-row-gap: 50px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .footer-paragraph-18px.heading { margin-bottom: 20px; } .home-left-wrapper { margin-top: 24px; margin-bottom: 60px; } .h1-64px-heading { font-size: 54px; } .hero-paragraph-homepage-4 { margin-bottom: 23px; } .hero-image-home-4 { margin-bottom: 123px; } .testimonial-hero-contain { margin-top: 20px; align-items: flex-start; } .testimonial-hero-contain.about { flex-direction: column; align-items: center; } .trusted-by.homepage-4 { margin-top: 20px; } .logos-wrap { display: flex; width: 70%; justify-content: center; flex-wrap: wrap; align-items: flex-start; } .logos-wrap.about { width: 100%; margin-top: 20px; margin-left: 0px; } .logos-wrap.homepage-5 { display: flex; width: 100%; margin-top: 20px; margin-left: 0px; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .logo-home-4.about { max-width: 120px; } .logo-home-4._3 { margin-right: 0px; } .solutions-wrapper { padding-top: 140px; padding-bottom: 140px; flex-direction: column; } .solutions-left-wrapper { max-width: 500px; } .solutions-right-wrapper { width: 100%; max-width: none; margin-top: 0px; } .solution-text { margin-right: 10%; font-size: 36px; } .goals-top-wrapper { flex-direction: column; align-items: flex-start; } .goals-main-heading { max-width: 400px; margin-bottom: 40px; } .goals-bottom-wrapper { flex-direction: column; align-items: flex-start; } .goals-left-wrapper { width: 100%; margin-bottom: 100px; } .connect-grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .form-main-wrapper { flex-direction: column; } .form-left-wrapper { width: 100%; max-width: 500px; margin-top: 0px; margin-bottom: 60px; } .hero-wrapper-homepage-5 { padding-top: 60px; } ._96px-heading { margin-bottom: 10px; font-size: 53px; } ._96px-heading._1 { margin-bottom: 0px; font-size: 48px; } ._96px-heading._2 { margin-bottom: 5px; font-size: 48px; } ._96px-heading._3 { font-size: 48px; } .newsletter-left-contain { width: 100%; margin-bottom: 40px; } .social-links-train { margin-bottom: 140px; } .social-links-train.homepage-5 { margin-top: 100px; } .contact-wrapper { flex-direction: column; } .contact-right-wrapper { width: 100%; } .contact-heading { font-size: 50px; } .services-hero-wrapper { padding-top: 40px; padding-bottom: 80px; } .services-hero-heading { width: 80%; } .services-main-wrapper { padding-top: 120px; } .services-page-contain { flex-direction: column-reverse; } .services-page-contain.reverse { flex-direction: column-reverse; } .services-left-contain { width: 100%; margin-top: 60px; } .services-right-contain { width: 100%; } .form-right-wrapper { width: 100%; } .form-heading-28px { font-size: 32px; } .contact-page-wrap { width: 90%; margin-bottom: 140px; } .contact-heading-64px { font-size: 54px; } .reviews-main-wrapper { width: 90%; margin-right: auto; margin-left: auto; } .reviews-cards-wrapper { margin-bottom: 40px; justify-content: space-between; align-items: flex-start; } .review-cards-left-wrap { width: 48%; } .review-cards-right-wrap { width: 48%; } .review-hero-wrapper { padding-top: 0px; flex-direction: column; } .review-left-contain { width: 100%; margin-right: auto; margin-left: auto; } .review-right-container { display: flex; width: 100%; margin-top: 100px; flex-direction: column; align-items: center; } .about-hero-heading { font-size: 70px; } .about-hero-wrapper.about-2 { padding-top: 60px; flex-direction: column-reverse; align-items: center; } .about-image-contain { margin-bottom: 60px; } .about-image-bottom-left { left: -14%; bottom: 17%; width: 40%; } .about-me-middle-top { bottom: 25%; } .about-line { right: -16%; bottom: 37%; } .about-line-2 { left: 20%; bottom: 15%; } .work-heading { max-width: none; font-size: 42px; } .together-grid { width: 100%; max-width: none; margin-top: 60px; grid-column-gap: 120px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .create-images { width: 50%; } .create-images._2 { width: 40%; } .create-images._3 { width: 40%; } .clients-black-section { padding-bottom: 140px; } .clients-black-section.black { margin-bottom: 0px; } .client-logos-contain { display: flex; justify-content: center; justify-items: center; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .client-logo-container.last { margin-right: 47px; } .client-logo-container.last.hide { display: none; } .client-text { top: -4%; font-size: 200px; } .footer-top-right { display: flex; max-width: 300px; flex-direction: column; justify-content: space-between; } .subscribe-text { max-width: 200px; } .cta-wrapper { justify-content: flex-start; flex-wrap: wrap; } .about-hero-image-wrap { left: 0%; margin: 20px auto 60px; } .about-hero-image { border-radius: 20px; } .about-hero-heading-2 { font-size: 54px; } .creative-text-wrapper { flex-direction: column; } .creative-heading-64px { width: 100%; max-width: 600px; margin-bottom: 60px; font-size: 54px; } .creative-paragraph { width: 100%; } .power-heading { font-size: 70px; } .about-left-info-wrapper { position: static; width: 45%; max-width: none; padding-top: 0px; padding-bottom: 0px; flex-direction: row; justify-content: space-between; align-items: flex-start; } ._28px-text { font-size: 22px; } .about-right-info-wrapper { position: static; width: 45%; max-width: none; padding-top: 0px; padding-bottom: 0px; flex-direction: row; justify-content: space-between; } .create-wrapper { padding-top: 140px; padding-bottom: 140px; } .create-heading-48px { font-size: 42px; } .trusted-section { margin-bottom: 140px; } .trusted-logos-wrapper { grid-column-gap: 40px; } .websites-wrapper { padding-top: 140px; padding-bottom: 140px; } .lightbox-link { display: flex; justify-content: center; align-items: center; } .create-text { font-size: 20px; } .blog-hero-wrapper { margin-bottom: 180px; } .blog-heading-64px { font-size: 54px; } .blog-heading-64px._90 { width: 90%; font-size: 54px; } .blog-contain { max-width: 500px; } .collection-list-blog { flex-direction: column; } .collection-item-blogs.page-2 { width: 100%; margin-bottom: 0px; } .blog-tab-link { margin-right: 10px; } .collection-list-blogs { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .tabs-menu-page-2 { flex-wrap: wrap; border-radius: 10px; } .blog-hero-wrapper-black { padding-bottom: 80px; } .blog-heading-white { position: relative; z-index: 2; width: 90%; font-size: 54px; } .blog-wrapper-page-3 { padding-top: 100px; padding-bottom: 140px; flex-direction: column; } .blog-tabs { width: 100%; } .blog-template-hero { padding-top: 20px; } .template-hero-image { height: 300px; } .blog-top-info { height: 400px; padding-top: 40px; padding-bottom: 40px; } .blog-hero-heading { font-size: 50px; } .blog-content-contain { padding-bottom: 20px; flex-direction: column-reverse; } .share-icons-wrapper { width: 50%; margin-top: 40px; flex-direction: row; justify-content: space-between; } .blog-rich-text { width: 100%; } .share-text { margin-bottom: 0px; font-size: 24px; } .share-icon { margin-bottom: 0px; } .author-block { margin-bottom: 100px; } .similar-blogs-wrapper { margin-bottom: 80px; } .projects-page-wrapper { padding-top: 100px; } .project-heading-64px { margin-bottom: 60px; font-size: 54px; } .project-tab-links { background-color: #fff; } .project-wrap { max-width: 400px; } .project-image-wrap { height: 400px; } .projects-image.projects-home-3 { max-width: 60%; } .projects-image.projects { width: 80%; } .project-top-wrapper { padding-top: 0px; padding-bottom: 80px; flex-direction: column; align-items: center; } .project-info-left { width: 100%; margin-bottom: 100px; } .projects-image-contain { position: static; width: 80%; } .project-rich-text-contain { margin-bottom: 140px; } .project-rich-text { width: 90%; margin-right: auto; margin-left: auto; } .more-projects-wrapper.projects { margin-bottom: 0px; } .shop-hero-section.kill-space { margin-bottom: -120px; } .product-info-text { padding-left: 0px; } .collection-list-shop { justify-content: space-between; } .collection-item-projects { justify-content: center; align-items: flex-start; } .collection-item-projects._3-column { width: 100%; justify-content: center; } .collection-item-projects.home-3 { width: 100%; } .product-hero-wrapper { flex-direction: column-reverse; } .product-images-wrap { width: 100%; align-items: center; } .product-info-wrap { display: flex; width: 100%; margin-bottom: 60px; flex-direction: column; align-items: stretch; } .nav-dropdown.w--open { border: 1px none #000; } .blog-right-wrapper { display: flex; width: 100%; margin-left: 0%; padding-top: 60px; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: stretch; } .utility-page-wrap { height: auto; padding-top: 40px; padding-bottom: 60px; } .utility-page-wrap.password { padding-top: 0px; } .utility-page-content._404 { flex-direction: column-reverse; } .utility-page-form { margin-bottom: 60px; } .blog-search { width: 51%; } .social-media-wrapper { width: 48%; } .subscribe-wrap { display: flex; width: 51%; margin-bottom: 24px; flex-direction: column; } .subscribe-button { background-image: none; text-align: center; } .testimonial-slide-wrap { width: 80%; } .testimonial-big-text { font-size: 28px; line-height: 140%; } .testimonial-name-24px { font-size: 22px; } .testimonial-position-20px { font-size: 18px; } .circle-background.left-home { top: -40%; height: auto; } .circle-background.left { left: -62%; top: -38%; height: auto; } .circle-background.left.projects { left: -70%; top: -26%; } .circle-background.left.project-details { left: -56%; top: -47%; height: auto; } .circle-background.left.reviews { left: -65%; } .circle-background.left.reviews-2 { left: -55%; top: -19%; } .circle-background.left.blog-page-1 { left: -51%; top: -57%; } .circle-background.left.blog-2 { left: -61%; } .circle-background.left.shop { left: -60%; } .circle-background.right { top: -16%; right: -61%; height: auto; } .circle-background.right.projects { top: -18%; right: -68%; height: auto; } .circle-background.right.reviews { top: -7%; right: -68%; } .circle-background.right.reviews-2 { top: -5%; right: -62%; } .circle-background.right.about-right { top: -16%; right: -62%; } .circle-background.right.blog-page-1 { right: -67%; } .circle-background.right.blog-2 { top: -15%; } .circle-background.right.shop { top: -16%; } .circle-background.review { top: 1%; height: auto; } .circle-background.course { top: -16%; right: -61%; height: auto; } .circle-background.course-left { left: -62%; top: -32%; height: auto; } .circle-background.about-1 { left: -60%; height: auto; } .circle-background.left-course { left: -68%; height: auto; } .circle-background.course-right { top: -31%; right: -65%; height: auto; } .circle-background.blog-3-left { left: -56%; top: -108%; height: auto; } .circle-background.blog-3-right { top: -65%; right: -69%; height: auto; } .project-image-60 { max-width: 80%; } .testimonial-wrapper { padding-top: 140px; } .testimonial-tabs { flex-direction: column-reverse; } .tabs-menu-testimonial { max-width: none; flex-direction: row; } .testimonial-tab-wrapper { width: 100%; margin-bottom: 60px; } .testimonial-text-32px { font-size: 26px; } .main-testimonial-wrap { margin-top: 60px; flex-direction: column-reverse; align-items: flex-start; } .main-testimonial-image { left: 40px; } .testimonial-black-image { position: relative; left: -30px; margin-top: 60px; margin-right: auto; margin-left: auto; } .testimonial-right-wrap { margin-right: auto; margin-left: auto; } .testimonial-black-bottom { margin-top: 40px; } .project-vary-grid { grid-column-gap: 24px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .project-vary-wrap { margin-top: 40px; } .project-vary-wrap.right { margin-top: 40px; } .project-vary-wrap.left { margin-top: 40px; } .watch-lightbox { position: static; } .projects-top-contain { flex-direction: column; align-items: flex-start; } .slider-arrow { right: 12%; } .slider-arrow.right { right: 0%; } .goals-image { width: 90%; margin-right: auto; margin-left: auto; } .testimonial-slide-wrapper { flex-direction: column-reverse; } .testimonial-slide-wrapper.reverse { flex-direction: column-reverse; } .left-arrow-testimonial { left: auto; top: auto; right: 5%; bottom: 0%; width: 45px; } .right-arrow-testimonial { left: auto; top: auto; right: 0%; bottom: 0%; width: 45px; } .testimonial-light-box { margin-right: auto; } .testimonial-light-box.right { margin-left: auto; } .testimonial-text-container { width: 100%; margin-bottom: 60px; padding-top: 0px; } .course-bottom-wrapper { flex-wrap: nowrap; align-items: center; } .save-up-wrap { margin-left: 0px; justify-content: flex-start; } .price-arrow { position: absolute; left: 165px; top: -132px; display: none; margin-right: 0px; } .save-upto-text { margin-top: 0px; margin-left: 10px; font-size: 16px; } .course-hero-wrapper { width: 90%; } .hero-top-wraper { justify-content: center; } .course-top-left { align-items: center; } .subtitle-text { font-size: 16px; } .course-top-right { align-items: center; } .course-name-heading { font-size: 50px; line-height: 130%; text-align: center; } .course-hero-bottom { flex-direction: column; } .price-contain { margin-top: 40px; margin-bottom: 40px; } .course-rich-text { width: 90%; } .course-wrap { width: 68%; flex-direction: column; align-items: center; } .course-wrap-left { width: 100%; } .course-wrap-right { width: 80%; } .design-resources-wrapper.center { padding-bottom: 100px; } .tabs-menu-dr { position: static; justify-content: flex-start; } .design-resources-tab { margin-top: 40px; } .past-work-link { margin-top: 40px; } .pw-text { font-size: 35px; } .pw-paragraph { max-width: 260px; font-size: 18px; } .pw-arrow { max-width: 40px; margin-left: 10px; } .testimonial-right-arrow { left: 7%; } .dr-blog-contain { flex-direction: column; } .blog-link-info { width: 100%; } .blog-category { width: auto; margin-right: 0px; margin-bottom: 20px; } .blog-heading-60px { font-size: 40px; } .blog-link-paragraph { font-size: 22px; } .menu-button { display: flex; padding: 10px; align-items: flex-start; } .menu-button.w--open { display: flex; justify-content: space-between; background-color: transparent; transform: rotate(-90deg); color: #b16cea; } .menu-button.white { color: #fff; } ._404-image { width: 90%; } ._404-heading { font-size: 120px; font-style: normal; text-align: center; } .passwordf-block { margin-bottom: 60px; } .style-guide-main-content { width: 100%; } .colors-grid { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } ._22-px { font-size: 20px; } .overview-grid { width: 100%; flex-direction: column; } .columns-contain { display: flex; width: 100%; padding-top: 60px; padding-bottom: 60px; justify-content: space-between; align-items: flex-start; } .dropdown-list-full-wrapper { padding: 0px; box-shadow: none; } .visual-features-item-heading { font-size: 19px; } .navigation-drop-container { flex-direction: column; } .dropdown-links.navbar { padding-top: 30px; padding-bottom: 30px; } .dropdown-lists.w--open { position: relative; left: -26%; top: 0px; width: 80%; min-width: auto; margin-right: 5%; margin-left: 5%; padding-top: 0px; background-color: transparent; } .nav-dropdowns { max-width: 500px; margin-right: auto; margin-left: auto; grid-row-gap: 40px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .nav-dropdowns.nav { display: block; max-width: 310px; } .nav-dropdowns._1-row { display: block; max-width: 310px; } .nav-dropdowns._1-row-2-column { display: block; max-width: 310px; } .dropdown { width: 100%; margin-right: 0px; margin-left: 0px; padding-bottom: 0px; font-family: Exo, sans-serif; } .collection-list-projects { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } .collection-list-projects.projects-page { justify-content: space-between; grid-column-gap: 40px; grid-row-gap: 0px; } .collection-list-projects.project-details { justify-content: space-between; grid-column-gap: 40px; grid-row-gap: 0px; } .overview-image-wrapper { max-width: 350px; } .overview-top-wrapper { width: 90%; } .overview-grids { flex-direction: column; } .overview-grids._2-column { display: flex; } .overview-wrap { flex-direction: column; } .overview-links-wrapper { width: 100%; margin-bottom: 20px; } .add-cart-button { max-width: 400px; } .hero-images-contain { position: relative; overflow: hidden; width: 100%; height: 500px; margin-top: 20px; margin-right: 0%; } .hero-testimonials-contain { display: flex; flex-direction: column; justify-content: center; align-items: center; } .hero-testimonial-wrapper { position: static; left: 33%; } ._100px-links { margin-right: 100px; } .cta-big-texts { font-size: 50px; } .cta-big-texts.dont-shrink { font-size: 70px; } .blog-mask { max-width: 500px; } .left-arrow { padding-right: 0px; } .arrow-blog { margin-left: 0px; } .collection-list-course { grid-column-gap: 40px; grid-row-gap: 50px; } .collection-list-blog-featured { flex-direction: column; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .team-member-name { line-height: 89%; } .logo-wrapper.contact { margin-top: 17px; margin-left: 20px; } .text-block-7 { font-size: 14px; } .hide-bold-font { display: none; } .sub-service-hero-section { margin-top: -64px; padding-right: 35px; padding-left: 35px; } .sub-service-main-heading { font-size: 40px; } .sub-service-tri-section { padding-right: 35px; padding-left: 35px; } .heading-4 { margin-bottom: 40px; font-size: 36px; } .sub-service-big-point-section { padding-right: 35px; padding-bottom: 65px; padding-left: 35px; } .heading-5 { font-size: 36px; } .big-point { font-size: 22px; } .what-youll-get-section { padding-right: 35px; padding-left: 35px; } .heading-6 { font-size: 36px; } .number-wrap { width: 50px; height: 50px; } .text-block-13 { font-size: 22px; } .get-bullet-text { font-size: 20px; } .what-you-ll-get-sub-heading { font-size: 22px; } .seo-rich-text h3 { font-size: 26px; } .seo-rich-text p { font-size: 18px; } } @media screen and (max-width: 767px) { h1 { font-size: 50px; } h2 { font-size: 40px; } h3 { font-size: 30px; } h4 { font-size: 30px; } p { font-size: 20px; } li { font-size: 20px; } .h5-heading-white.newsletter { font-size: 40px; } .wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .wrapper.licensing { padding-left: 0px; } .wrapper.licenses { padding-left: 0px; } .licensing-paragraph { max-width: 100%; font-size: 16px; line-height: 26px; } .licensing-tag-subtext { text-align: left; } .licensing-image-and-text-wrapper { padding: 30px; } .licencing-images-grid { grid-column-gap: 20px; grid-row-gap: 20px; } .licencing-image-item { height: 200px; } .reference-headings { font-size: 54px; } .reference-headings.white { font-size: 54px; } .update-wrapper { margin-top: 40px; } .wrapper-changelog { width: 90%; } .wrapper-changelog.updates { width: 90%; padding-top: 40px; padding-bottom: 40px; } .hero-wrapper { width: 90%; padding-top: 80px; padding-bottom: 0px; } .text-contain-hero { padding-bottom: 60px; } .hero-heading { font-size: 50px; line-height: 115%; } .hero-paragraph { font-size: 20px; } .cta-button { font-size: 20px; } .trust-paragraph { font-size: 20px; } .logos-wrapper { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .logos { margin-right: 0px; } .services-wrapper { width: 90%; padding-top: 100px; padding-bottom: 100px; } .heading-2-center { max-width: 420px; font-size: 40px; } .services-grid { grid-column-gap: 60px; } .h6-heading { font-size: 18px; } .projects-wrapper { width: 90%; padding-top: 90px; padding-bottom: 120px; } .projects-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .stats-wrapper { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .stats-contain { max-width: 450px; } .stat-number._60px { font-size: 42px; } .about-me-wrapper { width: 90%; padding-top: 90px; padding-bottom: 180px; } .about-me-image { width: 100%; margin-right: auto; margin-left: auto; } .about-me-floating-image { right: 0%; } ._22px-paragraph { font-size: 20px; } .resource-main-wrapper { padding-bottom: 100px; } .resource-top-wrapper { max-width: 504px; flex-direction: column; flex-wrap: wrap; align-items: flex-start; } .h2-heading { max-width: 400px; font-size: 40px; text-align: center; } .h2-heading.left { font-size: 40px; text-align: left; } .h2-heading.left._50 { width: 100%; max-width: none; } .h2-heading.center { max-width: none; } .view-more-link { margin-top: 20px; } .collection-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .resource-title { font-size: 26px; line-height: 140%; } .newsletter-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .newsletter-form-block { width: 90%; max-width: 400px; } .form { width: 100%; flex-direction: column; } .newsletter-text-field { width: auto; margin-right: 0px; margin-bottom: 20px; } .submit-button { width: auto; height: 70px; background-position: 65% 53%, 0px 0px; font-size: 20px; } .form-text { font-size: 16px; text-align: center; } .awards-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .logos-row-contain { display: -ms-grid; display: grid; margin-bottom: -1px; grid-auto-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); } .logos-row-contain.last { border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); } .logo-contain { width: 100%; height: 130px; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); } .logo-contain.last { border-style: solid none solid solid; border-color: rgba(0, 0, 0, 0.1) hsla(0, 0%, 100%, 0.1) hsla(0, 0%, 100%, 0.1) rgba(0, 0, 0, 0.1); } .logo-contain.white-border { border-bottom-color: hsla(0, 0%, 100%, 0.1); } .logo-contain.white-border._2 { border-right-style: none; } .award-logo { max-width: 60%; } .pricing-section.black { margin-bottom: 40px; } .pricing-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .price { font-size: 60px; } .faq-question { margin-right: 0px; font-size: 20px; } .faq-contain { margin-top: 60px; } .faq-main-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .instagram-wrapper { padding-top: 100px; padding-bottom: 100px; } .footer-text-60px { font-size: 40px; } .work-arrow-image.home { max-width: 25px; margin-top: 5px; } .footer-bottom-wrapper.white { padding-bottom: 40px; flex-direction: column; align-items: center; } .contain.contain-line { margin-bottom: -89px; } .home-hero-wrapper { width: 90%; padding-top: 0px; padding-bottom: 90px; } .home-hero-wrapper.homepage-3 { padding-bottom: 300px; } .home-hero-wrapper.homepage-4 { flex-direction: column; } .home-hero-wrapper.about-3 { padding-bottom: 0px; } .hero-image-home-2 { width: 60%; } .home-left-info-wrapper { padding-top: 60px; padding-bottom: 60px; flex-direction: column; } .home-right-info-wrapper { padding-bottom: 0px; flex-direction: column-reverse; align-items: flex-start; } .hero-mail-wrapper { max-width: none; margin-top: 40px; } .top-left-contain { max-width: none; } .bottom-left-contain { max-width: none; } .bottom-right-container { max-width: none; } .entrust-heading { max-width: 300px; font-size: 30px; text-align: center; } .steps-wrapper { padding-bottom: 120px; } .button-gradient { font-size: 20px; } .cta-big-text { font-size: 36px; } .steps-top-wrapper { flex-direction: column; } .steps-h2-heading { margin-bottom: 20px; } .steps-h2-heading.white { max-width: 400px; } .steps-h2-heading.small { max-width: none; } .steps-h2-heading.space-for-h2-down { font-size: 37px; } .steps-tops-paragraph { max-width: none; } .projects-section.home-projects { padding-top: 0px; } .work-with-top-wrapper { flex-direction: column; align-items: flex-start; } .block-h5-heading { font-size: 40px; } .about-section-ver-2.sub-service-reviews { padding-right: 20px; padding-left: 20px; } .showreel-wrapper { width: 90%; padding-top: 90px; padding-bottom: 0px; } .showreel-paragraph { font-size: 20px; } .showreel-right-wrapper { margin-right: auto; margin-left: auto; } .showreel-video { height: auto; max-width: 400px; } .showreel-image { height: auto; } .awards-main-heading { font-size: 40px; } .copyright-text { margin-top: 16px; font-size: 16px; } ._90px-h1-heading { font-size: 54px; } .floating-image-contain { top: -25%; } .floating-image-contain._2 { left: -8%; bottom: -17%; transform: rotate(-23deg); } .black-div { display: none; } .white-div { display: none; } .entrust-grid { grid-column-gap: 40px; } .grey-create-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .heading-contain { margin-bottom: 60px; } .create-heading { font-size: 40px; } .create-heading.home-3 { font-size: 40px; } .watch-button { position: static; margin-top: 10px; } .points-grid { justify-content: center; } .work-with-point-contain._4 { margin-top: 40px; } .work-text.left { font-size: 18px; } .dot { display: none; } .testimonial-main-wrapper { padding-bottom: 140px; } .testimonial-contain.review-page.home-review.sub-service-review { margin-left: 0px; } .testimonial-contain.blue.middle { left: 30px; } .stats-wrap { width: 90%; padding-top: 90px; padding-bottom: 90px; } .awards-grid { grid-row-gap: 60px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .award-card { max-width: none; } ._40px-arrow { max-width: 24px; margin-top: 5px; margin-left: 20px; } ._40px-arrow.train { max-width: 100%; } .footer-top-wrapper { margin-top: 100px; flex-direction: column; align-items: center; } .footer-paragraph-16px { text-align: center; } .home-left-wrapper { width: 100%; margin-bottom: 0px; } .h1-64px-heading { font-size: 50px; } .image-contain-right { width: 100%; margin-bottom: 136px; } .testimonial-hero-contain { flex-direction: column; align-items: center; } .trusted-by { margin-bottom: 20px; } .logos-wrap { width: 100%; margin-left: 0px; justify-content: space-between; } .logos-wrap.about { justify-content: center; } .logos-wrap.homepage-5 { display: flex; justify-content: center; justify-items: center; align-content: space-around; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .logo-home-4.about { margin-right: 20px; } .solutions-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .solution-number { margin-right: 20px; } .solution-text { font-size: 32px; } .goals-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .goals-main-paragraph { font-size: 18px; } .connect-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .connect-grid { max-width: 360px; margin-right: auto; margin-left: auto; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .form-main-wrapper { width: 90%; padding: 90px 40px; } .hero-wrapper-homepage-5 { width: 90%; padding-top: 90px; padding-bottom: 90px; } ._96px-heading { font-size: 36px; text-align: left; } ._96px-heading._1 { margin-bottom: 5px; } ._96px-heading._2 { margin-left: 0px; } ._96px-heading._3 { margin-left: 0px; } .heading-part._1 { flex-direction: column-reverse; align-items: center; } .heading-part._3 { justify-content: center; } .rectangle-call-button { margin-bottom: 10px; margin-left: 0px; } .rectangle-call-button.overview { margin-top: 20px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 20px; } .rectangle-call-button.cta-below-hero { display: none; } .white-form { width: 500px; max-width: 90%; margin-right: auto; margin-left: auto; } .contact-heading { font-size: 40px; } .services-main-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .send-message-form { padding-right: 40px; padding-left: 40px; } .form-heading-28px { font-size: 30px; } .contact-page-wrap { margin-bottom: 100px; } .contact-heading-64px { margin-bottom: 40px; font-size: 50px; } .contact-flex-wrap { flex-direction: column-reverse; } .contact-paragraph { margin-bottom: 40px; } .fields-contain { margin-bottom: 0px; flex-direction: column; } .contact-form-field { margin-right: 0px; margin-bottom: 32px; } .reviews-cards-wrapper { flex-direction: column; } .review-cards-left-wrap { width: 100%; margin-bottom: 0px; align-items: center; } .review-cards-right-wrap { width: 100%; align-items: center; } .about-hero-heading { font-size: 54px; } .about-hero-wrapper { width: 90%; padding-top: 60px; padding-bottom: 90px; } .about-image-contain { height: 500px; margin-top: -120px; } .about-image-bottom-left { bottom: 5%; } .about-me-middle-top { bottom: 19%; } .about-line { bottom: 53%; } .about-line-2 { bottom: 3%; } .work-heading { font-size: 40px; } .together-grid { grid-column-gap: 40px; } .about-images-contain { height: 550px; } .clients-heading { width: 90%; } .client-logos-contain { display: -ms-grid; display: grid; width: 90%; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .client-logo-container { margin-right: 0px; margin-bottom: 0px; } .client-logo-container.last { margin-right: 0px; } .client-text { font-size: 150px; } .footer-top-left { max-width: 400px; margin-bottom: 60px; align-items: center; } .footer-top-right { max-width: 400px; } .subscribe-text { max-width: none; } .cta-wrapper { justify-content: space-between; } .about-hero-image-wrap { width: 90%; } .about-hero-heading-2 { font-size: 50px; } .creative-text-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .creative-heading-64px { font-size: 50px; } .power-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .power-heading { font-size: 54px; } .client-bottom-text { font-size: 40px; } .about-left-info-wrapper { display: -ms-grid; display: grid; width: 100%; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } ._28px-text { font-size: 18px; } .about-right-info-wrapper { display: -ms-grid; display: grid; width: 100%; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .create-heading-48px { font-size: 40px; } .trusted-heading { text-align: center; } .trusted-logos-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; } .blog-hero-wrapper { margin-bottom: 100px; } .blog-heading-64px { font-size: 50px; } .blog-heading-64px._90 { font-size: 50px; } .blog-contain { max-width: 400px; } .blog-contain.horizontal { padding-right: 20px; padding-left: 20px; } .blog-image-contain { height: 300px; } .blog-thumbnail-image { height: 300px; } .blog-title { font-size: 28px; } .blog-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .blog-heading-2 { text-align: center; } .tabs-menu-page-1 { flex-wrap: wrap; } .blog-tab-link { margin-bottom: 10px; } .collection-list-blogs { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .collection-item-blog-2 { width: 100%; justify-content: center; align-items: flex-start; } .blog-content { margin-left: 20px; } .blog-heading-white { width: 90%; font-size: 50px; } .blog-wrapper-page-3 { padding-bottom: 60px; } .collection-list-wrapper-4 { justify-content: center; } .collection-list-blog-3 { justify-content: center; grid-column-gap: 20px; grid-row-gap: 60px; } .collection-item-blog-3 { display: flex; width: 100%; flex-direction: column; align-items: center; } .blog-top-info { padding-right: 40px; padding-left: 40px; } .blog-hero-heading { font-size: 40px; } .blog-description-template { font-size: 20px; } .blog-date { font-size: 20px; } .read-time { font-size: 20px; } .share-icons-wrapper { width: 60%; justify-content: space-between; } .blog-rich-text blockquote { margin-left: 10px; padding-left: 20px; font-size: 20px; } .share-text { font-size: 22px; } .projects-page-wrapper { padding-bottom: 80px; } .project-heading-64px { font-size: 50px; } .project-tab-links { margin-right: 10px; margin-bottom: 10px; } .tabs-menu { margin-bottom: 80px; } .project-wrap { max-width: 520px; margin-bottom: 0px; } .projects-image.projects-home-3 { max-width: 60%; } .projects-image.projects { width: 60%; } .project-description._22px { font-size: 20px; } .project-rich-text blockquote { margin-left: 10px; font-size: 20px; } .project-rich-text ul { margin-left: 0px; } .project-rich-text li { font-size: 20px; } .product-wrap { width: 400px; } .product-info-text { padding-left: 0px; } .collection-list-shop { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .collection-item-projects { width: 100%; } .product-hero-wrapper { padding-top: 60px; } .collection-list-wrapper-shop-temp { justify-content: center; } .utility-page-wrap.password { padding-top: 0px; } .blog-search { width: 60%; padding-right: 20px; padding-left: 20px; } .social-media-wrapper { width: 100%; padding-right: 20px; padding-left: 20px; } .subscribe-wrap { width: 60%; padding-right: 20px; padding-left: 20px; } .subscribe-button { background-image: none; text-align: center; } .testimonial-slide-wrap { width: 65%; } .testimonial-big-text { font-size: 24px; } .testimonial-big-text.left { font-size: 26px; } .testimonial-big-text.left-black { font-size: 26px; } .testimonial-image-80px { height: 50px; max-width: 50px; } .testimonial-name-24px { font-size: 18px; } .testimonial-position-20px { font-size: 16px; } .circle-background.left-home { left: -54%; top: -19%; } .circle-background.left.projects { left: -59%; top: -15%; } .circle-background.left.project-details { top: -33%; } .circle-background.left.reviews { top: -13%; } .circle-background.left.reviews-2 { top: -14%; } .circle-background.left.blog-page-1 { top: -44%; } .circle-background.left.blog-2 { left: -60%; top: -25%; } .circle-background.left.shop { top: -16%; } .circle-background.right.projects { top: -5%; } .circle-background.right.reviews { top: -3%; } .circle-background.right.reviews-2 { top: 7%; } .circle-background.right.blog-page-1 { top: -5%; } .circle-background.right.blog-2 { top: -9%; right: -72%; } .circle-background.right.shop { top: -6%; } .circle-background.review { top: 5%; right: -64%; } .circle-background.course { top: -9%; right: -72%; } .circle-background.course-left { top: -13%; } .circle-background.left-course { top: -45%; } .circle-background.blog-3-left { top: -69%; } .circle-background.blog-3-right { top: -25%; } .project-wrapper-horizontal { margin-bottom: 40px; flex-direction: column; align-items: center; } .project-left-contain { width: 100%; } .project-heading-40px { font-size: 30px; } .project-image-50 { width: 100%; max-width: 420px; margin-top: 60px; } .testimonial-wrapper { padding-bottom: 100px; } .testimonial-text-32px { font-size: 22px; } .testimonial-names { font-size: 20px; } .project-vary-grid { margin-bottom: 100px; grid-column-gap: 0px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .project-vary-wrap { margin-top: 40px; } .project-vary-wrap.right { margin-top: 40px; } .project-vary-wrap.left { margin-top: 40px; } .project-vary-wrap.top { margin-top: 0px; } .create-line-1 { top: -12%; } .slider-arrow { right: 14%; } .goals-image { width: 100%; } .left-arrow-testimonial { right: 7%; width: 50px; } .right-arrow-testimonial { width: 50px; } .testimonial-light-box { width: 70%; } .course-text-24px { font-size: 20px; } .course-name { font-size: 30px; } .hero-top-wraper { margin-bottom: 80px; align-items: flex-start; } .course-top-left { flex-direction: column; align-items: flex-start; } .subtitle-text { font-size: 14px; } .subtitle-text.hide { display: none; } .course-name-heading { margin-top: -58px; font-size: 40px; } .course-description { font-size: 18px; } .course-info-wrapper { padding-top: 50px; } .course-wrap-right { width: 100%; } .design-resources-wrapper { padding-top: 100px; padding-bottom: 60px; } .design-resources-wrapper.blue { padding-top: 120px; padding-bottom: 100px; } .design-resources-wrapper.center { padding-bottom: 100px; } .past-work-link { flex-direction: column; } .pw-paragraph { max-width: none; margin-top: 20px; } .pw-heading-wrap { margin-top: 20px; } .testimonial-right-arrow { left: 10%; } .blog-category { margin-right: 20px; font-size: 20px; } .blog-heading-60px { font-size: 34px; } .blog-link-paragraph { margin-bottom: 20px; font-size: 20px; } .awards-main-wrapper { width: 90%; padding-top: 90px; padding-bottom: 90px; } .container { padding-right: 20px; padding-left: 20px; } .menu-button.w--open { color: #b16cea; } .webflow-link { transition: color 200ms ease; color: #fff; text-decoration: none; } .webflow-link:hover { color: #599ffa; } ._404-image { width: 90%; } ._404-heading { font-style: normal; } .colors-grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } ._22-px { font-size: 20px; } .columns-contain { width: auto; padding-top: 40px; padding-bottom: 40px; flex-wrap: wrap; } .dropdown-lists.w--open { left: -128px; width: 90%; } .nav-dropdowns { width: 100%; grid-row-gap: 70px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .collection-list-projects.projects-page { justify-content: center; justify-items: center; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .collection-list-projects.project-details { justify-content: center; justify-items: center; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .collection-item-project { width: 100%; max-width: 400px; } .buttons-container { flex-direction: column; } .overview-image-wrapper { max-width: 330px; } .overview-wrap { width: 90%; } .hero-testimonial-wrapper { position: relative; left: auto; top: -25px; } ._100px-links { margin-right: 80px; } .cta-big-texts { font-size: 30px; } .cta-big-texts.dont-shrink { font-size: 50px; } .blog-mask { max-width: 400px; } .right-arrow { right: -103%; } .left-arrow { left: -103%; } .arrow-blog { width: 60px; height: 60px; } .collection-list-course { grid-column-gap: 40px; grid-row-gap: 80px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .read-time-copy { font-size: 20px; } .sub-service-hero-section { padding-right: 20px; padding-left: 20px; } .image-9 { margin-top: 40px; } .sub-service-tri-section { padding-right: 20px; padding-left: 20px; } .heading-4 { font-size: 32px; } .sub-service-big-point-section { padding-right: 20px; padding-bottom: 45px; padding-left: 20px; } .sub-service-big-bullet-points { margin-top: 40px; padding-left: 0px; } .single-big-bullet { margin-bottom: 15px; align-items: flex-start; } .heading-5 { padding-right: 15px; padding-left: 14px; font-size: 32px; } .image-11 { width: 35px; margin-top: -5px; } .big-point { font-size: 20px; } .what-youll-get-section { padding-right: 20px; padding-left: 20px; } .what-you-ll-get-sub-heading { line-height: 30px; } .seo-rich-text h3 { font-size: 22px; } } @media screen and (max-width: 479px) { h1 { font-size: 48px; line-height: 110%; } h2 { font-size: 30px; } h3 { font-size: 26px; } h4 { font-size: 24px; } p { font-size: 16px; } li { font-size: 16px; } .h5-heading-white.newsletter { font-size: 36px; } .paragraph-22px-white { font-size: 20px; } .wrapper.licensing { padding-left: 0px; } .wrapper.licenses { padding-left: 0px; } .licensing-image-and-text-wrapper { padding: 20px; } .licencing-images-grid { grid-column-gap: 20px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .licencing-image-item { height: 150px; } .reference-headings { font-size: 46px; } .reference-headings.white { font-size: 46px; } .update-wrapper { margin-top: 30px; } .wrapper-changelog.updates { padding: 20px; } .logo-lines-contain { margin-right: 5px; } .logo-text { font-size: 24px; } .gradient-span { line-height: 110%; } .hero-heading { font-size: 48px; line-height: 110%; } .hero-paragraph { font-size: 18px; } .hero-paragraph.homepage-3 { font-size: 18px; } .cta-button { padding-top: 14px; padding-bottom: 16px; } .cta-button.rectangle { padding-left: 50px; } .cta-arrow-div { flex: 0 0 auto; } .trust-paragraph { font-size: 18px; } .logos-wrapper { width: 100%; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .logos { margin-right: 0px; } .heading-2-center { font-size: 36px; } .heading-2-center.projects { font-size: 36px; } .heading-2-center.projects.left { font-size: 34px; } .services-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .projects-wrapper { padding-top: 40px; padding-bottom: 40px; } .project-contain.horizontal { padding-top: 32px; flex-direction: column; } .project-contain.vertical { padding-top: 32px; flex-direction: column; } .about-project { font-size: 16px; } .heading-2-white { font-size: 36px; } .stat-number { font-size: 50px; line-height: 80px; } .about-me-wrapper { padding-bottom: 220px; } .about-me-contain { margin-bottom: 140px; } .about-me-image { width: 100%; } .about-me-floating-image { width: 90%; } .about-me-text-contain { margin-top: 60px; } .about-me-heading { font-size: 36px; } ._22px-paragraph { font-size: 18px; } .h2-heading { font-size: 36px; } .h2-heading.left { font-size: 36px; } .h2-heading.center { font-size: 30px; } .h2-heading.projects { margin-top: -75px; margin-bottom: 20px; } .main-category-text { font-size: 16px; } .secondary-category { font-size: 16px; } .resource-title { font-size: 24px; } .newsletter-wrapper.horizontal { align-items: center; } .h2-white-heading-center-long.home-email-signup { font-size: 20px; } .newsletter-text-field { padding-left: 55px; } .submit-button { padding-right: 15px; background-image: linear-gradient(150deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b); background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .form-text.fine-print-email { width: 80%; font-size: 13px; line-height: 132%; } .price-block { padding-right: 20px; padding-left: 20px; } .price { font-size: 50px; } .checkmark { width: 100%; max-width: 24px; margin-right: 14px; } .price-text { font-size: 16px; } .faq-question { padding-right: 20px; font-size: 18px; } .faq-answer { font-size: 16px; } .faq-main-wrapper.horizontal { padding-bottom: 60px; } .footer-text-60px { font-size: 36px; } .work-link-60px.home { padding-right: 0px; padding-left: 8px; flex: 0 0 auto; } .work-arrow-image.home { max-width: 20px; margin-top: 14px; margin-left: 10px; } .column-images { width: 45%; } .column-images._3 { width: 45%; } .column-images._5 { display: none; } .instagram-image._1 { margin-bottom: 0px; } .nav-links-wrapper.in-menu { padding-left: 20px; } .nav-links-wrapper.in-menu { padding-left: 20px; } .hero-image-home-2 { width: 100%; } .top-left-contain.home { margin-bottom: 60px; } .bottom-left-contain { margin-top: 0px; margin-bottom: 0px; } .entrust-wrapper { padding-top: 100px; padding-bottom: 40px; } .entrust-heading { font-size: 24px; } .button-text { flex: 0 0 auto; font-size: 18px; } .cta-big-text { margin-top: 10px; font-size: 24px; } .steps-h2-heading { font-size: 36px; } .steps-tops-paragraph { font-size: 18px; } .steps-bottom-wrapper { justify-items: center; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .step-image { margin-top: 40px; } .worked-with-wrapper.black { padding-bottom: 80px; } .work-with-grid { max-width: none; } .work-with-contain { padding-right: 10px; padding-left: 10px; } .block-h5-heading { font-size: 36px; } .about-section-ver-2.sub-service-reviews { padding-right: 10px; padding-left: 10px; } .showreel-heading { font-size: 36px; } .showreel-heading.seo-services-showreel-heading { font-size: 28px; } .showreel-paragraph { font-size: 18px; } .awards-contain { align-items: flex-start; } .awards-image { margin-right: 20px; } .showreel-video.cms { height: 400px; } .showreel-image.cms { height: 400px; } .faq-content { font-size: 16px; } .awards-main-heading { font-size: 36px; line-height: 120%; } .faq-questions { font-size: 18px; line-height: 140%; } ._90px-h1-heading { font-size: 46px; } .entrust-grid { grid-column-gap: 10px; grid-row-gap: 10px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .create-heading { font-size: 36px; } .create-heading.home-3 { font-size: 36px; } .point-heading { font-size: 36px; } .testimonial-heading { margin-bottom: 40px; font-size: 36px; } .testmonial-text-wrap { flex-direction: column-reverse; align-items: flex-start; } .testmonial-text-wrap.homepage-4 { flex-direction: column; } .testimonial-image { margin-bottom: 20px; margin-left: 0px; } .testimonial-image.homepage-4 { margin-top: 20px; margin-bottom: 0px; margin-left: 0px; } .testimonial-contain.blue.middle { left: 0px; } .testimonial-paragraph { font-size: 18px; } .testimonial-image-block { margin-right: 14px; } .stats-wrap.homepage-4 { padding-top: 100px; } .stats-wrap.homepage-5 { padding-top: 140px; } .award-heading { font-size: 36px; } .awards-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } ._40px-arrow.train { width: 40px; } .footer-grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .footer-link-18px.black { font-size: 18px; } .h1-64px-heading { font-size: 44px; line-height: 110%; } .hero-paragraph-homepage-4 { font-size: 18px; } .star-image { display: none; margin-top: 0px; margin-bottom: 10px; } .image-contain-right { margin-bottom: 173px; } .hero-image-home-4 { margin-bottom: 97px; } .testimonial-wrap-home { bottom: -40%; display: flex; padding-right: 20px; padding-left: 20px; flex-direction: column; align-items: flex-start; } .testimonial-text { font-size: 16px; } .testimonial-name-home { font-size: 14px; line-height: 140%; } .testimonial-hero-contain { margin-top: 100px; } .logos-wrap { margin-left: 0px; justify-content: space-between; } .logos-wrap.homepage-5 { align-content: space-between; } .logo-home-4.about.last { margin-top: 10px; margin-right: 0px; } .solutions-main-heading { font-size: 36px; } .solutions-paragraph { font-size: 18px; } .solution-number { margin-right: 10px; font-size: 20px; } .solution-text { margin-right: 5%; font-size: 26px; } .solutions-arrow { flex: 0 0 auto; } .goals-main-paragraph { font-size: 18px; } .connect-main-heading { font-size: 36px; } .form-main-wrapper { padding-right: 20px; padding-left: 20px; } .form-heading { font-size: 36px; } .footer-headings-wrap { margin-left: 16px; } .footer-info { font-size: 17px; } ._96px-heading._1 { font-size: 36px; text-align: center; } ._96px-heading._2 { font-size: 36px; } ._96px-heading._3 { margin-left: 0px; font-size: 36px; text-align: center; } .rectangle-call-button:hover { background-color: #ff8a56; } .newsletter-right-contain { max-width: 100%; } .white-form { width: 100%; max-width: 400px; min-width: 300px; margin-right: 0px; margin-left: 0px; padding: 40px 16px; } .contact-wrapper { padding-top: 150px; } .contact-heading { font-size: 36px; } .services-main-wrapper { padding-bottom: 40px; } .services-page-contain { margin-bottom: 140px; } .services-page-contain.reverse { margin-bottom: 140px; } .services-h2-heading { font-size: 36px; } .send-message-form { padding-right: 16px; padding-left: 16px; } .form-heading-28px { font-size: 24px; } .form-gradient-submit { background-image: linear-gradient(90deg, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%); background-position: 0px 0px; background-size: auto; background-repeat: repeat; } .contact-heading-64px { font-size: 48px; } .email-text { font-size: 24px; } .checkbox-field { margin-right: 10px; } .fields-contain { margin-bottom: 0px; flex-direction: column; } .contact-form-field { margin-right: 0px; margin-bottom: 32px; } .reviews-main-wrapper.reviews-page-2 { padding-top: 120px; } .review-cards-right-wrap { margin-bottom: 0px; } .review-heading.team-heading { margin-top: 40px; } .review-paragraph { font-size: 18px; } .review-top-contain { flex-direction: column; } .review-divider { width: 100%; height: 1px; margin: 40px 0px; } .about-hero-heading { font-size: 46px; } .about-image-contain { height: 350px; } .about-image-bottom-left { bottom: 8%; } .about-me-middle-top { bottom: 25%; } .about-line { bottom: 78%; width: 60%; } .about-line-2 { bottom: 22%; width: 50%; } .work-heading { font-size: 36px; } .together-grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .about-images-contain { height: 420px; } .clients-wrapper { padding-top: 60px; padding-bottom: 40px; } .client-text { top: -7%; font-size: 80px; } .footer-top-left { margin-bottom: 80px; } .cta-wrapper { justify-content: flex-start; } .about-hero-image-wrap { width: 100%; } .about-hero-heading-2 { font-size: 48px; } .creative-heading-64px { font-size: 48px; } .power-heading { font-size: 46px; } .client-bottom-text { font-size: 34px; } .create-heading-48px { font-size: 36px; } .trusted-logos-wrapper { grid-column-gap: 14px; grid-row-gap: 14px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .websites-wrapper { padding-bottom: 60px; } .websites-heading { font-size: 36px; } .create-text { margin-bottom: 0px; font-size: 18px; } .blog-hero-wrapper { overflow: visible; margin-bottom: 60px; } .blog-heading-64px { font-size: 48px; } .blog-heading-64px._90 { font-size: 48px; } .blog-contain { max-width: 280px; } .blog-contain._500px { max-width: 300px; padding-right: 20px; padding-left: 20px; } .blog-contain._354px-padding { padding-right: 20px; padding-left: 20px; } .blog-contain.horizontal { padding-right: 20px; padding-left: 20px; flex-direction: column; } .blog-image-contain { height: 250px; } .blog-thumbnail-image { height: 250px; } .categories-wrapper.template { flex-direction: column; justify-content: center; } .categories-wrapper.vertical { flex-direction: column; align-items: flex-start; } .main-category { margin-right: 10px; } .second-category { margin-left: 0px; } .second-category.top { margin-left: 0px; } .blog-title { font-size: 24px; } .collection-item-blogs { padding-right: 10px; padding-left: 10px; } .blog-wrapper.blog-page-1 { margin-top: 140px; } .blog-heading-2 { font-size: 36px; } .blog-info-wrapper { flex-direction: column; align-items: flex-start; } .blog-info-wrapper.blog { align-items: center; } .dot-blog { display: none; } .tabs-menu-page-2 { padding-right: 20px; padding-left: 20px; flex-direction: column; justify-content: flex-start; align-items: center; } .blog-content { margin-top: 20px; margin-left: 0px; } .blog-heading-white { font-size: 48px; } .blog-wrapper-page-3 { padding-top: 120px; } .tabs-menu-right { display: flex; flex-wrap: wrap; border-radius: 10px; } .tab-links-page-3 { margin-bottom: 10px; } .collection-list-blog-3 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .template-hero-image { height: 300px; } .blog-top-info { height: auto; padding-right: 20px; padding-left: 20px; } .blog-hero-heading { font-size: 36px; } .blog-description-template { font-size: 18px; } .blog-date { font-size: 18px; } .read-time { font-size: 18px; } .blog-dot.hide { display: none; } .share-icons-wrapper { width: 100%; } .blog-rich-text blockquote { margin-left: 0px; } .author-description { font-size: 18px; } .similar-blogs-wrapper { margin-bottom: 100px; } .project-heading-64px { font-size: 48px; } .project-tab-links { display: flex; margin-right: 0px; justify-content: center; } .tabs-menu { display: block; flex-direction: column; } .project-image-wrap { height: 300px; } .project-name-bold { font-size: 20px; } .project-name-regular { font-size: 20px; } .project-description { font-size: 16px; } .project-description._22px { font-size: 18px; } .project-rich-text blockquote { margin-left: 10px; font-size: 20px; } .project-rich-text ul { margin-left: 0px; } .project-rich-text li { font-size: 16px; } .more-projects-wrapper.projects { margin-bottom: 60px; } .shop-heading { margin-top: 19px; margin-bottom: 40px; font-size: 30px; } .product-wrap { width: 280px; } .product-info-text { padding-left: 10px; } .product-price { font-size: 24px; } .product-hero-wrapper { margin-bottom: 140px; } .collection-item-7 { height: 250px; } .main-image-link { height: 250px; } .contact-links { flex-direction: column; align-items: flex-start; } .contact-icon { width: 100%; max-width: 36px; } .project-name-home { font-size: 20px; } .utility-page-wrap.password { padding-top: 0px; } .utility-page-content.password { width: auto; } .utility-page-form { width: 90%; max-width: 300px; margin-right: auto; margin-left: auto; } .blog-search { width: 100%; } .social-media-wrapper { width: 100%; } .subscribe-wrap { width: 100%; } .testimonial-slide-wrap { width: 100%; } .testimonial-big-text.left { font-size: 20px; } .testimonial-bottom-wrap { justify-content: center; align-items: flex-start; } .testimonial-position-20px.white { font-size: 14px; } .testimonial-arrow { left: auto; top: auto; right: 30%; bottom: -23%; } .testimonial-arrow.left { left: 31%; top: auto; right: auto; bottom: -23%; } .circle-background.left-home { top: -11%; } .circle-background.left { top: -19%; height: auto; } .circle-background.left.projects { top: -9%; } .circle-background.left.project-details { top: -26%; } .circle-background.left.reviews { top: -5%; } .circle-background.left.reviews-2 { top: -4%; } .circle-background.left.blog-page-1 { left: -57%; top: -23%; } .circle-background.left.blog-2 { top: -13%; } .circle-background.left.shop { left: -65%; top: -11%; height: auto; } .circle-background.right { top: -1%; } .circle-background.right.projects { top: 2%; } .circle-background.right.reviews { top: 3%; right: -59%; } .circle-background.right.reviews-2 { top: 18%; } .circle-background.right.about-right { top: 4%; } .circle-background.right.blog-page-1 { top: -1%; right: -75%; } .circle-background.right.blog-2 { top: 2%; } .circle-background.right.shop { top: -3%; height: auto; } .circle-background.review { top: 10%; } .circle-background.course { top: -2%; right: -50%; } .circle-background.course-left { top: -9%; } .circle-background.about-1 { top: -27%; } .circle-background.left-course { left: -46%; top: -15%; } .circle-background.course-right { top: 3%; } .circle-background.blog-3-left { top: -22%; } .circle-background.blog-3-right { top: 26%; } .project-heading-40px { font-size: 26px; } .testimonial-wrapper.white { padding-top: 140px; padding-bottom: 140px; } .testimonial-haeding-48px { font-size: 36px; text-align: center; } .testimonial-text-32px { font-size: 22px; } .testimonial-names { font-size: 18px; } .main-testimonial-image { left: 61px; } .testimonial-black-image { max-width: 300px; } .create-line-2 { bottom: -7%; } .project-slider-wrap { margin-top: 60px; } .mask { max-width: 290px; } .project-slide { max-width: 290px; margin-right: 20px; } .project-slide-wrap { max-width: 290px; } .slider-image-contain { height: 280px; } .project-slide-image { width: 70%; } .slider-arrow { left: 0%; top: -12%; right: auto; bottom: auto; } .slider-arrow.right { left: 30%; top: -12%; right: auto; bottom: auto; } .goal-headings-wrap { margin-left: 24px; } .goal-paragraph { font-size: 16px; } .testimonial-slide-wrapper { padding-bottom: 100px; } .left-arrow-testimonial { left: 0%; top: auto; right: auto; bottom: 0%; } .right-arrow-testimonial { left: 10%; top: auto; right: auto; bottom: 0%; width: 50px; } .testimonial-light-box { width: 100%; } .course-text-24px { font-size: 20px; } .course-name { font-size: 26px; } .course-top-left { text-align: center; } .course-top-right { flex-direction: column; align-items: flex-start; } .course-name-heading { font-size: 36px; } .trailer-button.courses { width: 100%; } .button-text-white { font-size: 18px; } .trailer-link { width: 100%; } .special-offer-text { margin-right: 0px; } .price-contain { flex-direction: column; align-items: center; } .price-text-gradient { margin-top: 10px; margin-right: 0px; margin-bottom: 4px; } .course-details-wrap.related { margin-top: 120px; } .design-resources-wrapper.blue { padding-top: 60px; padding-bottom: 60px; } .design-resources-wrapper.center { padding-top: 0px; } .tabs-menu-dr { max-width: none; margin-right: auto; margin-left: 0px; flex-direction: column; align-items: stretch; } .dr-tab-link { display: flex; margin-right: 0px; margin-bottom: 16px; justify-content: center; align-items: center; } .dr-tab-link-rectangle { display: flex; margin-right: 0px; margin-bottom: 19px; justify-content: center; align-items: center; } .past-work-wrapper { padding-top: 140px; } .pw-heading-wrap { width: 100%; } .testimonial-right-arrow { left: 15%; } .dr-blog-contain { flex-direction: column; } .blog-category { margin-bottom: 20px; } .blog-heading-60px { font-size: 28px; } .blog-link-paragraph { font-size: 18px; } .testimonial-top-wrap { width: 90%; } ._404-image { width: 90%; } ._404-heading { font-size: 80px; font-style: normal; text-align: center; } ._404-text { font-size: 30px; } .form-block { max-width: 100%; margin-bottom: 0px; } .colors-grid { grid-column-gap: 20px; grid-row-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } ._22-px { font-size: 18px; } .columns-contain { width: 100%; } .navigation-drop-container.home { padding: 0px; } .dropdown-links.navbar { padding: 20px; } .dropdown-lists.w--open { left: -10%; } .collection-item-project { padding-right: 0px; padding-left: 0px; } .work-with-contain-2 { padding-right: 10px; padding-left: 10px; } .overview-image-wrapper { padding-right: 20px; padding-left: 20px; } .overview-headings { text-align: center; } .overview-image-text { height: 80px; padding-left: 0px; } .hero-testimonial-wrapper { font-size: 18px; } ._100px-links { margin-right: 60px; } .cta-big-texts { margin-top: 10px; font-size: 24px; } .white-banner-heading { font-size: 40px; } .blog-mask { max-width: 280px; } .right-arrow { left: auto; top: auto; right: 25%; bottom: -15%; width: auto; } .left-arrow { left: 25%; top: auto; right: auto; bottom: -15%; width: auto; } .arrow-blog { box-shadow: 0 24px 80px 0 rgba(13, 14, 16, 0.12); } .blog-tab-link-page-2 { width: 100%; margin-right: 0px; text-align: center; } .italic-text { font-size: 15px; } .read-time-copy { font-size: 18px; } .sub-service-hero-section { padding-right: 10px; padding-bottom: 60px; padding-left: 10px; } .sub-service-main-heading { font-size: 30px; } .sub-service-tri-section { padding-right: 10px; padding-bottom: 45px; padding-left: 10px; } .sub-service-sub-head { font-size: 18px; } .heading-4 { font-size: 26px; } .sub-service-big-point-section { padding-top: 45px; padding-right: 10px; padding-left: 10px; } .heading-5 { font-size: 26px; } .image-11 { width: 30px; } .big-point { font-size: 18px; } .what-youll-get-section { margin-bottom: 45px; padding-right: 10px; padding-left: 10px; } .heading-6 { font-size: 26px; } .number-wrap { width: 40px; height: 40px; } .text-block-13 { margin-top: 0px; font-size: 18px; } .get-bullet-text { margin-top: 0px; font-size: 18px; } .what-you-ll-get-sub-heading { width: 70%; font-size: 18px; line-height: 24px; } .seo-rich-text h3 { margin-bottom: 10px; font-size: 20px; } .seo-rich-text p { margin-bottom: 20px; font-size: 16px; } } #w-node-e458c844-bd91-e6fe-f287-d2f2d73938b8-74b8d30b { -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-_98379881-eea4-5f20-e8c1-aa37cacfd9bc-aeb8d31f { -ms-grid-column-align: center; justify-self: center; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb01b-5e1b0b1f { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb021-5e1b0b1f { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb027-5e1b0b1f { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb02d-5e1b0b1f { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb033-5e1b0b1f { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb039-5e1b0b1f { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb03f-5e1b0b1f { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb045-5e1b0b1f { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb049-5e1b0b1f { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_9d1ec43c-b9b9-fbe4-24e7-12e666adb0aa-5e1b0b1f { -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-_9d1ec43c-b9b9-fbe4-24e7-12e666adb0cb-5e1b0b1f { -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-_8c94704d-34a7-3082-a9b8-e1058280b5d1-5e1b0b1f { -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-_8c94704d-34a7-3082-a9b8-e1058280b5e2-5e1b0b1f { -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-_8c94704d-34a7-3082-a9b8-e1058280b5f3-5e1b0b1f { -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-c4c19cd2-b980-015a-3866-1c604579929d-5e1b0b1f { -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-c4c19cd2-b980-015a-3866-1c60457992ac-5e1b0b1f { -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-c4c19cd2-b980-015a-3866-1c60457992bb-5e1b0b1f { -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-c4c19cd2-b980-015a-3866-1c60457992ca-5e1b0b1f { -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-de7a3cbb-a271-03eb-b75b-2c120eb35baf-fbf90700 { -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-de7a3cbb-a271-03eb-b75b-2c120eb35bbe-fbf90700 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-de7a3cbb-a271-03eb-b75b-2c120eb35bcd-fbf90700 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-de7a3cbb-a271-03eb-b75b-2c120eb35bdc-fbf90700 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-de7a3cbb-a271-03eb-b75b-2c120eb35beb-fbf90700 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_1d6c5838-e08e-40a3-a392-e4f054fabd24-538e12ab { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } @media screen and (max-width: 991px) { #w-node-de7a3cbb-a271-03eb-b75b-2c120eb35bbe-fbf90700 { -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-de7a3cbb-a271-03eb-b75b-2c120eb35bcd-fbf90700 { -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-de7a3cbb-a271-03eb-b75b-2c120eb35bdc-fbf90700 { -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-de7a3cbb-a271-03eb-b75b-2c120eb35beb-fbf90700 { -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; } } @font-face { font-family: 'Plusjakartasans'; src: url('https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9232bb8d286_PlusJakartaSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: auto; } @font-face { font-family: 'Plusjakartasans'; src: url('https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9a54bb8d289_PlusJakartaSans-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: auto; } @font-face { font-family: 'Plusjakartasans'; src: url('https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a98047b8d287_PlusJakartaSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: auto; } @font-face { font-family: 'Plusjakartasans'; src: url('https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9ffe9b8d288_PlusJakartaSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Plusjakartasans'; src: url('https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a95ca5b8d28c_PlusJakartaSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: auto; } @font-face { font-family: 'Plusjakartasans'; src: url('https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a91ab5b8d28b_PlusJakartaSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: auto; } @font-face { font-family: 'FA Regular'; src: url('https://assets.website-files.com/622e57803566a993c0b8d24e/625decf340afc851c53cb137_fa-regular-400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Satoshi'; src: url('https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a9467fb8d291_Satoshi-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: auto; } @font-face { font-family: 'Satoshi'; src: url('https://assets.website-files.com/622e57803566a993c0b8d24e/622e57813566a91561b8d290_Satoshi-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: auto; }