/*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss ***! \***************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss (1) ***! \*******************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap); /*!***********************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/magnific-popup.css ***! \***********************************************************************************************************************************************************************************************/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /*!**************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/swiper-bundle.min.css ***! \**************************************************************************************************************************************************************************************************/ /** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden} /*!*************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/owl.carousel.min.css ***! \*************************************************************************************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*!******************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/owl.theme.default.min.css ***! \******************************************************************************************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss (2) ***! \*******************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* Theme Name: Web biz lift Theme URI: http://Devethic.com Author: Team Glide Author URI: http://Devethic.com/team Description: WordPress theme by Glide Design Version: 1.0 */ /* ------------------------------------------------------------------ >>> TABLE OF CONTENTS: <<< -------------------------------------------------------------------- > Variables >> Colors >> Columns > Mixins > Fonts > Defaults >> Normalize >> Forms Defaults >> Clearings > Typography >> Headings >> Copy > Elements >> Lists >> Quotes >> Tables >> Images >> Links > Forms >> Buttons >> Fields >> Form Elements > Media >> Captions >> Galleries > WordPress Core >> Accessibility >> Alignments >> Posts & Pages >> Pagination >> Comments >> Widgets > Site >> Layout >>> Header >>> Footer >> Theme >> Blog >> Single >> Home Page >> About Us >> Contact Us >> Burgers Landing >> Single Burger >> Blocks > Responsive >> Regular Queries >> Extra Queries > Import Fonts > Vendors > Owl Carousel > Slick Nav ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Variables ------------------------------------------------------------------ */ :root { --topbar_height: 0; --de-base_unit: 0.125rem; --base_unit-half: math.div(var(--de-base_unit), 2); /*------------------------------------------------- >> Variables for Spaces -------------------------------------------------*/ --space_base_unit: var(--de-base_unit); /* ------- [ D-2 to M-2 ] - [ gl-s4 ] ------- */ --de-space_1_max: var(--space_base_unit) * 1; --de-space_1_min: var(--space_base_unit) * 1; --de-space_1: clamp(var(--de-space_1_min), 0.125rem + 0vw, var(--de-space_1_max)); /* ------- [ D-4 to M-4 ] - [ gl-s12 ] ------- */ --de-space_2_max: var(--space_base_unit) * 2; --de-space_2_min: var(--space_base_unit) * 2; --de-space_2: clamp(var(--de-space_2_min), 0.25rem + 0vw, var(--de-space_2_max)); /* ------- [ D-8 to M-6 ] - [ gl-s44 ] ------- */ --de-space_3_max: var(--space_base_unit) * 4; --de-space_3_min: var(--space_base_unit) * 3; --de-space_3: clamp(var(--de-space_3_min), 0.03790613718411551rem + 0.7220216606498195vw, var(--de-space_3_max)); /* ------- [ D-12 to M-10 ] - [ gl-s96 ] ------- */ --de-space_4_max: var(--space_base_unit) * 6; --de-space_4_min: var(--space_base_unit) * 5; --de-space_4: clamp(var(--de-space_4_min), 0.2879061371841155rem + 0.7220216606498195vw, var(--de-space_4_max)); /* ------- [ D-16 to M-12 ] - [ gl-s240 ] ------- */ --de-space_5_max: var(--space_base_unit) * 8; --de-space_5_min: var(--space_base_unit) * 6; --de-space_5: clamp(var(--de-space_5_min), 0.07581227436823101rem + 1.444043321299639vw, var(--de-space_5_max)); /* ------- [ D-20 to M-16 ] - [ gl-s20 ] ------- */ --de-space_6_max: var(--space_base_unit) * 10; --de-space_6_min: var(--space_base_unit) * 8; --de-space_6: clamp(var(--de-space_6_min), 0.325812274368231rem + 1.444043321299639vw, var(--de-space_6_max)); /* ------- [ D-36 to M-22 ] - [ gl-s36 ] ------- */ --de-space_7_max: var(--space_base_unit) * 18; --de-space_7_min: var(--space_base_unit) * 11; --de-space_7: clamp(var(--de-space_7_min), -0.9846570397111916rem + 5.054151624548737vw, var(--de-space_7_max)); /* ------- [ D-44 to M-28 ] - [ gl-s44 ] ------- */ --de-space_8_max: var(--space_base_unit) * 22; --de-space_8_min: var(--space_base_unit) * 14; --de-space_8: clamp(var(--de-space_8_min), -0.9467509025270759rem + 5.776173285198556vw, var(--de-space_8_max)); /* ------- [ D-48 to M-36 ] - [ gl-s48 ] ------- */ --de-space_9_max: var(--space_base_unit) * 24; --de-space_9_min: var(--space_base_unit) * 18; --de-space_9: clamp(var(--de-space_9_min), 0.22743682310469282rem + 4.332129963898917vw, var(--de-space_9_max)); /* ------- [ D-60 to M-42 ] - [ gl-s60 ] ------- */ --de-space_10_max: var(--space_base_unit) * 30; --de-space_10_min: var(--space_base_unit) * 21; --de-space_10: clamp(var(--de-space_10_min), -0.40884476534296077rem + 6.498194945848376vw, var(--de-space_10_max)); /* ------- [ D-72 to M-48 ] - [ gl-s72 ] ------- */ --de-space_11_max: var(--space_base_unit) * 36; --de-space_11_min: var(--space_base_unit) * 24; --de-space_11: clamp(var(--de-space_11_min), -1.0451263537906144rem + 8.664259927797834vw, var(--de-space_11_max)); /* ------- [ D-96 to M-54 ] - [ gl-s96 ] ------- */ --de-space_12_max: var(--space_base_unit) * 48; --de-space_12_min: var(--space_base_unit) * 27; --de-space_12: clamp(var(--de-space_12_min), -3.703971119133575rem + 15.162454873646212vw, var(--de-space_12_max)); /* ------- [ D-120 to M-60 ] - [ gl-s120 ] ------- */ --de-space_13_max: var(--space_base_unit) * 60; --de-space_13_min: var(--space_base_unit) * 30; --de-space_13: clamp(var(--de-space_13_min), -6.362815884476534rem + 21.660649819494584vw, var(--de-space_13_max)); /* ------- [ D-160 to M-72 ] - [ gl-s160 ] ------- */ --de-space_14_max: var(--space_base_unit) * 80; --de-space_14_min: var(--space_base_unit) * 36; --de-space_14: clamp(var(--de-space_14_min), -10.332129963898918rem + 31.768953068592058vw, var(--de-space_14_max)); /* ------- [ D-200 to M-84 ] - [ gl-s200 ] ------- */ --de-space_15_max: var(--space_base_unit) * 100; --de-space_15_min: var(--space_base_unit) * 42; --de-space_15: clamp(var(--de-space_15_min), -14.3014440433213rem + 41.87725631768953vw, var(--de-space_15_max)); /* ------- [ D-240 to M-96 ] - [ gl-s240 ] ------- */ --de-space_16_max: var(--space_base_unit) * 120; --de-space_16_min: var(--space_base_unit) * 48; --de-space_16: clamp(var(--de-space_16_min), -18.270758122743686rem + 51.98555956678701vw, var(--de-space_16_max)); /* ------- [ D-270 to M-120 ] - [ gl-s270 ] ------- */ --de-space_17_max: var(--space_base_unit) * 135; --de-space_17_min: var(--space_base_unit) * 60; --de-space_17: clamp(var(--de-space_17_min), -18.270758122743686rem + 51.98555956678701vw, var(--de-space_17_max)); /* ------------------------------------------------- >> Font Sizes ------------------------------------------------- */ --font_base_unit: var(--de-base_unit); /* ------- [ D-12 to M-11 ] - [ Text-14 ] ------- */ --de-font_size_1_max: var(--font_base_unit) * 6; --de-font_size_1_min: var(--font_base_unit) * 5.5; --de-font_size_1: clamp(var(--de-font_size_1_min), 0.599906191369606rem + 0.18761726078799248vw, var(--de-font_size_1_max)); /* ------- [ D-14 to M-13 ] - [ Text-14 ] ------- */ --de-font_size_2_max: var(--font_base_unit) * 7; --de-font_size_2_min: var(--font_base_unit) * 6.5; --de-font_size_2: clamp(var(--de-font_size_2_min), 0.724906191369606rem + 0.18761726078799248vw, var(--de-font_size_2_max)); /* ------- [ D-16 to M-15 ] - [ Text-14 ] ------- */ --de-font_size_3_max: var(--font_base_unit) * 8; --de-font_size_3_min: var(--font_base_unit) * 7.5; --de-font_size_3: clamp(var(--de-font_size_3_min), 0.849624060150376rem + 0.18796992481203006vw, var(--de-font_size_3_max)); /* ------- [ D-18 to M-17 ] - [ Text-14 ] ------- */ --de-font_size_4_max: var(--font_base_unit) * 9; --de-font_size_4_min: var(--font_base_unit) * 8; --de-font_size_4: clamp(1rem, 0.442vw + 0.793rem, 1.125rem); /* ------- [ D-20 to M-18 ] - [ Text-14 ] ------- */ --de-font_size_5_max: var(--font_base_unit) * 10; --de-font_size_5_min: var(--font_base_unit) * 9; --de-font_size_5: clamp(var(--de-font_size_5_min), 0.9492481203007519rem + 0.37593984962406013vw, var(--de-font_size_5_max)); /* ------- [ D-22 to M-20 ] - [ Text-14 ] ------- */ --de-font_size_6_max: var(--font_base_unit) * 11; --de-font_size_6_min: var(--font_base_unit) * 10; --de-font_size_6: clamp(var(--de-font_size_6_min), 1.074248120300752rem + 0.37593984962406013vw, var(--de-font_size_6_max)); /* ------- [ D-24 to M-20 ] - [ Text-14 ] ------- */ --de-font_size_7_max: var(--font_base_unit) * 12; --de-font_size_7_min: var(--font_base_unit) * 10; --de-font_size_7: clamp(var(--de-font_size_7_min), 0.575812274368231rem + 1.444043321299639vw, var(--de-font_size_7_max)); /* ------- [ D-26 to M-22 ] - [ Text-14 ] ------- */ --de-font_size_8_max: var(--font_base_unit) * 13; --de-font_size_8_min: var(--font_base_unit) * 11; --de-font_size_8: clamp(1.25rem, 1.327vw + 0.629rem, 1.625rem); /* ------- [ D-32 to M-24 ] - [ Text-14 ] ------- */ --de-font_size_9_max: var(--font_base_unit) * 16; --de-font_size_9_min: var(--font_base_unit) * 12; --de-font_size_9: clamp(1.375rem, 3.097vw + -0.073rem, 2.25rem); /* ------- [ D-40 to M-26 ] - [ Text-14 ] ------- */ --de-font_size_10_max: var(--font_base_unit) * 20; --de-font_size_10_min: var(--font_base_unit) * 13; --de-font_size_10: clamp(var(--de-font_size_10_min), -0.7346570397111916rem + 5.054151624548737vw, var(--de-font_size_10_max)); /* ------- [ D-48 to M-30 ] - [ Text-14 ] ------- */ --de-font_size_11_max: var(--font_base_unit) * 24; --de-font_size_11_min: var(--font_base_unit) * 18; --de-font_size_11: clamp(2.25rem, 1.77vw + 1.423rem, 2.75rem); /* ------- [ D-60 to M-45 ] - [ Text-14 ] ------- */ --de-font_size_12_max: var(--font_base_unit) * 30; --de-font_size_12_min: var(--font_base_unit) * 22.5; --de-font_size_12: clamp(2rem, 3.54vw + 0.345rem, 3rem); /* ------- [ D-68 to M-55 ] - [ Text-14 ] ------- */ --de-font_size_13_max: var(--font_base_unit) * 34; --de-font_size_13_min: var(--font_base_unit) * 27.5; --de-font_size_13: clamp(2.5rem, 4.425vw + 0.431rem, 3.75rem); /* ------------------------------------------------- >> Line Height ------------------------------------------------- */ --de-line_height_base_unit: 0.063rem; --line_height_xsmall: calc(var(--de-line_height_base_unit) * 1); --line_height_small: calc(var(--de-line_height_base_unit) * 1.1); --line_height_medium: calc(var(--de-line_height_base_unit) * 1.3); --line_height_large: calc(var(--de-line_height_base_unit) * 1.4); --line_height_xlarge: calc(var(--de-line_height_base_unit) * 1.5); /* ------------------------------------------------- >> Letter Spacing ------------------------------------------------- */ --de-letter_spacing_base_unit: 1rem; --letter_spacing_xsmall: calc(var(--de-letter_spacing_base_unit) * 0); --letter_spacing_small: calc(var(--de-letter_spacing_base_unit) * -0.5); --letter_spacing_medium: normal; --letter_spacing_large: calc(var(--de-letter_spacing_base_unit) * 1); --letter_spacing_xlarge: calc(var(--de-letter_spacing_base_unit) * 1.5); /* ------------------------------------------------- >> Border Radius ------------------------------------------------- */ --border_radius_small: calc(var(--de-base_unit) * 1); --border_radius_medium: calc(var(--de-base_unit) * 2); --border_radius_large: calc(var(--de-base_unit) * 2); /* ------------------------------------------------- >> Color variables ------------------------------------------------- */ /* >> Base Colors */ --de-color_primary: #10151f; --de-color_on_primary: #ffffff; --de-color_secondary: #FF6B2C; --de-black: #10151f; --de-black_1: #0a0e16; --de-black_2: #10131f; --de-white: #ffffff; --de-white_1: rgba(255, 255, 255, .2); --de-light_text: #dee2e6; --de-gray: #666; --de-light-gray: rgba(102, 102, 102, .7); --de-orange: #FF8126; --de-orange_1: rgba(255, 129, 38, .4); --de-transparent: transparent; --de-red: #ff1616; --de-regular_text: #10151f; --de-dark_text: #10151f; --de-white_text: #ffffff; --de-success: #4a8a40; --de-info: #0dcaf0; --de-warning: #ebb933; --de-danger: #ff1616; --de-light: #f8f9fa; --de-dark: #000000; --de-signal: #ffffff; --de-signal_bg: #fbede9; --de-color_background: #ffffff; --de-color_on_background: #FF8126; --de-border: rgba(255, 255, 255, 0.3); --de-border_1: #ffffff; --de-border_2: #202020; --de-border_3: #FF6B2C; --de-border_4: #4a8a40; --de-border_5: #666666; --de-border_6: rgba(255, 140, 7, .3); /* ------------------------------------------------- >> Base Colors >> Base colors are used for essential elements such as the logo, tables, links, blockquote, default buttons styling and this should't conflict with theme colors ------------------------------------------------- */ --de-body_color: var(--de-color_on_background); --de-body_bg: var(--de-color_background); --de-text_strong: var(--de-black); --de-dark_text: var(--de-black); --de-white_text: var(--de-white); --de-highlight_color: var(--de-regular_text); --de-highlight_bg: var(--de-white); --de-caption: var(--de-black_2); --de-heading_color: var(--de-dark_text); --de-heading_link_color: var(--de-dark_text); --de-heading_link_color_hover: var(--de-dark_text); --de-link_color: var(--de-color_secondary); --de-link_color_hover: var(--de-color_secondary); --de-link_border_color: var(--de-color_secondary); --de-link_border_color_hover: transparent; --de-list_ul_marker_color: var(--de-color_secondary); --de-list_ol_marker_color: var(--de-color_secondary); --de-blockquote_color: var(--de-white); --de-blockquote_border_color: var(--de-white); --de-quote_color: var(--de-white); --de-blockqoute_cite_color: var(--de-light_text); --de-table_border_color: var(--de-border); --de-table_head_border_color: var(--de-dark_text); --de-table_foot_border_color: var(--de-dark_text); --de-strong_color: var(--de-white); --de-underline_border_color: var(--de-regular_text); --de-abbr_border_color: var(--de-regular_text); --de-delete_color: var(--de-danger); --de-insert_color: var(--de-success); --de-insert_border_color: var(--de-success); --de-code_color: var(--de-white_text); --de-code_bgcolor: var(--de-dark_text); --de-pre_color: var(--de-white_text); --de-pre_bgcolor: var(--de-dark_text); --de-mark_bgcolor: var(--de-dark_text); --de-mark_color: var(--de-white_text); --de-hr_color: var(--de-border_2); --de-input_color: var(--de-regular_text); --de-input_bg: var(--de-white); --de-input_border_color: var(--de-border); --de-input_focus_color: var(--de-black); --de-input_focus_bgcolor: var(--de-white); --de-input_focus_border_color: var(--de-border_5); --de-disabled_input_bgcolor: var(--de-field_bg); --de-disabled_input_border_color: var(--de-border_1); --de-placeholder_color: var(--de-light-gray); --de-range_track_bgcolor: var(--de-field_bg); --de-range_thumb_bgcolor: var(--de-color_primary); --de-color_field_border_color: var(--de-border); --de-color_field_bgcolor: var(--de-field_bg); --de-radio_color: var(--de-regular_text); --de-radio_border_color: var(--de-border); --de-radio_bgcolor: var(--de-field_bg); --de-radio_after_bgcolor: var(--de-color_primary); --de-checkbox_color: var(--de-regular_text); --de-checkbox_border_color: var(--de-border); --de-checkbox_bgcolor: var(--de-field_bg); --de-checkbox_after_bgcolor: var(--de-color_primary); --de-progress_bgcolor: var(--de-field_bg); --de-progress_value_bgcolor: var(--de-color_primary); --de-meter_bgcolor: var(--de-field_bg); --de-meter_value_bgcolor: var(--de-color_primary); --de-button_color: var(--de-white_text); --de-button_bgcolor: var(--de-color_secondary); --de-button_color_hover: var(--de-white_text); --de-button_bgcolor_hover: var(--de-orange); --de-button_border_color: var(--de-color_secondary); --de-button_border_color_hover: var(--de-border); --de-reset_button_bgcolor: var(--de-button_bgcolor); --de-reset_button_color: var(--de-white_text); --de-theme_btn_color: var(--de-button_color); --de-theme_btn_bgcolor: var(--de-button_bgcolor); --de-theme_btn_color_hover: var(--de-button_color_hover); --de-theme_btn_bgcolor_hover: var(--de-button_bgcolor_hover); --de-theme_btn_border_color: var(--de-button_border_color); --de-theme_btn_border_color_hover: var(--de-button_border_color_hover); --de-datepicker_bg_color: var(--de-gray); --de-datepicker_select_bgcolor: var(--de-white); --de-datepicker_link_color: var(--de-color_secondary); --de-datepicker_link_active_color: var(--de-color_primary); --de-datepicker_calendar: var(--de-white_text); --de-datepicker_th_bgcolor: var(--de-border_1); --de-datepicker_even_tr_td_bgcolor: var(--de-border_1); --de-datepicker_border_color: var(--de-border_1); --de-datepicker_date_color: var(--de-dark_text); --de-valiation_error_bg_color: var(--de-danger_bg); --de-valiation_message_color: var(--de-danger); --de-error_field_border_color: var(--de-danger); --de-valiation_error_color: var(--de-danger); --de-confirmation_message_bgcolor: var(--de-success_bg); --de-confirmation_message_color: var(--de-dark_text); --de-confirmation_message_border_color: var(--de-danger); --de-required_text_color: var(--de-danger); --de-invalid_error_border_color: var(--de-danger); --de-hubspot_error_label_color: var(--de-danger); --de-hubspot_required_color: var(--de-danger); --de-fileupload_rule_color: var(--de-light_text); --de-error_menu_color: var(--de-dark_text); --de-acc_btn_color: var(--de-white_text); --de-acc_btn_bgcolor: var(--de-button_bg); --de-acc_btn_shadow: var(--de-danger); --de-comments_reply_btn_bgcolor: var(--de-button_bg); --de-comments_reply_btn_color: var(--de-white_text); --de-comments_reply_btn_bgcolor_hover: var(--de-button_bg_hover); --de-comments_reply_btn_color_hover: var(--de-white_text); --de-comment_meta_color: var(--de-dark_text); --de-comment_metadata_color: var(--de-light_text); --de-comments_list_border_color: var(--de-border); --de-widget_comments_meta_color: var(--de-light_text); --de-pagination_bgcolor: var(--de-blue_1); --de-pagination_color: var(--de-white); --de-pagination_color_hover: var(--de-white); --de-pagination_bgcolor_hover: var(--de-border_1); --de-pagination_bgcolor_current: var(--de-border_1); --de-pagination_color_current: var(--de-white); --de-pagination_first_bgcolor: var(--de-border_1); --de-pagination_first_color: var(--de-dark_text); --de-pagination_border: var(--de-transparent); --de-widget_latest_post_meta_color: var(--de-danger); --de-widget_rss_feed_meta_color: var(--de-danger); --de-widget_search_button_color: var(--de-pure_black); --de-wp_table_block_stripe_bg_color: var(--de-gray); --de-breadcrumb_color: var(--de-pure_black); --de-breadcrumb_link_color: var(--de-pure_black); --de-breadcrumb_border_color: transparent; --de-breadcrumb_border_color_hover: var(--de-pure_black); --de-breadcrumb_span_color: var(--de-pure_black); --de-header_bgcolor: var(--de-color_primary); --de-header_color: var(--de-white_text); --de-header_color_hover: var(--de-black); --de-header_bgcolor_sticky: var(--de-white); --de-header_nav_border_color: var(--de-border_1); --de-header_submenu_bgcolor: var(--de-white); --de-header_submenu_color: var(--de-black); --de-header_submenu_color_hover: var(--de-header_color_hover); --de-header_mobile_color: var(--de-dark_text); --de-header_mobile_submenu_color: var(--de-dark_text); --de-nav_overlay_bgcolor: var(--de-white); --de-mobile_nav_icon_bgcolor: var(--de-border_1); --de-abbr_border: var(--de-dark_text); --de-topbar_bgcolor: var(--de-color_primary); --de-topbar_color: var(--de-white); --de-topbar_link_color: var(--de-white); --de-footer_bgcolor: var(--de-dark_text); --de-footer_color: var(--de-white_text); --de-footer_color_hover: var(--de-white_text); --de-f_nav_color: var(--de-footer_color); --de-f_nav_color_hover: var(--de-footer_color_hover); --de-f_nav_border_color: var(--de-footer_color); --de-f_nav_border_color_hover: var(--de-footer_color_hover); --de-copyright_color: var(--de-white_text); --de-legal_nav_color: var(--de-white_text); --de-legal_nav_border_color: var(--de-white_text); --de-legal_nav_border_color_hover: var(--de-white_text); --de-legal_text_color: var(--de-white_text); --de-ctn_red: var(--de-red); --de-ctn_black: var(--de-black); --de-ctn_sea_green: var(--de-sea_green); --de-style_bg: #821212; --de-style_text: #000000; --de-style_link: #000000; --de-style_button: #00a4eb; } /* ------------------------------------------------------------------ > Mixins ------------------------------------------------------------------ */ /* Rem output with px fallback */ /* Rem output with px fallback with !important */ /* Column width with margin */ /* Column width with margin */ /* Mixin for transition */ /* ------------------------------------------------------------------ > Fonts ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Defaults ------------------------------------------------------------------ */ /*------------------------------------------------- >> Normalize styles -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline: 0; vertical-align: baseline; } *, *::before, *::after { box-sizing: inherit; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); scroll-padding: 120px; scroll-behavior: smooth; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a { background-color: transparent; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } img { border-style: none; } summary { display: list-item; } template, [hidden] { display: none; } /*------------------------------------------------- >> Clearing styles -------------------------------------------------*/ .clear { content: ""; display: table; table-layout: fixed; clear: both; } .clear::before, .clear::after { clear: both; } /* ------------------------------------------------------------------ > Typography ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for headings -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ a h1, a .heading-1, a h2, a .heading-2, a h3, a .heading-3, a h4, a .heading-4, a h5, a .heading-5, a h6, a .heading-6, a p, a li, a:visited h1, a:visited .heading-1, a:visited h2, a:visited .heading-2, a:visited h3, a:visited .heading-3, a:visited h4, a:visited .heading-4, a:visited h5, a:visited .heading-5, a:visited h6, a:visited .heading-6, a:visited p, a:visited li { --de-heading_link_color: var(--de-white); color: var(--de-heading_link_color); } a h1:hover, a .heading-1:hover, a h2:hover, a .heading-2:hover, a h3:hover, a .heading-3:hover, a h4:hover, a .heading-4:hover, a h5:hover, a .heading-5:hover, a h6:hover, a .heading-6:hover, a p:hover, a li:hover, a:visited h1:hover, a:visited .heading-1:hover, a:visited h2:hover, a:visited .heading-2:hover, a:visited h3:hover, a:visited .heading-3:hover, a:visited h4:hover, a:visited .heading-4:hover, a:visited h5:hover, a:visited .heading-5:hover, a:visited h6:hover, a:visited .heading-6:hover, a:visited p:hover, a:visited li:hover { --de-heading_link_color: var(--de-white); color: var(--de-heading_link_color_hover); } h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6 { font-family: "Poppins", sans-serif; font-weight: 700; margin: 0 0 20px; line-height: 1.3; text-transform: initial; letter-spacing: 0.5px; } h1.big-heading, .heading-1.big-heading, h2.big-heading, .heading-2.big-heading, h3.big-heading, .heading-3.big-heading, h4.big-heading, .heading-4.big-heading, h5.big-heading, .heading-5.big-heading, h6.big-heading, .heading-6.big-heading { margin-bottom: clamp(-3.125rem, -4.867vw + 0.525rem, -1.75rem); } h1.big-heading.text-80, .heading-1.big-heading.text-80, h2.big-heading.text-80, .heading-2.big-heading.text-80, h3.big-heading.text-80, .heading-3.big-heading.text-80, h4.big-heading.text-80, .heading-4.big-heading.text-80, h5.big-heading.text-80, .heading-5.big-heading.text-80, h6.big-heading.text-80, .heading-6.big-heading.text-80 { margin-bottom: clamp(-2.25rem, -2.655vw - 0.259rem, -1.5rem); } h1 a, .heading-1 a, h2 a, .heading-2 a, h3 a, .heading-3 a, h4 a, .heading-4 a, h5 a, .heading-5 a, h6 a, .heading-6 a { color: var(--de-heading_link_color); border-bottom: none; } h1 a:hover, .heading-1 a:hover, h2 a:hover, .heading-2 a:hover, h3 a:hover, .heading-3 a:hover, h4 a:hover, .heading-4 a:hover, h5 a:hover, .heading-5 a:hover, h6 a:hover, .heading-6 a:hover { color: var(--de-heading_link_color_hover); } h1 mark, .heading-1 mark, h2 mark, .heading-2 mark, h3 mark, .heading-3 mark, h4 mark, .heading-4 mark, h5 mark, .heading-5 mark, h6 mark, .heading-6 mark { background-color: transparent; color: var(--de-color_secondary); padding: 0; } h1, .heading-1 { font-size: var(--de-font_size_13); } h2, .heading-2 { font-size: var(--de-font_size_12); } h3, .heading-3 { font-size: var(--de-font_size_9); } h4, .heading-4 { font-size: var(--de-font_size_8); } h5, .heading-5 { font-size: var(--de-font_size_6); } h6, .heading-6 { font-size: var(--de-font_size_5); } .big-heading { font-size: clamp(3.125rem, 13.274vw - 3.081rem, 6.875rem); color: var(--de-white_1); transition: color 0.5s ease-in-out; line-height: 1.1; } .big-heading.text-80 { font-size: clamp(3.125rem, 6.637vw + 0.022rem, 5rem); } /*------------------------------------------------- >> Styles for content tags -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ i, em, var, address, dfn { font-style: italic; } code, pre, kbd, tt, var, samp { font-family: monospace; } abbr, acronym { border-bottom: 1px dotted var(--de-abbr_border_color); text-decoration: none; cursor: help; } abbr[title] { text-decoration: none; } address { margin: 0 0 30px; } mark { background-color: var(--de-mark_bgcolor); color: var(--de-mark_color); padding: 0 7px 3px; } small { font-size: 80%; } big { font-size: 125%; } s, strike, del { text-decoration: line-through; } b, strong { font-weight: 700; color: var(--de-strong_color); transition: color 0.5s ease-in-out; } u { border-bottom: 1px solid var(--de-underline_border_color); text-decoration: none; } del { color: var(--de-delete_color); } ins { color: var(--de-insert_color); border-bottom: 1px solid var(--de-insert_border_color); text-decoration: none; } sub, sup { font-size: 70%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -4px; } sup { top: -8px; } code, pre, kbd, tt { max-width: 100%; overflow: auto; margin: 0 0 30px; } code, kbd, tt { color: var(--de-code_color); background-color: var(--de-code_bgcolor); padding: 3px 7px; } pre { color: var(--de-pre_color); background-color: var(--de-pre_bgcolor); padding: 20px 25px; overflow-x: scroll; } hr { background-color: var(--de-hr_color); border: 0; height: 1px; margin-bottom: 30px; } audio, video { margin-bottom: 30px; width: 100%; } /* ------------------------------------------------------------------ > Elements ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ body { font-family: "Roboto", sans-serif; font-weight: 400; position: relative; font-size: var(--de-font_size_3); --de-body_bg: var(--de-color_primary); --de-body_color: var(--de-white); --de-heading_color: var(--de-white); color: var(--de-body_color); background-color: var(--de-body_bg); line-height: 1.5; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; overflow-x: hidden; } body.white-color { --de-body_color: var(--de-regular_text); background-color: var(--de-white); --de-border: rgba(32, 32, 32, .3); --de-highlight_color: var(--de-white); --de-highlight_bg: var(--de-color_primary); --de-strong_color: var(--de-regular_text); } body.white-color .big-heading { color: var(--de-black_1); } body.white-color .arrow-link img { transition-duration: 0.5s; } body.white-color .tabs-select { border-bottom-color: var(--de-border_3); } body.white-color .tabs-select a:not(:hover, .current), body.white-color .tabs-select a:visited:not(:hover, .current) { color: var(--de-color_secondary); } body.white-color .count-number { background-color: var(--de-white); } body.white-color a h1, body.white-color a .heading-1, body.white-color a h2, body.white-color a .heading-2, body.white-color a h3, body.white-color a .heading-3, body.white-color a h4, body.white-color a .heading-4, body.white-color a h5, body.white-color a .heading-5, body.white-color a h6, body.white-color a .heading-6, body.white-color a p, body.white-color a li, body.white-color a:visited h1, body.white-color a:visited .heading-1, body.white-color a:visited h2, body.white-color a:visited .heading-2, body.white-color a:visited h3, body.white-color a:visited .heading-3, body.white-color a:visited h4, body.white-color a:visited .heading-4, body.white-color a:visited h5, body.white-color a:visited .heading-5, body.white-color a:visited h6, body.white-color a:visited .heading-6, body.white-color a:visited p, body.white-color a:visited li { transition: all 0.5s ease-in-out; --de-heading_link_color: var(--de-regular_text); color: var(--de-heading_link_color); } body.white-color a:hover h1, body.white-color a:hover h2, body.white-color a:hover h3, body.white-color a:hover h4, body.white-color a:hover h5, body.white-color a:hover h6, body.white-color a:hover p, body.white-color a:hover .service-number, body.white-color a:visited:hover h1, body.white-color a:visited:hover h2, body.white-color a:visited:hover h3, body.white-color a:visited:hover h4, body.white-color a:visited:hover h5, body.white-color a:visited:hover h6, body.white-color a:visited:hover p, body.white-color a:visited:hover .service-number { color: var(--de-white); } body.white-color a:hover .service-number, body.white-color a:hover .arrow-link, body.white-color a:visited:hover .service-number, body.white-color a:visited:hover .arrow-link { border-color: var(--de-border_1); } body.white-color a:hover .arrow-link img, body.white-color a:visited:hover .arrow-link img { filter: invert(0); } body.white-color .service a::before, body.white-color .service a:visited::before { background-color: var(--de-color_primary); } body.white-color .service a:hover .arrow-link img, body.white-color .service a:visited:hover .arrow-link img { transition-duration: 0.3s; } body.white-color .step-number { color: var(--de-white); } body.white-color .step-number::after { background-color: var(--de-white); } body.white-color input[type=text], body.white-color input[type=number], body.white-color input[type=email], body.white-color input[type=tel], body.white-color input[type=url], body.white-color input[type=search], body.white-color input[type=password], body.white-color input[type=time], body.white-color input[type=date], body.white-color input[type=datetime-local], body.white-color input[type=week], body.white-color input[type=month], body.white-color input[type=file], body.white-color input[type=range], body.white-color input[list], body.white-color input[type=string], body.white-color select, body.white-color textarea, body.white-color .gform-text-input-reset { --de-input_border_color: rgba(32, 32, 32, .3); --de-input_color: var(--de-regular_text); color: var(--de-input_color); } body.white-color input[type=text]:focus, body.white-color input[type=number]:focus, body.white-color input[type=email]:focus, body.white-color input[type=tel]:focus, body.white-color input[type=url]:focus, body.white-color input[type=search]:focus, body.white-color input[type=password]:focus, body.white-color input[type=time]:focus, body.white-color input[type=date]:focus, body.white-color input[type=datetime-local]:focus, body.white-color input[type=week]:focus, body.white-color input[type=month]:focus, body.white-color input[type=file]:focus, body.white-color input[type=range]:focus, body.white-color input[list]:focus, body.white-color input[type=string]:focus, body.white-color select:focus, body.white-color textarea:focus, body.white-color .gform-text-input-reset:focus { --de-input_focus_border_color: var(--de-border_2); } body.white-color ::input-placeholder { color: var(--de-light-gray); } body.white-color .service-number { color: var(--de-regular_text); } body.white-color .service-number, body.white-color .arrow-link { border-color: var(--de-border_2); } body.white-color .arrow-link img { filter: invert(1); } p { margin: 0 0 30px; } p:last-child { margin-bottom: 0; } ::-moz-selection { color: var(--de-highlight_color); background-color: var(--de-highlight_bg); } ::selection { color: var(--de-highlight_color); background-color: var(--de-highlight_bg); } .preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; z-index: 999; animation: opacityZero 0.1s linear 3.2s forwards; } .preloader::before, .preloader::after { content: ""; position: absolute; left: 0; width: 100%; height: 50vh; background-color: var(--de-white); animation: heightDecrease 0.8s linear 2.3s forwards; } .preloader::before { top: 0; } .preloader::after { bottom: 0; } .preloader .logo { position: relative; z-index: 1; opacity: 0; visibility: hidden; animation: opacityChange 0.8s linear 0.8s forwards; width: clamp(10rem, 17.699vw + 1.726rem, 15rem); } .logo-circle { z-index: 1; width: clamp(12.5rem, 30.075vw - 1.56rem, 22.5rem); height: clamp(12.5rem, 30.075vw - 1.56rem, 22.5rem); background-color: var(--de-color_primary); border-radius: 50%; display: flex; justify-content: center; align-items: center; transform: scale(0); animation: scaleUp 2s linear 0.3s forwards; } @keyframes opacityChange { 0% { opacity: 0; visibility: hidden; } 15% { opacity: 1; visibility: visible; } 75% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes opacityZero { 0% { visibility: visible; opacity: 1; } 100% { opacity: 0; visibility: hidden; } } @keyframes scaleUp { 0% { transform: scale(0); } 25% { transform: scale(1); } 75% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes heightDecrease { 0% { height: 50vh; } 100% { height: 0vh; } } /*------------------------------------------------- >> Styles for links -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ a { text-decoration: none; transition: all 0.3s ease-in-out; outline: none; position: relative; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section a, .page-section:visited { color: var(--de-link_color); border-bottom: 1px solid var(--de-link_border_color); display: inline-block; } .page-section a:hover, .page-section a:active, .page-section:visited:hover, .page-section:visited:active { color: var(--de-link_color_hover); border-color: var(--de-link_border_color_hover); } .post-image a, .post-image:visited, .post-title a, .post-title:visited { border-bottom: none; } /*------------------------------------------------- >> Styles for images and figures -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ img { height: auto; max-width: 100%; } a img { border: none; outline: none; margin-bottom: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ figure { margin: 0 0 30px; } figure figcaption { color: var(--de-caption); font-size: 90%; margin: 0 0 30px; } picture { margin: 0 0 30px; display: inline-block; } svg { margin: 0 0 30px; } .gallery .gallery-item a { border-bottom: none; } figure.wp-block-image.alignfull.size-thumbnail { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; } figure.wp-block-image.alignwide.size-thumbnail { margin: 0 -200px; max-width: 140%; } /*------------------------------------------------- >> Styles for lists -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ header ul, header ol, footer ul, footer ol { list-style: none; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ dl { margin: 0 0 30px; } dl dt { font-weight: 700; } dl dd { margin: 0 0 12px; } ul, ol { margin: 0 0 30px 20px; } ul li, ol li { margin: 0 0 12px; box-sizing: border-box; } ul ul, ol ol, ul ol, ol ul { margin: 12px 0 0 30px; } .page-section ul { list-style: none; margin-left: 0; } .page-section ul ul, .page-section ul ol { margin-left: 13px; } .page-section ul li { padding-left: 16px; position: relative; } .page-section ul li::before { content: ""; width: 6px; height: 6px; background-position: left top; position: absolute; background-color: var(--de-list_ul_marker_color); left: 0; top: 9px; border-radius: 50%; } .page-section ul ol { counter-reset: list1; } .page-section ul ol > li::before { counter-increment: list1; content: counters(list1, ".") "."; } .page-section ol { counter-reset: list; list-style-type: none; margin-left: 0; } .page-section ol ol, .page-section ol ul { margin-left: 13px; } .page-section ol > li { position: relative; padding-left: 24px; } .page-section ol > li::marker { display: none; } .page-section ol > li::before { color: var(--de-list_ol_marker_color); font-family: "Open Sans"; content: counters(list, ".") "."; counter-increment: list; left: 0; top: 0; position: absolute; background-color: transparent; } .page-section ol ol li { padding-left: 34px; } .page-section ol ol ol li { padding-left: 64px; } .page-section ol ol ol ol li { padding-left: 80px; } .page-section ol ul { counter-reset: unset; } .page-section ol ul li { padding-left: 20px; } .page-section ol ul li::before { content: ""; width: 6px; height: 6px; background-position: left top; position: absolute; background-color: var(--de-list_ul_marker_color); left: 0; top: 9px; } /*------------------------------------------------- >> Styles for quotes -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ blockquote, q { quotes: none; } blockquote { position: relative; color: var(--de-blockquote_color); border-left: 3px solid var(--de-blockquote_border_color); padding: 5px 0 5px 20px; margin: 0 0 30px; } blockquote p { margin-bottom: 15px; } blockquote p:last-child { margin-bottom: 0; } .wp-block-quote.has-text-align-right { border-left: none; border-right: 3px solid var(--de-blockquote_border_color); padding: 5px 20px 5px 0; } .wp-block-quote.has-text-align-right.is-style-plain { border-right: none; } .wp-block-quote.has-text-align-left.is-style-plain { border-left: none; padding: 0; } .wp-block-quote.has-text-align-center { border-left: none; padding: 20px 5px; } .wp-block-quote.is-style-plain { border-left: none; } .wp-block-quote.is-style-large { border-left: 0; } figure.wp-block-pullquote { border-top: 3px solid var(--de-blockquote_border_color); border-bottom: 3px solid var(--de-blockquote_border_color); padding-left: 10px; padding-right: 10px; } figure.wp-block-pullquote blockquote { border-left: none; margin-bottom: 0; padding: 10px; } figure.wp-block-pullquote.alignleft, figure.wp-block-pullquote.alignright { padding: 35px 10px; } q { quotes: "“" "”"; color: var(--de-quote_color); position: relative; } cite { display: block; margin-top: 15px; font-size: 80%; text-transform: uppercase; font-weight: 500; color: var(--de-blockqoute_cite_color); font-style: italic; position: relative; } cite::before { content: "- "; display: inline-block; top: -11px; } .testimonial blockquote { padding-left: 0; border-left: none; text-align: center; } .testimonial blockquote h2, .testimonial blockquote h3, .testimonial blockquote h4, .testimonial blockquote h5, .testimonial blockquote h6 { font-weight: 400; } .testimonial blockquote cite { font-style: normal; font-weight: 800; font-size: 20px; color: var(--de-color_secondary); font-family: "Roboto", sans-serif; } .testimonials-main { position: relative; padding: var(--de-space_12) var(--de-space_8) var(--de-space_10); background-color: var(--de-black_1); border-radius: 12px; } .testimonials-main::before { content: ""; position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; width: 80px; height: 80px; background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB0cmFuc2Zvcm09InJvdGF0ZSgxODApIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC44NTMzIDkuMTE1OTlDMTEuMzIyNyAxMy45NTIzIDcuMTM5MTMgMTkuNTgxMiA2LjMwMjU2IDI2LjAwMjlDNS4wMDAyMSAzNiAxMy45NDA0IDQwLjg5MzMgMTguNDcwMyAzNi40OTY3QzIzLjAwMDIgMzIuMTAwMiAyMC4yODQ4IDI2LjUxOTYgMTcuMDA0NyAyNC45OTQyQzEzLjcyNDYgMjMuNDY4NyAxMS43MTg3IDI0IDEyLjA2ODYgMjEuOTYxNkMxMi40MTg1IDE5LjkyMzEgMTcuMDg1MSAxNC4yNzEzIDIxLjE4NDkgMTEuNjM5MkMyMS40NTY5IDExLjQwNzkgMjEuNTYwNCAxMC45NTkxIDIxLjI5ODUgMTAuNjE4N0MyMS4xMjYyIDEwLjM5NDcgMjAuNzg4MyA5Ljk1NTU3IDIwLjI4NDggOS4zMDExNEMxOS44NDQ1IDguNzI4ODggMTkuNDIyNyA4Ljc1MDI5IDE4Ljg1MzMgOS4xMTU5OVoiIGZpbGw9IiNmZjZiMmMiLz4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC42Nzg5IDkuMTE1OTlDMzEuMTQ4NCAxMy45NTIzIDI2Ljk2NDggMTkuNTgxMiAyNi4xMjgyIDI2LjAwMjlDMjQuODI1OSAzNiAzMy43NjYxIDQwLjg5MzMgMzguMjk2IDM2LjQ5NjdDNDIuODI1OSAzMi4xMDAyIDQwLjExMDUgMjYuNTE5NiAzNi44MzA0IDI0Ljk5NDJDMzMuNTUwMyAyMy40Njg3IDMxLjU0NDMgMjQgMzEuODk0MyAyMS45NjE2QzMyLjI0NDIgMTkuOTIzMSAzNi45MTA4IDE0LjI3MTMgNDEuMDEwNiAxMS42MzkyQzQxLjI4MjYgMTEuNDA3OSA0MS4zODYxIDEwLjk1OTEgNDEuMTI0MSAxMC42MTg3QzQwLjk1MTkgMTAuMzk0NyA0MC42MTQgOS45NTU1NyA0MC4xMTA1IDkuMzAxMTRDMzkuNjcwMiA4LjcyODg4IDM5LjI0ODQgOC43NTAyOSAzOC42Nzg5IDkuMTE1OTlaIiBmaWxsPSIjZmY2YjJjIi8+IDwvZz4KDTwvc3ZnPg==); background-repeat: no-repeat; background-position: top center; background-size: 70px; z-index: 6; background-color: #10151f; border-radius: 50%; } .testimonials-main .owl-nav { width: 160px; margin: 0 auto; display: flex; justify-content: space-between; } .testimonials-main .owl-theme .owl-nav [class*=owl-] { width: 64px; height: 64px; border-radius: 50%; background-color: var(--de-color_secondary); margin: unset; background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSItNC41IDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSIjZmZmZmZmIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHRpdGxlPmFycm93X3JpZ2h0IFsjZmZmZmZdPC90aXRsZT4gPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+IDxkZWZzPiA8L2RlZnM+IDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiA8ZyBpZD0iRHJpYmJibGUtTGlnaHQtUHJldmlldyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwNS4wMDAwMDAsIC02Njc5LjAwMDAwMCkiIGZpbGw9IiNmZmYiPiA8ZyBpZD0iaWNvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2LjAwMDAwMCwgMTYwLjAwMDAwMCkiPiA8cGF0aCBkPSJNMjQ5LjM2NTg1MSw2NTM4LjcwNzY5IEwyNDkuMzY1ODUxLDY1MzguNzA3NjkgQzI0OS43NzA3NjQsNjUzOS4wOTc0NCAyNTAuNDI2Mjg5LDY1MzkuMDk3NDQgMjUwLjgzMDE2Niw2NTM4LjcwNzY5IEwyNTkuMzkzNDA3LDY1MzAuNDQ0MTMgQzI2MC4yMDIxOTgsNjUyOS42NjM2NCAyNjAuMjAyMTk4LDY1MjguMzk3NDcgMjU5LjM5MzQwNyw2NTI3LjYxNjk5IEwyNTAuNzY4MDMxLDY1MTkuMjkyNDYgQzI1MC4zNjcyNjEsNjUxOC45MDY3MSAyNDkuNzIwMDIxLDY1MTguOTAxNzIgMjQ5LjMxNDA3Miw2NTE5LjI4MjQ3IEwyNDkuMzE0MDcyLDY1MTkuMjgyNDcgQzI0OC44OTk4MzksNjUxOS42NzEyMSAyNDguODk0NjYxLDY1MjAuMzExNzkgMjQ5LjMwMjY4MSw2NTIwLjcwNjUzIEwyNTcuMTk2OTM0LDY1MjguMzIzNTIgQzI1Ny42MDE4NDcsNjUyOC43MTQyNiAyNTcuNjAxODQ3LDY1MjkuMzQ2ODUgMjU3LjE5NjkzNCw2NTI5LjczNzU5IEwyNDkuMzY1ODUxLDY1MzcuMjk0NjIgQzI0OC45NjA5MzgsNjUzNy42ODQzNyAyNDguOTYwOTM4LDY1MzguMzE3OTUgMjQ5LjM2NTg1MSw2NTM4LjcwNzY5IiBpZD0iYXJyb3dfcmlnaHQtWyNmZmZmZl0iPiA8L3BhdGg+IDwvZz4gPC9nPiA8L2c+IDwvZz4KDTwvc3ZnPg==); background-repeat: no-repeat; background-size: 28px; } .testimonials-main .owl-theme .owl-nav [class*=owl-].owl-prev { transform: rotate(180deg); background-position: left 20px center; } .testimonials-main .owl-theme .owl-nav [class*=owl-].owl-next { background-position: right 16px center; } .testimonials-main .owl-theme .owl-nav [class*=owl-] span { display: none; } .testimonials-main .owl-theme .owl-nav [class*=owl-]:hover { background-color: var(--de-theme_btn_bgcolor_hover); } /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin: 0 0 30px; width: 100%; table-layout: fixed; text-align: left; box-sizing: border-box; } table p:last-child { margin-bottom: 0; } table caption { color: var(--de-caption_color); font-size: 90%; margin: 0 0 20px; } tr, tbody tr { border-bottom: 1px solid var(--de-table_border_color); } tr:last-child, tbody tr:last-child { border-bottom: none; } td, th { padding: 10px 15px; vertical-align: middle; } thead tr { border: none; } thead tr:last-child { border-bottom: 3px solid var(--de-table_head_border_color); } thead th { font-weight: 700; } tfoot tr { border: none; } tfoot tr:first-child { border-top: 3px solid var(--de-table_foot_border_color); } tfoot td { font-weight: 700; } .wp-block-table tbody td { border: 2px solid var(--de-table_border_color); } .wp-block-table.is-style-stripes tbody tr, .wp-block-table.is-style-stripes tbody td { border: none; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--de-wp_table_block_stripe_bg_color); } .wp-block-table.is-style-stripes tfoot tr { border-top: 3px solid var(--de-table_head_border_color); } .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: transparent; } .wp-block-table table.has-background tbody td, .wp-block-table table.has-background tbody tr { border: none; } .wp-block-table table.has-background tfoot tr { border-top: 3px solid var(--de-table_head_border_color); } /*------------------------------------------------- >> Styles for frames and embeds -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ embed, iframe, object { max-width: 100%; } /*------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required -------------------------------------------------*/ /* ------------------------------------------------------------------ > Forms ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Styles for form fields ------------------------------------------------- */ /* ------------------------------------------------- >> Styles for form Input fields ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ form { margin: 0 0 20px; } label { margin: 0 0 6px; display: inline-block; line-height: 1.2; } fieldset { margin: 10px 0 30px; display: block; } legend { display: block; margin: 0 0 10px; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=password], input[type=time], input[type=date], input[type=datetime-local], input[type=week], input[type=month], input[type=file], input[type=range], input[list], input[type=string], select, textarea, .gform-text-input-reset { height: 50px; width: 100%; border: 1px solid var(--de-input_border_color); background-color: var(--de-input_bg); color: var(--de-input_color); outline: none; padding: 0 20px; margin: 0 0 20px 0; border-radius: 12px; max-width: 100%; box-sizing: border-box; transition: all 0.4s ease-in-out; font-size: var(--de-font_size_3); font-family: "Roboto", sans-serif; } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, input[type=password]:focus, input[type=time]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=week]:focus, input[type=month]:focus, input[type=file]:focus, input[type=range]:focus, input[list]:focus, input[type=string]:focus, select:focus, textarea:focus, .gform-text-input-reset:focus { --de-input_focus_border_color: var(--de-border_1); border: 1px solid var(--de-input_focus_border_color); } ::input-placeholder { --de-placeholder_color: var(--de-light_text); color: var(--de-placeholder_color); } ::input-placeholder { color: var(--de-placeholder_color); } ::-moz-placeholder { color: var(--de-placeholder_color); } ::placeholder { color: var(--de-placeholder_color); } input[type=text]:disabled { background-color: var(--de-disabled_input_bgcolor); border: 1px solid var(--de-disabled_input_border_color); } input[type=hidden], datalist { display: none; } input[type=file] { padding: 9px; } input[type=search] { background-repeat: no-repeat; background-position: center right 10px; padding-right: 45px; } /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } input[type=color] { border: 1px solid var(--de-color_field_border_color); background-color: var(--de-color_field_bgcolor); height: 25px; width: 50px; margin: 0 0 20px; padding: 3px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-color-swatch { border: 0; border-radius: 0; } ::-moz-color-swatch, ::-moz-focus-inner { border: 0; } ::-moz-focus-inner { padding: 0; } select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjZDdkYmRmIiBoZWlnaHQ9IjIwMXB4IiB3aWR0aD0iMjAxcHgiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9Ii0yNS41OSAtMjUuNTkgNTYyLjk3IDU2Mi45NyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3Ryb2tlPSIjZDdkYmRmIiBzdHJva2Utd2lkdGg9IjI1LjU4OTM1Ij4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPGc+IDxnPiA8cGF0aCBkPSJNNTA4LjY2NywxMjUuNzA3Yy00LjE2LTQuMTYtMTAuODgtNC4xNi0xNS4wNCwwTDI1NS43NiwzNjMuNTczTDE4LDEyNS43MDdjLTQuMjY3LTQuMDUzLTEwLjk4Ny0zLjk0Ny0xNS4wNCwwLjIxMyBjLTMuOTQ3LDQuMTYtMy45NDcsMTAuNjY3LDAsMTQuODI3TDI0OC4yOTMsMzg2LjA4YzQuMTYsNC4xNiwxMC44OCw0LjE2LDE1LjA0LDBsMjQ1LjMzMy0yNDUuMzMzIEM1MTIuODI3LDEzNi42OTMsNTEyLjgyNywxMjkuODY3LDUwOC42NjcsMTI1LjcwN3oiLz4gPC9nPiA8L2c+IDwvZz4KDTwvc3ZnPg==); background-repeat: no-repeat; background-position: center right 20px; background-size: 16px; } .ginput_container_multiselect select { min-height: 77px; } textarea { padding: 12px 20px; height: 150px; resize: none; overflow: auto; } .gfield, .hs-form-field { box-sizing: border-box; position: relative; margin-bottom: 30px; } .gfield_list_icons { margin-top: 20px; } /* ------------------------------------------------- >> Styles for buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=image] { margin: 0 10px 0 0; } input[type=submit], button, input[type=button], input[type=reset] { padding: 0 30px; display: inline-block; box-sizing: border-box; transition: all 0.3s ease-in-out; background-color: var(--de-button_bgcolor); border: none; color: var(--de-button_color); outline: none; font-weight: 700; border-radius: 12px; font-size: var(--de-font_size_2); line-height: 1.3; height: 50px; outline: none; cursor: pointer; margin: 0 10px 10px 0; text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: 500; } input[type=submit]:hover, button:hover, input[type=button]:hover { color: var(--de-button_color_hover); background-color: var(--de-button_bgcolor_hover); } input[type=reset] { background-color: var(--de-theme_btn_bgcolor); color: var(--de-theme_btn_color); } input[type=reset]:hover { color: var(--de-theme_btn_color); background-color: var(--de-theme_btn_bgcolor_hover); } .is-style-fill-boxed a.wp-block-button__link { border-radius: inherit; } .is-style-outline-boxed a.wp-block-button__link { color: black; border-radius: inherit; background-color: transparent; background-image: none; } /* ------------------------------------------------- >> Default styles for CheckBoxes ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=checkbox]:checked, [type=checkbox]:not(:checked) { position: absolute; left: -9999px; } [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + span, [type=checkbox]:not(:checked) + span { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--de-checkbox_color); box-sizing: border-box; margin: 0 20px 10px 0; } [type=checkbox]:checked + label::before, [type=checkbox]:not(:checked) + label::before, [type=checkbox]:checked + span::before, [type=checkbox]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--de-checkbox_border_color); background-color: var(--de-checkbox_bgcolor); } [type=checkbox]:checked + label::after, [type=checkbox]:not(:checked) + label::after, [type=checkbox]:checked + span::after, [type=checkbox]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--de-checkbox_after_bgcolor); position: absolute; top: 4px; left: 4px; transition: all 0.2s ease; } [type=checkbox]:not(:checked) + label::after, [type=checkbox]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=checkbox]:checked + label::after, [type=checkbox]:checked + span::after { opacity: 1; transform: scale(1); } /* ------------------------------------------------- >> Default styles for Radio Buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=radio]:checked, [type=radio]:not(:checked) { position: absolute; left: -9999px; } [type=radio]:checked + label, [type=radio]:not(:checked) + label, [type=radio]:checked + span, [type=radio]:not(:checked) + span { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--de-radio_color); box-sizing: border-box; margin: 0 20px 10px 0; } [type=radio]:checked + label::before, [type=radio]:not(:checked) + label::before, [type=radio]:checked + span::before, [type=radio]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--de-radio_border_color); border-radius: 100%; background-color: var(--de-radio_bgcolor); } [type=radio]:checked + label::after, [type=radio]:not(:checked) + label::after, [type=radio]:checked + span::after, [type=radio]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--de-radio_after_bgcolor); position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: all 0.2s ease; } [type=radio]:not(:checked) + label::after, [type=radio]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=radio]:checked + label::after, [type=radio]:checked + span::after { opacity: 1; transform: scale(1); } /* ------------------------------------------------- >> Default styles for Meter Tag ------------------------------------------------- */ meter { -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; background-color: var(--de-meter_bgcolor); border-radius: 0; margin: 0 0 20px; box-shadow: none; } /* WebKit */ meter::-webkit-meter-bar { background: none; background-color: var(--de-meter_value_bgcolor); border-radius: 0; box-shadow: none; } meter::-webkit-meter-optimum-value { background: var(--de-meter_value_bgcolor); } meter::-webkit-meter-suboptimum-value { background: var(--de-meter_value_bgcolor); } meter::-webkit-meter-even-less-good-value { background: var(--de-meter_value_bgcolor); } /* Firefox */ meter::-moz-meter-bar { background: none; border-radius: 0; box-shadow: none; } meter:-moz-meter-optimum::-moz-meter-bar { background: var(--de-meter_value_bgcolor); } meter:-moz-meter-sub-optimum::-moz-meter-bar { background: var(--de-meter_value_bgcolor); } meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { background: var(--de-meter_value_bgcolor); } /* ------------------------------------------------- >> Default styles for Progress Tag ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ progress { vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; border: none; background-color: var(--de-progress_bgcolor); border-radius: 0; margin: 0 0 20px; } progress::-webkit-progress-bar { background-color: var(--de-progress_bgcolor); border-radius: 0; } progress::-webkit-progress-value { background-color: var(--de-progress_value_bgcolor); border-radius: 0; } progress::-moz-progress-bar { background-color: var(--de-progress_value_bgcolor); border-radius: 0; } /* ------------------------------------------------- >> Default styles for Range Field ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=range] { padding: 0; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border-radius: 0; height: 22px; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--de-range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-moz-range-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--de-range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-webkit-slider-thumb { height: 14px; width: 14px; background-color: var(--de-range_thumb_bgcolor); cursor: pointer; -webkit-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } input[type=range]::-moz-range-thumb { height: 14px; width: 14px; background-color: var(--de-range_thumb_bgcolor); cursor: pointer; -moz-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } /* ------------------------------------------------- >> Default styles for forms ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Add the correct box sizing in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } [type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -2px; } ::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; font: inherit; } .search-form { display: flex; justify-content: center; align-items: flex-start; } .search-form input[type=submit], .search-form button, .search-form input[type=button], .search-form input[type=reset] { margin: 0 0 10px 10px; } /* ------------------------------------------------- >> Default styles for Gravity Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .gfields { margin: 0; } .gf_clear { clear: both; } .gfield_time_hour, .gfield_time_minute, .gfield_time_ampm { width: calc(33.33% - 3px); display: inline-block; } .gfield_time_minute { margin: 0 10px; width: calc(33.33% - 23px); } .below.hour_minute_colon { display: none; } .gfield_post_tags_hint { margin-top: 0; font-size: 0.875rem; } .gfield.half-input-field { width: 48%; margin-right: calc(4% - 5px); display: inline-block; vertical-align: top; } .gfield.half-input-field.last { margin-right: 0; } .gfield_list_group { margin-bottom: 20px; } button.add_list_item, button.delete_list_item { margin: 0 10px 10px 0; padding: 4px 11px; font-size: 90%; height: 37px; position: relative; } button.delete_list_item { background-color: var(--de-reset_button_bgcolor); color: var(--de-reset_button_color); border: 2px solid transparent; } button.delete_list_item:hover { background-color: transparent; border: 2px solid var(--de-reset-button-border-color-hover); } .gform_fileupload_rules { font-size: 90%; color: var(--de-fileupload_rule_color); margin-bottom: 10px; display: inline-block; position: relative; top: 0; } /* ============================================= = Style For Date Picker for gravity form = ============================================= */ #ui-datepicker-div { border: none; width: 100%; max-width: 480px; background-color: var(--de-datepicker_bg_color); } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background-color: var(--de-datepicker_bg_color); padding: 10px 12px; } .ui-datepicker-title select { width: 49%; margin-bottom: 0; margin-right: 2%; height: 46px; padding: 0 35px 0 18px; background-color: var(--de-datepicker_select_bgcolor); border: 2px solid var(--de-datepicker_border_color); } .ui-state-default { color: var(--de-datepicker_link_color); } .ui-state-default.ui-state-active { color: var(--de-datepicker_link_active_color); } .ui-state-disabled { color: var(--de-datepicker_date_color); } a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { position: relative; } a.ui-datepicker-next.ui-corner-all { float: right; } .ui-datepicker-header a, .ui-datepicker-header a:visited { font-size: var(--de-font_size_3); cursor: pointer; margin-bottom: 10px; display: inline-block; } select.ui-datepicker-year { margin-right: 0; } #ui-datepicker-div table { border-collapse: collapse; border-spacing: 0; margin: 0 0 10px; font-size: var(--de-font_size_3); } .ui-datepicker_calendar a { font-size: var(--de-font_size_3); color: var(--de-datepicker_date_color); } .ginput_container_date { position: relative; } .ginput_container_date img.ui-datepicker-trigger { position: absolute; right: 10px; top: 15px; bottom: 0; } .gfield_radio .gchoice { display: inline-block; } table.ui-datepicker_calendar { max-width: 410px; background-color: var(--de-datepicker_calendar); } /* ===== End of Date Picker Style for Gravity Form ====== */ .validation_error { background-color: var(--de-valiation_error_bg_color); font-size: 0.875rem; color: var(--de-valiation_error_color); padding: 2px 10px 6px; margin-bottom: 20px; text-align: center; } .validation_message { font-size: 0.875rem; text-align: center; display: inline-block; color: var(--de-valiation_message_color); position: absolute; bottom: -20px; } .gform_validation_error_link { font-size: 0.875rem; } .gfield_error input { border-color: var(--de-error_field_border_color); } .gform_confirmation_message { background-color: var(--de-confirmation_message_bgcolor); padding: 20px; text-align: center; color: var(--de-confirmation_message_color); border: 1px solid var(--de-confirmation_message_border_color); } .gform_validation_errors { background-color: var(--de-valiation_error_bg_color); margin: 10px 0 30px; padding: 7px 14px; font-weight: 700; font-size: 105%; } .gform_validation_errors h2 { color: var(--de-valiation_error_color); border: 2px solid var(--de-confirmation_message_border_color); margin-bottom: 0; font-size: 24px; font-size: 105%; padding: 20px; } .gform_validation_errors ol { margin-top: 20px; } .gfield_required_text { color: var(--de-required_text_color); position: relative; margin-left: 5px; font-size: 0.875rem; } /** * * Style for hidden field in gravity form * */ .gfield_visibility_hidden { display: none !important; } /** * * Spinner * */ .gform_ajax_spinner, .gform-loader { margin-top: 0; margin-left: 0; position: absolute; width: 12px; height: 12px; border: 3px solid rgba(115, 115, 115, 0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } .hidden_label label { display: none; } /* ------------------------------------------------- >> Default styles for Hubspot Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .hs-form { text-align: left; } .hs-form fieldset { margin: 0; } .hs-form ul { margin: 0; padding: 0; list-style-type: none; } .hs-form ul li { margin: 0; padding-left: 0; } .hs-form ul li label { margin: 0; } .hs-form ul li::before { display: none; } .hs-form ul.hs-error-msgs li { padding-left: 0; color: var(--de-hubspot_error_label_color); font-size: var(--de-font_size_3); margin: -18px 0 15px; } .hs-form .error { text-align: left; } .hs-form .hs-fieldtype-checkbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-booleancheckbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-radio ul.hs-error-msgs li { margin: -6px 0 8px; } .hs-form .hs_error_rollup ul li { background-color: var(--de-valiation_error_bg_color); margin: 10px 0 30px; padding: 7px 14px; font-weight: 700; font-size: 105%; } .hs-form .hs-form-required { color: var(--de-hubspot_required_color); } .hs-form-field { position: relative; } .form-columns-2 .hs-form-field { display: inline-block; width: 49%; margin-right: calc(2% - 5px); } .form-columns-2 .hs-form-field:nth-child(2n+2) { margin-right: 0; } /* ------------------------------------------------- >> Default styles for Contact Form Forms ------------------------------------------------- */ .wpcf7-list-item { margin: 0 10px 0 0 !important; } .wpcf7-section label { display: block; } .wpcf7-form-control-wrap { display: block; margin-top: 10px; } .wpcf7-not-valid-tip { color: var(--de-valiation_error_color) !important; position: relative; top: -15px; } .wpcf7-response-output { margin: 0 !important; } /* ------------------------------------------------------------------ > Media ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for WordPress captions -------------------------------------------------*/ .wp-caption { max-width: 100%; box-sizing: border-box; margin-bottom: 50px !important; } .wp-caption.alignnone { margin: 15px 0; } .wp-caption.alignleft { margin: 50px 20px 10px 0; } .wp-caption.alignright { margin: 5px 0 10px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0 0 8px; max-width: 100%; padding: 0; width: auto; } .wp-caption .wp-caption-text { margin: 0; text-align: left; } .wp-caption p.wp-caption-text { font-family: "Open Sans"; font-size: var(--de-font_size_4); margin: 0; text-transform: uppercase; word-spacing: 2.5px; letter-spacing: 1.5px; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } /*------------------------------------------------- >> Styles for default WordPress galleries -------------------------------------------------*/ .gallery { margin-bottom: 24px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-caption { display: block; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* ------------------------------------------------------------------ > Core ------------------------------------------------------------------ */ /*------------------------------------------------- >> Accessibility styles for WordPress -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .screen-reader-text { margin: 0px; overflow: hidden; width: 1px; position: absolute !important; word-wrap: normal !important; color: var(--de-acc_btn_color); background-color: var(--de-acc_btn_bgcolor); clip: auto !important; border: unset !important; border-radius: 0; left: -100%; font-size: 0.875rem; clip-path: none; font-weight: 700; height: auto; line-height: normal; padding: 8px 12px; text-decoration: none; top: 8px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; width: auto; z-index: 100000; left: 8px; } #page-section[tabindex="-1"]:focus { outline: 0; } a, button, input[type=submit] { outline: 2px dotted transparent; outline-offset: 5px; } a:focus-visible, button:focus-visible, input[type=submit]:focus-visible { outline-color: var(--wp--preset--color--black) !important; } .contact-details a { outline-offset: 0; } .header-logo a:focus-visible, .red-ctn a:focus-visible, .black-ctn a:focus-visible, .hero-ctn a:focus-visible, .topbar a:focus-visible, .header-nav ul li a:focus-visible { outline-color: var(--wp--preset--color--black); } /*------------------------------------------------- >> Default WordPress alignments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .alignnone { margin: 15px 0 30px; } .aligncenter { display: block; margin: 15px auto 30px; clear: both; text-align: center; } .alignright { float: right; margin: 15px 0 30px 20px; } .alignleft { float: left; margin: 15px 20px 30px 0; } a img.alignright { float: right; margin: 15px 0 30px 20px; } a img.alignnone { margin: 15px 0 30px; } a img.alignleft { float: left; margin: 15px 20px 30px 0; } a img.aligncenter { display: block; margin: 15px auto 30px; text-align: center; clear: both; } /*------------------------------------------------- >> Styles for posts and pages -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .sticky { display: block; } .sticky .post-title { position: relative; padding-left: 30px; } .sticky .post-title::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC44NjE2IDYuOTk2MDRMMTUuMDk4NyAxLjI1MTgxQzE0LjYwODggMC43NjM0OTcgMTMuODI5OCAxLjI2NjQ2IDEzLjU5NjMgMS42OTc4MUMxMy41NTcxIDEuNzcxMDYgMTMuNjI3MyAxLjgzNzc5IDEzLjU2MzcgMi4zMzQyNUMxMy40OTQyIDIuOTY0NjcgMTMuMzQ1IDMuNTgzNzggMTMuMTE5NSA0LjE3NjgzTDEwLjU1NTcgNi43MzIzNUM5LjUzMzM5IDcuNzUyOTMgOC4wNzAyMSA3LjI5ODggNi44MjA5NiA2LjY4MDI2QzYuNTU4MDUgNi41NTAwNSA2LjIyMDAxIDYuMjYxOTQgNS45Mjc3IDYuNTUzM0w0Ljg0MTc1IDcuNjM1NzRDNC43NjU0NyA3LjcxMjAxIDQuNzIyNjMgNy44MTUzMyA0LjcyMjYzIDcuOTIzMDNDNC43MjI2MyA4LjAzMDczIDQuNzY1NDcgOC4xMzQwNSA0Ljg0MTc1IDguMjEwMzJMMTMuOTUyMyAxNy4yODk4QzE0LjAyODggMTcuMzY1OCAxNC4xMzI1IDE3LjQwODUgMTQuMjQwNSAxNy40MDg1QzE0LjM0ODYgMTcuNDA4NSAxNC40NTIyIDE3LjM2NTggMTQuNTI4OCAxNy4yODk4TDE1LjYxMzEgMTYuMjA3M0MxNS45MDIxIDE1LjkxOTIgMTUuNTMzMSAxNS41NDY1IDE1LjM4MjggMTUuMjMwN0MxNC44Mjc2IDE0LjA5MTMgMTQuMzI5NSAxMi41NTggMTUuMjU1NSAxMS42MzVMMTcuOTMyIDguOTgwMjRDMTguNTM5MSA4Ljc5NTU0IDE5LjE1ODQgOC42NTMwNSAxOS43ODU0IDguNTUzNzdDMjAuMjkgOC40NzQwMSAyMC4zNTIxIDguNTM3NSAyMC40MjM5IDguNDkwMjlDMjAuODY0OCA4LjIwNTQ0IDIxLjM1NDcgNy40ODc2MSAyMC44NjE2IDYuOTk2MDRaTTkuODAxMiAxNC40MTUyTDcuNzI1NjUgMTIuMzQ4TDEuMDY3ODcgMjAuNzQwNUwxLjM4MTQxIDIxLjA1MTRMOS44MDEyIDE0LjQxNTJaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjU3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMjIuOTMiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; position: absolute; top: 5px; left: 0; height: 30px; width: 30px; } .updated:not(.published) { display: none; } .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ .post-shares { display: flex; } .post-shares a { margin-left: 8px; padding: 5px; border: 1px solid var(--wp--preset--color--black); border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; } .post-shares a:hover { border: 1px solid var(--wp--preset--color--lblack); } .tabs-select { padding: 12px; border: 1px solid var(--de-border_1); border-radius: 20px; max-width: -moz-max-content; max-width: max-content; margin-top: 30px; margin-inline: auto; } .tabs-select ul, .tabs-select li { margin-bottom: 0; } .tabs-select ul { display: flex; justify-content: center; gap: 8px; position: relative; } .tabs-select ul li { padding-left: 0; } .tabs-select ul li::before { display: none; } .tabs-select a, .tabs-select a:visited { border-bottom: none; padding-bottom: 0; padding: 6px 18px; font-weight: 500; color: var(--de-white); font-size: var(--de-font_size_3); text-align: center; border-radius: 12px; } .tabs-select a.current, .tabs-select a:hover, .tabs-select a:visited.current, .tabs-select a:visited:hover { background-color: var(--de-color_secondary); color: var(--de-white); } .tab-1 ul::before { transform: translateX(0); } .tab-2 ul::before { transform: translateX(188px); } .tab-3 ul::before { transform: translateX(376px); } .tab-4 ul::before { transform: translateX(564px); } .thank-you-section { min-height: 100vh; display: flex; align-items: center; position: relative; } .thank-you-section h1, .thank-you-section h2, .thank-you-section h3, .thank-you-section h4, .thank-you-section h5, .thank-you-section h6, .thank-you-section p, .thank-you-section li { margin-bottom: 0; } .go-back { color: var(--de_white); } .go-back::before { content: ""; display: inline-block; position: relative; margin-right: 10px; top: 3px; width: 30px; height: 24px; background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjZmZmIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB0cmFuc2Zvcm09InJvdGF0ZSgxODApIiBzdHJva2U9IiNmZmYiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8Zz4gPGc+IDxwYXRoIGQ9Ik01MDUuNzUyLDYuMjQ4Yy04LjMzMS04LjMzMS0yMS44MzktOC4zMzEtMzAuMTcsMEw0Mi42NjcsNDM5LjE2M3YtMjI1LjgzYzAtMTEuNzgyLTkuNTUxLTIxLjMzMy0yMS4zMzMtMjEuMzMzIEM5LjU1MSwxOTIsMCwyMDEuNTUxLDAsMjEzLjMzM3YyNzcuMzMzYzAsMC43MDMsMC4wMzcsMS40MDUsMC4xMDYsMi4xMDVjMC4wMzEsMC4zMTUsMC4wOSwwLjYyMSwwLjEzNSwwLjkzMyBjMC4wNTQsMC4zNzcsMC4wOTgsMC43NTYsMC4xNzMsMS4xM2MwLjA3MSwwLjM1OCwwLjE2OSwwLjcwNCwwLjI1OCwxLjA1NWMwLjA4MSwwLjMyNCwwLjE1MiwwLjY0OSwwLjI0OSwwLjk2OSBjMC4xMDQsMC4zNDQsMC4yMzMsMC42NzcsMC4zNTQsMS4wMTNjMC4xMTUsMC4zMiwwLjIyLDAuNjQyLDAuMzUsMC45NTdjMC4xMywwLjMxNSwwLjI4NCwwLjYxNiwwLjQyOSwwLjkyMyBjMC4xNTMsMC4zMjQsMC4yOTcsMC42NTEsMC40NjcsMC45NjljMC4xNTgsMC4yOTQsMC4zMzcsMC41NzMsMC41MDgsMC44NTljMC4xODYsMC4zMTEsMC4zNjIsMC42MjcsMC41NjUsMC45MzEgYzAuMjExLDAuMzE2LDAuNDQ2LDAuNjEyLDAuNjczLDAuOTE2YzAuMTksMC4yNTQsMC4zNjYsMC41MTQsMC41NjksMC43NjFjMC40NDMsMC41NCwwLjkxLDEuMDU5LDEuNDAzLDEuNTUyIGMwLjAwNCwwLjAwNCwwLjAwNiwwLjAwOCwwLjAxLDAuMDExYzAuMDA0LDAuMDA0LDAuMDA4LDAuMDA3LDAuMDEyLDAuMDExYzAuNDkzLDAuNDkyLDEuMDEyLDAuOTU5LDEuNTUxLDEuNDAyIGMwLjI0NywwLjIwMywwLjUwNywwLjM3OSwwLjc2LDAuNTY4YzAuMzA0LDAuMjI3LDAuNjAxLDAuNDYzLDAuOTE3LDAuNjc0YzAuMzAzLDAuMjAzLDAuNjE4LDAuMzc5LDAuOTMsMC41NjUgYzAuMjg2LDAuMTcxLDAuNTY1LDAuMzUsMC44NiwwLjUwOGMwLjMxOCwwLjE3LDAuNjQ1LDAuMzE0LDAuOTY5LDAuNDY3YzAuMzA3LDAuMTQ1LDAuNjA5LDAuMjk4LDAuOTIzLDAuNDI4IGMwLjMxNSwwLjEzLDAuNjM2LDAuMjM1LDAuOTU2LDAuMzVjMC4zMzcsMC4xMjEsMC42NywwLjI1LDEuMDE1LDAuMzU1YzAuMzIsMC4wOTcsMC42NDUsMC4xNjgsMC45NjgsMC4yNDkgYzAuMzUxLDAuMDg5LDAuNjk4LDAuMTg3LDEuMDU2LDAuMjU4YzAuMzc1LDAuMDc0LDAuNzUzLDAuMTE4LDEuMTMsMC4xNzJjMC4zMTEsMC4wNDQsMC42MTgsMC4xMDQsMC45MzMsMC4xMzUgYzAuNywwLjA2OSwxLjQwMiwwLjEwNiwyLjEwNCwwLjEwNmMwLDAsMC4wMDEsMCwwLjAwMSwwaDI3Ny4zMzNjMTEuNzgyLDAsMjEuMzMzLTkuNTUxLDIxLjMzMy0yMS4zMzMgcy05LjU1MS0yMS4zMzMtMjEuMzMzLTIxLjMzM0g3Mi44MzdMNTA1Ljc1MiwzNi40MThDNTE0LjA4MywyOC4wODcsNTE0LjA4MywxNC41OCw1MDUuNzUyLDYuMjQ4eiIvPiA8L2c+IDwvZz4gPC9nPgoNPC9zdmc+); background-repeat: no-repeat; background-position: left center; background-size: 18px; transform: rotate(225deg); transition: transform 0.3s ease-in-out; } a.go-back, a:visited.go-back { position: absolute; top: 24px; left: 24px; } a.go-back:hover::before, a:visited.go-back:hover::before { transform: translateX(-5px) rotate(225deg); } .about-stats, .image-alongside-text { flex-wrap: wrap; justify-content: space-between; } .image-alongside-text { align-items: center; } .about-stats { gap: 20px; } .stat-card { background-color: var(--de-black_1); padding: 20px; box-sizing: border-box; border-radius: 12px; } .stat-card img { width: 60px; margin-bottom: 10px; } .stat-title { font-size: 20px; margin-bottom: 10px; } /*------------------------------------------------- >> Pagination styles -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section .pagination, .pagination { display: flex; text-align: center; justify-content: center; margin: 20px 0 0; } .page-section .pagination a, .page-section .pagination span[role=button], .page-section .pagination a:visited, .page-section .pagination span.current, .pagination a, .pagination span[role=button], .pagination a:visited, .pagination span.current { background-color: var(--de-pagination_bgcolor); color: var(--de-pagination_color); border: 1px solid var(--de-pagination_border); display: inline-block; padding: 6px 12px 7px; font-size: 0.9375rem; line-height: 20px; cursor: pointer; font-family: "Open Sans"; margin: 0 5px 10px; transition: all 0.4s ease-in-out; } .page-section .pagination a:hover, .page-section .pagination span[role=button]:hover, .page-section .pagination a:visited:hover, .page-section .pagination span.current:hover, .pagination a:hover, .pagination span[role=button]:hover, .pagination a:visited:hover, .pagination span.current:hover { background-color: var(--de-pagination_bgcolor_hover); color: var(--de-pagination_color_hover); } .page-section .pagination span.current, .pagination span.current { background-color: var(--de-pagination_bgcolor_current); color: var(--de-pagination_color_current); } .page-section .pagination span.current:hover, .pagination span.current:hover { background-color: var(--de-pagination_bgcolor_current); color: var(--de-pagination_color_current); } .page-section .pagination > span.current, .pagination > span.current { border: none; } .page-section .pagination > span.current:hover, .pagination > span.current:hover { background-color: var(--de-pagination_first_bgcolor); color: var(--de-pagination_first_color); } /*------------------------------------------------- >> Styles for WordPress comments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ #commentform label { display: block; } #commentform p.comment-form-author, #commentform p.comment-form-url, #commentform p.comment-form-email { width: calc(33.3% - 10px); display: inline-block; margin-right: 10px; margin-bottom: 0; } #commentform p.comment-form-comment { margin-bottom: 0; } #commentform p.comment-form-comment textarea { margin-bottom: 10px; } #commentform p.comment-form-url, #commentform .url-comments, #commentform li.middle { margin-right: 0 !important; } #commentform .form-submit { margin-bottom: 0; } .comment-meta, .comment-author { margin-bottom: 15px; } .comments-closed { margin: 30px 0; } .comment-meta { margin-bottom: 30px; color: var(--de-comment_meta_color); } .comment-author.vcard { margin-bottom: 2px; } .comment-author.vcard a { border-bottom: none; } .comment-author.vcard span { font-family: "Open Sans"; } .comment-metadata { font-size: 90%; } .comment-metadata a { color: var(--de-comment_metadata_color); border-bottom: transparent; } .comment-content p { margin-bottom: 20px; } .comment-body { margin-bottom: 30px; } ol.comment-list { margin-bottom: 60px; } ol.comment-list li.comment { margin-bottom: 30px; padding: 30px 0 0; border-top: 1px solid var(--de-comments_list_border_color); } ol.comment-list li.comment::before { display: none !important; } ol.comment-list li.comment.pingback { margin: 0 0 30px; } ol.comment-list li.comment div.vcard cite.fn { font-style: normal; } ol.comment-list li.comment div.vcard img.avatar { float: left; margin: 0 10px 0 0; width: 64px; } ol.comment-list li.comment div.commentmetadata { padding: 8px 0 14px; } ol.comment-list li.comment ul.children, ol.comment-list li.comment ol.children { list-style: none; margin: 50px 0 0; } ol.comment-list li.comment ul.children li, ol.comment-list li.comment ol.children li { padding: 30px 0 0; } ol.comment-list li.comment ul.children li.depth-2, ol.comment-list li.comment ul.children li.depth-3, ol.comment-list li.comment ul.children li.depth-4, ol.comment-list li.comment ul.children li.depth-5, ol.comment-list li.comment ol.children li.depth-2, ol.comment-list li.comment ol.children li.depth-3, ol.comment-list li.comment ol.children li.depth-4, ol.comment-list li.comment ol.children li.depth-5 { margin: 0 0 30px 60px; } a.comment-reply-link { background-color: var(--de-comments_reply_btn_bgcolor); color: var(--de-comments_reply_btn_color); padding: 6px 11px 5px; font-size: 90%; height: 37px; box-sizing: border-box; display: inline-block; border: 2px solid transparent; } a.comment-reply-link:hover { background-color: var(--de-comments_reply_btn_bgcolor_hover); color: var(--de-comments_reply_btn_color_hover); } /*------------------------------------------------- >> Styles for default WordPress widgets -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-page-list, .wp-block-rss, .wp-block-search, .wp-block-social-links, .wp-block-tag-cloud, .wp-block-calendar { margin: 0 0 40px; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ /* ------------------------------------------------------------------ > Blocks ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Accessibility styles for WordPress Gallery Block ------------------------------------------------- */ .wp-block-gallery .wp-block-image a { border-bottom: none; } .page-section .wp-block-gallery ul li { padding: 0; } .page-section .wp-block-gallery ul li::before { display: none; } /* ------------------------------------------------- >> Accessibility styles for WordPress Cover Block ------------------------------------------------- */ .wp-block-cover-text { color: var(--wp--preset--color--white) !important; } /* ------------------------------------------------- >> Accessibility styles for WordPress Calender Block ------------------------------------------------- */ .wp-block-calendar a { text-decoration: none; } .wp-block-calendar table { margin: 0 0 20px; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: none; } .wp-block-calendar table tbody td, .wp-block-calendar table th { padding: 10px 15px; border: none; } .wp-block-calendar table th { background-color: transparent; font-weight: 700; } /* ------------------------------------------------- >> Accessibility styles for WordPress Categories Block ------------------------------------------------- */ .wp-block-archives-dropdown.wp-block-archives select, .wp-block-categories-dropdown.wp-block-categories select { margin: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Image Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Comments Block ------------------------------------------------- */ .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: unset; margin-top: 3px; } .wp-block-latest-comments__comment-date { margin: 5px 0; color: var(--de-widget_comments_meta_color); } .wp-block-latest-comments__comment-excerpt p { font-size: 100%; line-height: 1.5; margin: 5px 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Posts Block ------------------------------------------------- */ .wp-block-latest-posts__featured-image a { border-bottom: none; } .wp-block-latest-posts__featured-image.alignleft { margin: 0 20px 10px 0; } .wp-block-latest-posts__featured-image.alignright { margin: 0 0 10px 20px; } .wp-block-latest-posts__featured-image.aligncenter { margin: 0 auto 10px; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { font-size: 90%; color: var(--de-widget_latest_post_meta_color); } .wp-block-latest-posts.is-grid li { margin-bottom: 12px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Quote Block ------------------------------------------------- */ blockquote.wp-block-quote.is-style-large { border-left: 0; padding: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress PullQuote Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress RSS Feed Block ------------------------------------------------- */ .wp-block-rss__item-author, .wp-block-rss__item-publish-date { font-size: 90%; color: var(--de-widget_rss_feed_meta_color); } .wp-block-rss__item-excerpt { margin: 10px 0 20px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Search Block ------------------------------------------------- */ input[type=search].wp-block-search__input { background-image: unset; padding: 0 12px; margin-bottom: 0; } .wp-block-search__button { border: none; margin-right: 0; padding: 0 20px; } .wp-block-search__button:hover { border: none; background-color: var(--wp--preset--color--white); } /* ------------------------------------------------- >> Accessibility styles for WordPress Social-links Block ------------------------------------------------- */ .wp-block-social-links li.wp-block-social-link { list-style: none; padding-left: 0; } .wp-block-social-links li.wp-block-social-link::before { display: none; } .wp-block-social-links li.wp-block-social-link svg { margin-bottom: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Tag Cloud Block ------------------------------------------------- */ .wp-block-tag-cloud .tag-cloud-link { margin: 0 8px 12px 0; } /* ------------------------------------------------------------------ > Site ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for header and footer of website -------------------------------------------------*/ /*------------------------------------------------- >> Styles for header -------------------------------------------------*/ .slide-thumb img, .burger-single, .post-tags, .post-content-des p, .post-meta, .search-button, .single-blog-post, .wpcf7-submit, a, a:visited, button, input[type=submit], .home-hero, header { transition: all 0.3s ease-in-out; } .top-bar { padding: 10px 0; background-color: var(--de-topbar_bgcolor); color: var(--de-topbar_color); transition: all 0.4s ease-in-out; } .top-bar-text { font-size: var(--de-font_size_3); padding: 0 20px; } .top-bar-text a, .top-bar-text a:visited { font-size: var(--de-font_size_3); color: var(--de-topbar_color); display: inline-block; } .top-bar-cross { position: absolute; top: 12px; right: 20px; line-height: 0.65; cursor: pointer; } .top-bar-cross img { width: 16px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(220deg) brightness(102%) contrast(103%); } .nav-container { display: flex; align-items: center; margin-top: 8px; } .header-logo { width: clamp(11.25rem, 4.785vw + 8.911rem, 12.5rem); position: relative; z-index: 9; } .logo a { display: inline-block; border-bottom: none; width: 100%; } .no-overflow { overflow: hidden; } .logo { line-height: 0; transition: all 0.2s ease-in-out; } .header-inner { padding: 18px 0; box-sizing: border-box; transition: all 0.3s ease-in-out; justify-content: space-between; align-items: center; } .header-section { z-index: 9; width: 100%; position: fixed; top: 0; transition: all 0.5s ease-in-out; background-color: var(--de-color_primary); } .header-section.shrink, .header-section.dark { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); } .header-wrapper { box-sizing: border-box; width: 90%; max-width: 1300px; margin: 0 auto; } .header-btns { margin-top: 0; z-index: 1; display: flex; align-items: center; line-height: 0.6; } body.admin-bar header { top: var(--wp-admin--admin-bar--height); transition: all 0.3s ease-in-out; } body .hide-topbar header { top: calc(var(--wp-admin--admin-bar--height) - var(--topbar_height)); } .desktop-hide { display: none; } /*------------------------------------------------- >> Styles for desktop menu -------------------------------------------------*/ @media (min-width: 1024px) { .header-nav ul li:hover > ul, .menu-item-has-children ul.focused, .header-nav ul li a:focus-visible + ul { opacity: 1; visibility: visible; overflow: visible; } .header-nav ul ul { animation-delay: 0.6s; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.3s ease-in-out; } .header-nav ul li a, .header-nav ul li a:visited, .header-nav ul li span.menu-link { padding: 15px 0; } .header-nav ul li a::before, .header-nav ul li a:visited::before, .header-nav ul li span.menu-link::before { bottom: 10px; } .header-nav ul li.menu-item-has-children > a::after { content: ""; display: inline-block; width: 15px; height: 9px; background-position: top right; background-repeat: no-repeat; background-size: 15px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAxLjc3Njc5TDEwLjk5OCAxMC45OTk4TDIwLjIyMTEgMS43NzY3OSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KPC9zdmc+Cg==); filter: invert(1) brightness(1.5); margin-left: 10px; transition: all 0.3s ease-in-out; transform-origin: center; } .header-nav ul li.menu-item-has-children > a::before { width: calc(100% - 25px); } .header-nav ul li.menu-item-has-children:hover :after { transform: rotate(180deg); } } .header-nav { text-align: center; line-height: 1; } .header-nav ul { margin: 0; padding: 0; position: relative; } .header-nav ul li { margin: 0 14px; padding: 0; display: inline-block; position: relative; line-height: 1; } .header-nav ul li a, .header-nav ul li a:visited, .header-nav ul li span.menu-link { display: inline-block; line-height: 1; border: 0; position: relative; color: var(--de-header_color); text-transform: uppercase; font-size: 15px; } .header-nav ul li a::before, .header-nav ul li a:visited::before, .header-nav ul li span.menu-link::before { content: ""; position: absolute; width: 100%; height: 1px; left: 0; background-color: var(--de-header_nav_border_color); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; } .header-nav ul li span.menu-link { cursor: pointer; } .header-nav ul li.current-menu-item > a, .header-nav ul li.current-menu-parent > a, .header-nav ul li a:hover, .header-nav ul li a.active, .header-nav ul li a:visited.active, .header-nav ul li span.menu-link:hover { border: 0; } .header-nav ul li.current-menu-item > a::before, .header-nav ul li.current-menu-parent > a::before, .header-nav ul li a:hover::before, .header-nav ul li a.active::before, .header-nav ul li a:visited.active::before, .header-nav ul li span.menu-link:hover::before { transform-origin: bottom left; transform: scaleX(1); } .header-nav ul ul { top: 45px; left: -15px; width: -moz-max-content; width: max-content; max-width: 320px; opacity: 0; box-shadow: 0px 5px 20px var(--de-black_1); background-color: var(--de-header_submenu_bgcolor); visibility: hidden; padding: 20px 0; border-radius: 10px; position: absolute; z-index: 9; overflow: hidden; text-align: left; transition: all 0.4s ease-in-out; text-align: left; } .header-nav ul ul li { display: block; margin: 0 0 14px; padding: 0 15px; } .header-nav ul ul li:last-child { margin: 0; } .header-nav ul ul li a, .header-nav ul ul li a:visited, .header-nav ul ul li span.menu-link { font-size: 15px; display: inline-block; box-sizing: border-box; position: relative; color: var(--de-header_submenu_color); padding: 5px 0; transition: all 0.3s ease-in-out; } .header-nav ul ul li a::before, .header-nav ul ul li a:visited::before, .header-nav ul ul li span.menu-link::before { --de-header_nav_border_color: var(--de-border_2); bottom: 0; } .header-nav ul ul li a::after, .header-nav ul ul li a:visited::after, .header-nav ul ul li span.menu-link::after { bottom: -4px; } .header-nav ul ul li span.menu-link { cursor: pointer; } .header-nav ul ul li a:hover, .header-nav ul ul li span.menu-link:hover { color: var(--de-header_submenu_color_hover); } .header-nav ul ul li.current-menu-item > a, .header-nav ul ul li.current-menu-parent > a, .header-nav ul ul li a:hover, .header-nav ul ul li span.menu-link:hover { border: 0; } .header-nav ul ul li.current-menu-item > a::after, .header-nav ul ul li.current-menu-parent > a::after, .header-nav ul ul li a:hover::after, .header-nav ul ul li span.menu-link:hover::after { transform-origin: bottom left; transform: scaleX(1); } .header-nav ul ul ul { top: -10px; left: 230px; } .header-nav ul ul ul::before { display: none; content: ""; width: 1px; height: 1px; position: absolute; top: 12px; left: -5px; margin: auto; } /*------------------------------------------------- >> Styles for mobile menu -------------------------------------------------*/ @media (max-width: 1003px) { .header-inner { padding: 15px 0; } .logo { max-width: 190px; } .no-overflow .logo a { color: var(--de-regular_text); } .nav-overlay .header-nav ul { margin: 0; padding: 0; background: transparent; width: 100%; } .nav-overlay .header-nav ul li { padding: 0; margin: 0 0 16px; position: relative; display: block; opacity: 1; line-height: 1; } .nav-overlay .header-nav ul li a, .nav-overlay .header-nav ul li a:visited { color: var(--de-header_mobile_color); display: inline-block; border-bottom: none; position: relative; font-size: 18px; font-weight: 600; padding: 5px 0; } .nav-overlay .header-nav ul li a::before, .nav-overlay .header-nav ul li a:visited::before { background-color: var(--de-border_2); bottom: 0; } .nav-overlay .header-nav ul li.current-menu-item > a, .nav-overlay .header-nav ul li.current-menu-parent > a, .nav-overlay .header-nav ul li a:hover { border-bottom: none; } .nav-overlay .header-nav ul ul { transition: none; display: none; padding: 10px 0 0; position: relative; top: initial; left: initial; opacity: initial; visibility: initial; overflow: visible; box-shadow: none; } .nav-overlay .header-nav ul ul li { margin: 0 0 15px; } .nav-overlay .header-nav ul ul li a, .nav-overlay .header-nav ul ul li a:visited { font-size: 15px; } .nav-overlay .header-nav ul ul li:last-child { margin-bottom: 0; } .nav-overlay .header-nav ul ul li.current-menu-item > a, .nav-overlay .header-nav ul ul li.current-menu-parent > a { color: var(--de-header_mobile_submenu_color); } .nav-overlay .header-nav ul ul ul { padding: 10px 0; } .header-nav ul li.menu-item-has-children > a { background-image: none; padding-right: 0; } .nav-overlay { position: fixed; background-color: var(--de-nav_overlay_bgcolor); top: 81px; left: 0; width: 100%; height: 100%; height: 100vh; opacity: 0; visibility: hidden; overflow: visible; box-sizing: border-box; z-index: 8; transition: all 0.3s ease-in-out; } .nav-overlay .nav-container { display: block; } .nav-overlay.open { opacity: 1; visibility: visible; overflow-y: scroll; } .nav-overlay.open .header-btns { margin-top: 30px; top: 0; opacity: 1; } .nav-container { opacity: 0; transition: all 0.4s ease-in-out; padding: 40px 0 100px; transition-delay: 0.25s; box-sizing: border-box; width: 90%; margin: 0 auto; } .nav-container .header-nav { text-align: left; } header .nav-overlay.open .nav-container { opacity: 1; display: block; } header.shrink .nav-overlay.open .nav-container { opacity: 1; } .logged-in.admin-bar .nav-overlay { top: 110px; } .nav-content { height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; } .nav-content::-webkit-scrollbar-track { box-shadow: none; background-color: transparent; } .nav-content::-webkit-scrollbar { width: 3px; background-color: transparent; position: relative; left: 5px; box-shadow: none; } .nav-content::-webkit-scrollbar-thumb { box-shadow: none; border-radius: 2px; } .desktop-hide { display: block !important; } .header-btns { display: none; margin-top: 70px; position: relative; top: 100px; opacity: 0; transition: all 0.5s ease-in-out; } .menu-btn { top: 0; right: 0; height: 21px; width: 30px; cursor: pointer; z-index: 9999; display: flex; flex-direction: column; position: relative; justify-content: space-between; transition: all 0.3s ease-in-out; } .menu-btn span { height: 1.5px; width: 100%; background-color: var(--de-mobile_nav_icon_bgcolor); opacity: 1; transition: all 0.3s ease-in-out; } .menu-btn span.middle { width: calc(100% - 10px); margin-left: auto; } .menu-btn.active span:first-child { transform: translateY(9.5px) translateX(0) rotate(-45deg); } .menu-btn.active span:last-child { transform: translateY(-9.5px) translateX(0) rotate(45deg); } .menu-btn.active span.middle { opacity: 0; } li.menu-item-has-children .submenu-icon { position: absolute; z-index: 9999; right: 0; top: 0; display: block; height: 22px; width: 22px; cursor: pointer; background-position: center; transition: transform 0.3s ease-in-out; transform-origin: center; background-size: 18px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAxLjc3Njc5TDEwLjk5OCAxMC45OTk4TDIwLjIyMTEgMS43NzY3OSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KPC9zdmc+Cg==); } li.menu-item-has-children::after { display: none; } li.menu-item-has-children.active > .submenu-icon { transform: rotate(180deg); } .no-overflow .logged-in.admin-bar .nav-overlay { top: var(--wp-admin--admin-bar--height); height: calc(100vh - var(--wp-admin--admin-bar--height)); } } @media (max-width: 782px) { .no-overflow .logged-in.admin-bar .left-header { top: 110px; } .no-overflow .logged-in.admin-bar .nav-overlay { top: calc(var(--wp-admin--admin-bar--height) + 134px); height: calc(100vh - var(--wp-admin--admin-bar--height)); } #wpadminbar { position: fixed !important; } } /*------------------------------------------------- >> Styles for Masthead -------------------------------------------------*/ /*------------------------------------------------- >> Styles for Default -------------------------------------------------*/ .hide-topbar .hero-section { padding-top: 76px; } .hero-section { position: relative; overflow: hidden; } .hero-section .wrapper { position: relative; z-index: 5; } .hero-inner.d-flex { justify-content: space-between; align-items: center; } .home-banner .hero-default { padding-top: var(--de-space_14); } .hero-default { padding: var(--de-space_13) 0 clamp(3.75rem, 8.85vw - 0.387rem, 6.25rem); } .hero-default h1, .hero-default h2, .hero-default h3, .hero-default h4, .hero-default h5, .hero-default h6 { margin-bottom: 0; } .hero-default p:first-of-type { margin-top: clamp(1.5rem, 1.77vw + 0.673rem, 2rem); } .hero-contact { padding-top: clamp(6.25rem, 13.274vw + 0.044rem, 10rem); } .hero-contact .center-align { margin-inline: auto; max-width: 530px; } .banner-text p { font-size: var(--de-font_size_4); } .hero-content strong { display: inline-block; } .hero-content ul { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 12px 20px; } .hero-content li { width: calc(32% - 10px); margin: 0; } .hero-content-inner { max-width: 575px; margin-right: 15px; float: right; } .hero-ctn { padding: 128px 0 60px; } .center-align .block-button, .center-align.block-button { justify-content: center; } .block-button { margin-top: 30px; display: flex; gap: 12px 6px; } .hero-image { line-height: 0.6; } .hero-image img { -o-object-position: top; object-position: top; } .thank-you-section h2, .thank-you-section p { margin-top: 20px; } .home-banner .hero-image { position: relative; left: 40px; } .home-banner .hero-image img { transform: scale(1.3); } .home-banner .hero-default { padding-bottom: 60px; } .banner-border { border: 2px solid var(--de-color_secondary); width: 95%; margin: 0 auto; padding: 48px 0; border-radius: 12px; } .banner-border .wrapper { width: 94%; max-width: 1400px; } .about-banner .hero-inner { align-items: stretch; } .contact-banner .hero-image, .about-banner .hero-image, .services-banner .hero-image, .approach-banner .hero-image, .single-banner .hero-image { background-color: var(--de-black_1); border-radius: 12px; min-height: 100%; display: flex; justify-content: center; align-items: center; padding: 40px; box-sizing: border-box; } .contact-banner .hero-image img, .about-banner .hero-image img, .services-banner .hero-image img, .approach-banner .hero-image img, .single-banner .hero-image img { max-width: 280px; } .hero-casestudy .hero-image img { max-width: 90%; } /*------------------------------------------------- >> Styles for Home -------------------------------------------------*/ /*------------------------------------------------- >> Styles for footer -------------------------------------------------*/ .footer-cta { border-radius: 12px; position: relative; overflow: hidden; max-width: 980px; margin: 0 auto; } .footer-cta h2, .footer-cta h3, .footer-cta h4, .footer-cta h5, .footer-cta h6 { max-width: 58%; margin: 0 auto; } .footer-cta a.button, .footer-cta a:visited.button { font-size: clamp(1.25rem, 0.885vw + 0.836rem, 1.5rem); padding: 20px 36px; font-weight: 600; } .footer-cta a.button::after, .footer-cta a:visited.button::after { width: 22px; height: 22px; background-size: 22px; background-position: left -22px center; } .footer-cta a.button:hover, .footer-cta a:visited.button:hover { padding: 20px 48px 20px 24px; } .footer-section { position: relative; border-top: 1px solid var(--de-border_1); } .footer-section address { color: white; max-width: 185px; } .footer-logo { width: clamp(11.25rem, 4.785vw + 8.911rem, 12.5rem); } .footer-text { margin-top: clamp(1.25rem, 2.212vw + 0.216rem, 1.875rem); margin-bottom: clamp(1.25rem, 2.212vw + 0.216rem, 1.875rem); } .footer-bottom { flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 20px; margin: 40px auto 0; padding-bottom: 20px; border-top: 1px solid var(--de-border_1); } .social-icons { gap: 12px; } .social-icons a, .social-icons a:visited { background-color: var(--de-color_secondary); width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .social-icons a:hover, .social-icons a:visited:hover { background-color: var(--de-orange); } .social-icons a img, .social-icons a:visited img { max-width: 18px; max-height: 18px; } .copyright a, .copyright a:visited { border-bottom: 1px solid var(--de-border_1); } .copyright a:hover, .copyright a:visited:hover { border-bottom-color: transparent; } .footer-widgets { justify-content: space-between; padding-top: var(--de-space_12); row-gap: 30px; } .footer-widget { width: 24%; } .footer-widget a, .footer-widget a:visited { display: inline-block; padding-bottom: 2px; } .footer-widget h2, .footer-widget h3, .footer-widget h4, .footer-widget h5, .footer-widget h6 { font-weight: 700; } .footer-widget:first-of-type { width: 30%; } .footer-widget:first-of-type .footer-widget-title h2, .footer-widget:first-of-type .footer-widget-title h3, .footer-widget:first-of-type .footer-widget-title h4, .footer-widget:first-of-type .footer-widget-title h5, .footer-widget:first-of-type .footer-widget-title h6 { margin-bottom: 10px; } .footer-widget:nth-child(2) { width: 10%; } .footer-widget nav ul, .footer-widget nav ol { margin: 0; } .footer-widget nav li { position: relative; padding-left: 20px; } .footer-widget nav li:last-child { margin-bottom: 0; } .footer-widget nav li::before { content: ""; position: absolute; top: 9px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: var(--de-white); } .footer-widget nav li a.active::after, .footer-widget nav li a:visited.active::after { transform-origin: bottom left; transform: scaleX(1); } .footer-contact a::after, .footer-contact a:visited::after, .footer-widget ul li a::after, .footer-widget ul li a:visited::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; --de-header_nav_border_color: var(--de-border_1); background-color: var(--de-header_nav_border_color); opacity: 0.8; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; } .footer-contact a:hover::after, .footer-contact a:visited:hover::after, .footer-widget ul li a:hover::after, .footer-widget ul li a:visited:hover::after { transform-origin: bottom left; transform: scaleX(1); } .footer-contact { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; } .footer-contact a, .footer-contact a:visited { max-width: -moz-max-content; max-width: max-content; } /*------------------------------------------------- >> Styles for Containers -------------------------------------------------*/ /**** * * containers * ****/ .full-width-ctn .tool-inner, .full-width-ctn .section-head, .full-width-ctn .service-inner, .wrapper { max-width: 1300px; width: 90%; margin: 0 auto; } .ctn-1000 .wrapper { max-width: 1000px; } .ctn-820 .wrapper { max-width: 820px; } .black-ctn { background-color: var(--de-black_1); } .black-ctn ::-moz-selection { --de-highlight_color: var(--de-regular_text); --de-highlight_bg: var(--de-white); } .black-ctn ::selection { --de-highlight_color: var(--de-regular_text); --de-highlight_bg: var(--de-white); } .black-ctn h1, .black-ctn .heading-1, .black-ctn h2, .black-ctn .heading-2, .black-ctn h3, .black-ctn .heading-3, .black-ctn h4, .black-ctn .heading-4, .black-ctn h5, .black-ctn .heading-5, .black-ctn h6, .black-ctn .heading-6, .black-ctn p, .black-ctn li, .black-ctn a, .black-ctn a:visited { color: var(--de-white_text); } .full-width-ctn .wrapper { max-width: 100%; width: 100%; } .full-width-ctn .col-50 { width: 50%; } .overflow-hidden-ctn { overflow: hidden; } /*------------------------------------------------- >> Styles for Spacers -------------------------------------------------*/ .is-style-gl-s2, .gl-s2 { height: var(--de-space_1) !important; } .is-style-gl-s4, .gl-s4 { height: var(--de-space_2) !important; } .is-style-gl-s8, .gl-s8 { height: var(--de-space_3) !important; } .is-style-gl-s12, .gl-s12 { height: var(--de-space_4) !important; } .is-style-gl-s16, .gl-s16 { height: var(--de-space_5) !important; } .is-style-gl-s20, .gl-s20 { height: var(--de-space_6) !important; } .is-style-gl-s36, .gl-s36 { height: var(--de-space_7) !important; } .is-style-gl-s44, .gl-s44 { height: var(--de-space_8) !important; } .is-style-gl-s48, .gl-s48, .s-48 { height: var(--de-space_9) !important; } .is-style-gl-s60, .gl-s60 { height: var(--de-space_10) !important; } .is-style-gl-s72, .gl-s72, .s-72 { height: var(--de-space_11) !important; } .is-style-gl-s96, .gl-s96, .s-96 { height: var(--de-space_12) !important; } .is-style-gl-s120, .gl-s120 { height: var(--de-space_13) !important; } .is-style-gl-s160, .gl-s160 { height: var(--de-space_14) !important; } .is-style-gl-s200, .gl-s200 { height: var(--de-space_15) !important; } .is-style-gl-s240, .gl-s240 { height: var(--de-space_16) !important; } .is-style-gl-s270, .gl-s270 { height: var(--de-space_17) !important; } /*------------------------------------------------- >> Styles for Theme Spacers -------------------------------------------------*/ .ts-160 { height: 160px; } .ts-140 { height: 140px; } .ts-120 { height: 120px; } .ts-100 { height: 100px; } .ts-80 { height: 80px; } .ts-60 { height: 60px; } .ts-40 { height: 40px; } /*------------------------------------------------- >> Basic styles for theme -------------------------------------------------*/ /**** * * helper classes * ****/ .large-text { font-size: var(--de-font_size_6); line-height: 1.3; } .small-text { font-size: 0.875rem; line-height: 1; } .black-text { color: var(--wp--preset--color--black); } .white_text { color: var(--wp--preset--color--white); } .float-right { float: right; } .float-left { float: left; } .center-align { text-align: center; } .right-align { text-align: right; } .left-align { text-align: left; } .text-uppercase { text-transform: uppercase; } .text-decuration-none { text-decoration: none; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-items-center { align-items: center; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .align-content-start { align-content: flex-start; } .align-content-end { align-content: flex-end; } .align-content-center { align-content: center; } .align-content-between { align-content: space-between; } .align-content-around { align-content: space-around; } .align-content-stretch { align-content: stretch; } .align-self-auto { align-self: auto; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-self-center { align-self: center; } .align-self-baseline { align-self: baseline; } .align-self-stretch { align-self: stretch; } .flex-wrap { flex-wrap: wrap; } .flex-no-wrap { flex-wrap: nowrap; } .flex-center { display: flex; align-items: center; justify-content: center; } .bg-cover { background-size: cover; } .bg-contain { background-size: contain; } .bg-position-center { background-position: center; } .bg-norepeat { background-repeat: no-repeat; } .bg-repeat { background-repeat: repeat; } .reset-bg { background-size: cover; background-repeat: no-repeat; background-position: center; } /**** * * breadcrumbs * ****/ #breadcrumbs { color: var(--de-breadcrumb_color); text-transform: uppercase; margin-bottom: 23px; font-size: 0.875rem; } #breadcrumbs span { font-size: var(--de-font_size_4); } #breadcrumbs span.breadcrumb_last { font-size: 0.875rem; font-weight: 500; margin-left: 10px; } #breadcrumbs a, #breadcrumbs:visited { color: var(--de-breadcrumb_link_color); font-weight: 700; margin: 0 10px; border-bottom: 1px solid var(--de-breadcrumb_border_color); font-size: 0.875rem; } #breadcrumbs a:hover, #breadcrumbs:visited:hover { border-bottom: 1px solid var(--de-breadcrumb_border_color_hover); } .single-post #breadcrumbs span span span span span span { color: var(--de-breadcrumb_span_color); } .single-post #breadcrumbs span span span span span span a { color: var(--de-breadcrumb_link_color); } /**** * * buttons * ****/ .learn-more { position: relative; padding: 0 26px 0 0; } .learn-more::after { content: ""; position: absolute; top: 0; bottom: 0; margin-block: auto; right: 0; transition: transform 0.3s linear; width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgLTYuNSAzNiAzNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiNmZmZmZmYiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8dGl0bGU+cmlnaHQtYXJyb3c8L3RpdGxlPiA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gPGcgaWQ9Imljb25zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gPGcgaWQ9InVpLWdhbWJsaW5nLXdlYnNpdGUtbGluZWQtaWNub3MtY2FzaW5vc2h1bnRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxMi4wMDAwMDAsIC0xNTkuMDAwMDAwKSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJub256ZXJvIj4gPGcgaWQ9InNxdWFyZS1maWxsZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgMTIwLjAwMDAwMCkiPiA8cGF0aCBkPSJNMTg3LjEwODAxMiwzOS4yOTAyODU3IEwxOTcuNjQ5ODA0LDQ5Ljc0MTcwNDMgTDE5Ny43MDg5OTQsNDkuNzk1OTE2OSBDMTk3Ljg4OTE0MSw0OS45NzQ1NTQzIDE5Ny45ODYxNDMsNTAuMjA0NDE4MiAxOTgsNTAuNDM4MjIyNyBMMTk4LDUwLjU2MTc3NzMgQzE5Ny45ODYxNDMsNTAuNzk1NTgxOCAxOTcuODg5MTQxLDUxLjAyNTQ0NTcgMTk3LjcwODk5NCw1MS4yMDQwODMxIEwxOTcuNjU3MSw1MS4yNDc5ODAzIEwxODcuMTA4MDEyLDYxLjcwOTcxNDMgQzE4Ni43MTc2OTQsNjIuMDk2NzYxOSAxODYuMDg0ODY1LDYyLjA5Njc2MTkgMTg1LjY5NDU0Nyw2MS43MDk3MTQzIEMxODUuMzA0MjMsNjEuMzIyNjY2OCAxODUuMzA0MjMsNjAuNjk1MTM4NyAxODUuNjk0NTQ3LDYwLjMwODA5MTEgTDE5NC43MDI2NjYsNTEuMzczODQ5NiBMMTYyLjk5OTQ3LDUxLjM3NDYyOTEgQzE2Mi40NDc0NzgsNTEuMzc0NjI5MSAxNjIsNTAuOTMwODk5NyAxNjIsNTAuMzgzNTMxOCBDMTYyLDQ5LjgzNjE2MzkgMTYyLjQ0NzQ3OCw0OS4zOTI0MzQ1IDE2Mi45OTk0Nyw0OS4zOTI0MzQ1IEwxOTQuNDY3NzksNDkuMzkxNjU1MSBMMTg1LjY5NDU0Nyw0MC42OTE5MDg5IEMxODUuMzA0MjMsNDAuMzA0ODYxMyAxODUuMzA0MjMsMzkuNjc3MzMzMiAxODUuNjk0NTQ3LDM5LjI5MDI4NTcgQzE4Ni4wODQ4NjUsMzguOTAzMjM4MSAxODYuNzE3Njk0LDM4LjkwMzIzODEgMTg3LjEwODAxMiwzOS4yOTAyODU3IFogTTE5Ny4xMTUzNTcsNTAuMzgyNjkzIEwxODYuNDAxMjc5LDYxLjAwODkwMjcgTDE5Ny4wMDIxNTEsNTAuNTAwMjA0NiBMMTk3LjAwMjI1Miw1MC40OTYzNzE5IEwxOTYuOTQzMTQyLDUwLjQ0MjU4NSBMMTk2Ljg4MjczNyw1MC4zODI2OTMgTDE5Ny4xMTUzNTcsNTAuMzgyNjkzIFoiIGlkPSJyaWdodC1hcnJvdyI+IDwvcGF0aD4gPC9nPiA8L2c+IDwvZz4gPC9nPgoNPC9zdmc+); background-repeat: no-repeat; background-position: center; background-size: contain; filter: brightness(0) saturate(100%) invert(57%) sepia(90%) saturate(3292%) hue-rotate(342deg) brightness(103%) contrast(101%); } a.learn-more { border-bottom: none; } a.learn-more:hover::after { transform: translateX(6px); } a.button, a.button:visited, span.button, .is-style-mycustomstyle .wp-element-button { font-family: "Roboto", sans-serif; font-weight: 500; box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; padding: 15px 30px; text-decoration: none; color: var(--de-theme_btn_color); background-color: var(--de-theme_btn_bgcolor); border: none; transition: all 0.35s ease-in-out; margin-right: 9px; text-align: center; border-radius: 12px; font-size: var(--de-font_size_3); line-height: 1.3; text-transform: uppercase; z-index: 1; overflow: hidden; } a.button:last-child, a.button:visited:last-child, span.button:last-child, .is-style-mycustomstyle .wp-element-button:last-child { margin-right: 0; } a.button::before, a.button:visited::before, span.button::before, .is-style-mycustomstyle .wp-element-button::before { bottom: -100%; left: 0; width: 100%; height: 100%; background-color: var(--de-theme_btn_bgcolor_hover); transform: scaleX(0.3) scaleY(1); transform-origin: bottom center; border-radius: 50%; z-index: -1; } a.button::before, a.button::after, a.button:visited::before, a.button:visited::after, span.button::before, span.button::after, .is-style-mycustomstyle .wp-element-button::before, .is-style-mycustomstyle .wp-element-button::after { content: ""; position: absolute; transition: all 0.4s ease-in-out; } a.button::after, a.button:visited::after, span.button::after, .is-style-mycustomstyle .wp-element-button::after { width: 18px; height: 18px; background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgLTYuNSAzNiAzNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiNmZmZmZmYiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8dGl0bGU+cmlnaHQtYXJyb3c8L3RpdGxlPiA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gPGcgaWQ9Imljb25zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gPGcgaWQ9InVpLWdhbWJsaW5nLXdlYnNpdGUtbGluZWQtaWNub3MtY2FzaW5vc2h1bnRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxMi4wMDAwMDAsIC0xNTkuMDAwMDAwKSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJub256ZXJvIj4gPGcgaWQ9InNxdWFyZS1maWxsZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgMTIwLjAwMDAwMCkiPiA8cGF0aCBkPSJNMTg3LjEwODAxMiwzOS4yOTAyODU3IEwxOTcuNjQ5ODA0LDQ5Ljc0MTcwNDMgTDE5Ny43MDg5OTQsNDkuNzk1OTE2OSBDMTk3Ljg4OTE0MSw0OS45NzQ1NTQzIDE5Ny45ODYxNDMsNTAuMjA0NDE4MiAxOTgsNTAuNDM4MjIyNyBMMTk4LDUwLjU2MTc3NzMgQzE5Ny45ODYxNDMsNTAuNzk1NTgxOCAxOTcuODg5MTQxLDUxLjAyNTQ0NTcgMTk3LjcwODk5NCw1MS4yMDQwODMxIEwxOTcuNjU3MSw1MS4yNDc5ODAzIEwxODcuMTA4MDEyLDYxLjcwOTcxNDMgQzE4Ni43MTc2OTQsNjIuMDk2NzYxOSAxODYuMDg0ODY1LDYyLjA5Njc2MTkgMTg1LjY5NDU0Nyw2MS43MDk3MTQzIEMxODUuMzA0MjMsNjEuMzIyNjY2OCAxODUuMzA0MjMsNjAuNjk1MTM4NyAxODUuNjk0NTQ3LDYwLjMwODA5MTEgTDE5NC43MDI2NjYsNTEuMzczODQ5NiBMMTYyLjk5OTQ3LDUxLjM3NDYyOTEgQzE2Mi40NDc0NzgsNTEuMzc0NjI5MSAxNjIsNTAuOTMwODk5NyAxNjIsNTAuMzgzNTMxOCBDMTYyLDQ5LjgzNjE2MzkgMTYyLjQ0NzQ3OCw0OS4zOTI0MzQ1IDE2Mi45OTk0Nyw0OS4zOTI0MzQ1IEwxOTQuNDY3NzksNDkuMzkxNjU1MSBMMTg1LjY5NDU0Nyw0MC42OTE5MDg5IEMxODUuMzA0MjMsNDAuMzA0ODYxMyAxODUuMzA0MjMsMzkuNjc3MzMzMiAxODUuNjk0NTQ3LDM5LjI5MDI4NTcgQzE4Ni4wODQ4NjUsMzguOTAzMjM4MSAxODYuNzE3Njk0LDM4LjkwMzIzODEgMTg3LjEwODAxMiwzOS4yOTAyODU3IFogTTE5Ny4xMTUzNTcsNTAuMzgyNjkzIEwxODYuNDAxMjc5LDYxLjAwODkwMjcgTDE5Ny4wMDIxNTEsNTAuNTAwMjA0NiBMMTk3LjAwMjI1Miw1MC40OTYzNzE5IEwxOTYuOTQzMTQyLDUwLjQ0MjU4NSBMMTk2Ljg4MjczNyw1MC4zODI2OTMgTDE5Ny4xMTUzNTcsNTAuMzgyNjkzIFoiIGlkPSJyaWdodC1hcnJvdyI+IDwvcGF0aD4gPC9nPiA8L2c+IDwvZz4gPC9nPgoNPC9zdmc+); background-repeat: no-repeat; background-size: 18px; background-position: left -18px center; top: 0; bottom: 0; right: 18px; margin-block: auto; } a.button:hover, a.button:visited:hover, span.button:hover, .is-style-mycustomstyle .wp-element-button:hover { color: var(--de-theme_btn_color_hover); padding: 15px 42px 15px 18px; } a.button:hover::before, a.button:visited:hover::before, span.button:hover::before, .is-style-mycustomstyle .wp-element-button:hover::before { bottom: -10%; transform: scale(1.5); } a.button:hover::after, a.button:visited:hover::after, span.button:hover::after, .is-style-mycustomstyle .wp-element-button:hover::after { background-position: left 0px center; } a.button.outline-btn, a.button:visited.outline-btn, span.button.outline-btn, .is-style-mycustomstyle .wp-element-button.outline-btn { background-color: transparent; color: var(--de-theme_btn_color_hover); } a.wp-block-button__link, a.wp-block-button__link:visited { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; padding: 11px 30px; text-decoration: none; color: var(--de-theme_btn_color); background-color: var(--de-theme_btn_bgcolor); border: 2px solid var(--de-theme_btn_border_color); transition: all 0.35s ease-in-out; margin-right: 9px; font-size: var(--de-font_size_3); border-radius: 100px; } a.wp-block-button__link:hover, a.wp-block-button__link:visited:hover { background-color: var(--de-theme_btn_bgcolor_hover); border: 2px solid var(--de-theme_btn_border_color_hover); color: var(--de-theme_btn_color_hover); } a.wp-block-button__link.has-background, a.wp-block-button__link:visited.has-background { border: none; } a.wp-block-button__link.has-background:hover, a.wp-block-button__link:visited.has-background:hover { border: none; color: unset; } a.wp-block-button__link.has-text-color.has-background, a.wp-block-button__link:visited.has-text-color.has-background { border: none; } a.wp-block-button__link.has-text-color.has-background:hover, a.wp-block-button__link:visited.has-text-color.has-background:hover { border: none; } /**** * * WordPress buttons * ****/ /* Styles for the disabled button */ button[disabled] { background-color: #dddddd; /* Background color when disabled */ color: #999999; /* Text color when disabled */ cursor: not-allowed; /* Cursor style when disabled */ border: 1px solid #cccccc; /* Border color when disabled */ opacity: 0.6; /* Opacity when disabled */ /* Add any additional styles as needed */ } /* Optional: Hover styles for disabled button */ button[disabled]:hover { background-color: #dddddd; /* Background color on hover when disabled */ /* Add any additional hover styles as needed */ } .wp-block-button.is-style-outline a.wp-block-button__link, .wp-block-button.is-style-outline a.wp-block-button__link:visited { border: 2px solid var(--de-wp_outline_btn_border_color); } .wp-block-button.is-style-outline a.wp-block-button__link:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited:hover { background-color: var(--de-wp_outline_btn_bgcolor); color: var(--de-wp_outline_btn_color); } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline a.wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-background:hover { background-color: unset; color: unset; } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background { border: none; } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background:hover { border: none; } .no-visible { visibility: hidden; } /**** * * 404 page * ****/ .not-found { text-align: center; } .error-404 { text-align: center; margin: 20px 0; width: 100%; } .error-404 .menu { margin: 0; } .error-404 ul li { display: inline-block; margin: 0 0 0 20px; font-weight: 700; padding: 0; } .error-404 ul li::before { display: none; } .error-404 ul li a { padding: 10px; border-bottom: 0; } .error-404 ul li a:hover { color: var(--de-error_menu_color); } .error-404 ul li ul { display: none; } .form-404 { margin: 0 auto 0; max-width: 720px; } .form-404 p { margin-bottom: 20px; } /** * Custom Select Styles **/ .select-dropdown ul.select-dropdown__list { display: none; } .select-dropdown ul.select-dropdown__list.is-active-dropdown { display: block; } .select-dropdown ul.select-dropdown__list li.select-dropdown__item { outline: 2px dotted transparent; } .select-dropdown ul.select-dropdown__list li.select-dropdown__item:focus, .select-dropdown ul.select-dropdown__list li.select-dropdown__item:focus-visible { outline-color: black !important; } .select-dropdown .select-dropdown__button:focus, .select-dropdown .select-dropdown__button:focus-visible { outline-color: black !important; } img.main-image { opacity: 0; transition: all 500ms ease-in-out; } picture img.loaded { opacity: 1; } .col-32 { width: 32%; } .col-62 { width: 62%; } .col-60 { width: 60%; } .col-41 { width: 41%; } .col-38 { width: 38%; } .col-48 { width: 48%; } .col-55 { width: 55%; } .col-49 { width: 49%; } .col-70 { width: 70%; } .col-50 { width: 50%; } .col-90 { width: 90%; } .section-head h1, .section-head h2, .section-head h3, .section-head h4, .section-head h5, .section-head h6 { margin-bottom: 0; } .section-head h1.big-heading, .section-head h2.big-heading, .section-head h3.big-heading, .section-head h4.big-heading, .section-head h5.big-heading, .section-head h6.big-heading { margin-bottom: clamp(-3.125rem, -4.867vw + 0.525rem, -1.75rem); } .section-head h1.big-heading.text-80, .section-head h2.big-heading.text-80, .section-head h3.big-heading.text-80, .section-head h4.big-heading.text-80, .section-head h5.big-heading.text-80, .section-head h6.big-heading.text-80 { margin-bottom: clamp(-2.25rem, -2.655vw - 0.259rem, -1.5rem); } .section-head p:first-of-type { margin-top: 20px; } .section-head.center-align { margin-inline: auto; } .block-button { line-height: 0.6; } .zoom-in { position: relative; overflow: hidden; } .zoom-in img { transition: all 0.3s ease-in-out; } a.img-cover, a.project-title, a:visited.img-cover, a:visited.project-title { padding-bottom: 0; border-bottom: none; } a:hover.zoom-in img, a:visited:hover.zoom-in img { transform: scale(1.02); } .img-cover { line-height: 0.6; } .img-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: linear; } .kicker { position: relative; font-weight: 600; text-transform: uppercase; width: -moz-max-content; width: max-content; padding-bottom: 5px; margin-bottom: 15px; } .kicker::before { content: ""; position: absolute; bottom: 0; left: 0; width: 60%; height: 2px; background-color: var(--de-color_secondary); } .cursor-dot, .cursor-dot-outline { pointer-events: none; position: absolute; top: 50%; left: 50%; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; z-index: 99; } .cursor-dot { width: 8px; height: 8px; background-color: var(--de-color_secondary); } .cursor-dot-outline { width: 40px; height: 40px; background-color: var(--de-orange_1); } .cursor-dot-outline.active { width: 60px; height: 60px; background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjZmZmIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB0cmFuc2Zvcm09InJvdGF0ZSgxODApIiBzdHJva2U9IiNmZmYiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8Zz4gPGc+IDxwYXRoIGQ9Ik01MDUuNzUyLDYuMjQ4Yy04LjMzMS04LjMzMS0yMS44MzktOC4zMzEtMzAuMTcsMEw0Mi42NjcsNDM5LjE2M3YtMjI1LjgzYzAtMTEuNzgyLTkuNTUxLTIxLjMzMy0yMS4zMzMtMjEuMzMzIEM5LjU1MSwxOTIsMCwyMDEuNTUxLDAsMjEzLjMzM3YyNzcuMzMzYzAsMC43MDMsMC4wMzcsMS40MDUsMC4xMDYsMi4xMDVjMC4wMzEsMC4zMTUsMC4wOSwwLjYyMSwwLjEzNSwwLjkzMyBjMC4wNTQsMC4zNzcsMC4wOTgsMC43NTYsMC4xNzMsMS4xM2MwLjA3MSwwLjM1OCwwLjE2OSwwLjcwNCwwLjI1OCwxLjA1NWMwLjA4MSwwLjMyNCwwLjE1MiwwLjY0OSwwLjI0OSwwLjk2OSBjMC4xMDQsMC4zNDQsMC4yMzMsMC42NzcsMC4zNTQsMS4wMTNjMC4xMTUsMC4zMiwwLjIyLDAuNjQyLDAuMzUsMC45NTdjMC4xMywwLjMxNSwwLjI4NCwwLjYxNiwwLjQyOSwwLjkyMyBjMC4xNTMsMC4zMjQsMC4yOTcsMC42NTEsMC40NjcsMC45NjljMC4xNTgsMC4yOTQsMC4zMzcsMC41NzMsMC41MDgsMC44NTljMC4xODYsMC4zMTEsMC4zNjIsMC42MjcsMC41NjUsMC45MzEgYzAuMjExLDAuMzE2LDAuNDQ2LDAuNjEyLDAuNjczLDAuOTE2YzAuMTksMC4yNTQsMC4zNjYsMC41MTQsMC41NjksMC43NjFjMC40NDMsMC41NCwwLjkxLDEuMDU5LDEuNDAzLDEuNTUyIGMwLjAwNCwwLjAwNCwwLjAwNiwwLjAwOCwwLjAxLDAuMDExYzAuMDA0LDAuMDA0LDAuMDA4LDAuMDA3LDAuMDEyLDAuMDExYzAuNDkzLDAuNDkyLDEuMDEyLDAuOTU5LDEuNTUxLDEuNDAyIGMwLjI0NywwLjIwMywwLjUwNywwLjM3OSwwLjc2LDAuNTY4YzAuMzA0LDAuMjI3LDAuNjAxLDAuNDYzLDAuOTE3LDAuNjc0YzAuMzAzLDAuMjAzLDAuNjE4LDAuMzc5LDAuOTMsMC41NjUgYzAuMjg2LDAuMTcxLDAuNTY1LDAuMzUsMC44NiwwLjUwOGMwLjMxOCwwLjE3LDAuNjQ1LDAuMzE0LDAuOTY5LDAuNDY3YzAuMzA3LDAuMTQ1LDAuNjA5LDAuMjk4LDAuOTIzLDAuNDI4IGMwLjMxNSwwLjEzLDAuNjM2LDAuMjM1LDAuOTU2LDAuMzVjMC4zMzcsMC4xMjEsMC42NywwLjI1LDEuMDE1LDAuMzU1YzAuMzIsMC4wOTcsMC42NDUsMC4xNjgsMC45NjgsMC4yNDkgYzAuMzUxLDAuMDg5LDAuNjk4LDAuMTg3LDEuMDU2LDAuMjU4YzAuMzc1LDAuMDc0LDAuNzUzLDAuMTE4LDEuMTMsMC4xNzJjMC4zMTEsMC4wNDQsMC42MTgsMC4xMDQsMC45MzMsMC4xMzUgYzAuNywwLjA2OSwxLjQwMiwwLjEwNiwyLjEwNCwwLjEwNmMwLDAsMC4wMDEsMCwwLjAwMSwwaDI3Ny4zMzNjMTEuNzgyLDAsMjEuMzMzLTkuNTUxLDIxLjMzMy0yMS4zMzMgcy05LjU1MS0yMS4zMzMtMjEuMzMzLTIxLjMzM0g3Mi44MzdMNTA1Ljc1MiwzNi40MThDNTE0LjA4MywyOC4wODcsNTE0LjA4MywxNC41OCw1MDUuNzUyLDYuMjQ4eiIvPiA8L2c+IDwvZz4gPC9nPgoNPC9zdmc+); background-repeat: no-repeat; background-position: center; background-size: 24px; background-color: var(--de-color_secondary); pointer-events: none; } .solution-ctn br { display: none; } .stat-items { text-align: center; padding: var(--de-space_9) 0; } .stat-items h2, .stat-items h3, .stat-items h4, .stat-items h5, .stat-items h6 { margin-bottom: 0; } .stat-text { color: var(--de-color_secondary); font-size: 20px; } .lead-paragraph-row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .lead-paragraph-row h2 { width: 30%; } .lead-paragraph-row:nth-child(n+2) { margin-top: 44px; } .lead-paragraph { width: 65%; font-size: 18px; margin-top: 10px; } .marquee { width: 100%; overflow: hidden; box-sizing: border-box; /* optional: align center or add padding */ padding: 20px 0; } .marquee__inner { display: flex; gap: 60px; /* same as your owl margin */ align-items: center; white-space: nowrap; will-change: transform; /* hints browser for smooth hw accel */ /* animation will be injected dynamically by JS (duration depends on content) */ } .text-slide { flex: 0 0 auto; /* variable width: natural width of content */ display: inline-flex; align-items: center; } .text-slide h2 { margin-bottom: 0; } /* pause on hover */ .marquee:hover .marquee__inner { animation-play-state: paused; } /* respect reduced motion accessibility */ @media (prefers-reduced-motion: reduce) { .marquee__inner { animation: none !important; } } .breadcrumb { display: flex; gap: 16px; margin-bottom: 20px; } .breadcrumb a, .breadcrumb a:visited { color: var(--de-color_secondary); padding-right: 24px; } .breadcrumb a::after, .breadcrumb a:visited::after { content: ""; position: absolute; top: 6px; right: 0; width: 14px; height: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAxLjc3Njc5TDEwLjk5OCAxMC45OTk4TDIwLjIyMTEgMS43NzY3OSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center; background-size: 13px; transform: rotate(270deg); filter: brightness(0) saturate(100%) invert(67%) sepia(61%) saturate(5537%) hue-rotate(341deg) brightness(101%) contrast(102%); } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .post-box .post-box-img a { height: 100%; display: inline-block; } .post-box .post-image a { height: 100%; display: inline-block; width: 100%; } .post-box .post-image a .post-featured-thumb { height: 100%; width: 100%; } .post-box:last-of-type { margin-bottom: 0; } .post-box .post-box-img:hover img { transform: scale(1.05); } .post-content { margin-top: 15px; } .post-box-img { overflow: hidden; height: 250px; } .post-box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.3s ease-in-out; } .post-box-title h2 a, .post-box-title h4 a { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: var(--de-body_color); border-bottom: none; } .post-box-title h2 a:last-child, .post-box-title h4 a:last-child { margin-bottom: 0; } .post-box-title h4 { margin: 0 0 10px; } .post-box.featured-post .post-box-inner { display: flex; align-items: center; } .post-box.featured-post .post-box-inner .post-box-img { width: 60%; min-height: 400px; } .post-box.featured-post .post-box-inner .post-content { width: 45%; margin-top: 0; margin-left: 30px; } .post-box.featured-post .post-box-inner .post-content h2 a { color: var(--de-body_color); } .post-box.featured-post .post-box-inner span.button { margin-top: 30px; } .post-author-ctn { display: flex; } .post-author-ctn .post-author-img { border-radius: 50%; margin-right: 20px; } .post-author-ctn .post-meta-date { color: var(--de-dark-gray); font-size: var(--de-font_size_3); } .post-box-meta { margin-bottom: 15px; } .post-box-meta .post-date { margin-right: 20px; font-size: 0.875rem; } .post-box-meta .ac-post-cat { font-size: 0.875rem; } .post-box-meta a { text-decoration: none; border-bottom: none; margin-left: 5px; } .post-box-excerpt p { margin-bottom: 15px; } .hero-ctn .post-box-meta { margin-bottom: 15px; } .post-tag a { font-family: "Open Sans"; margin-bottom: 8px; border-bottom: none; padding: 3px 10px; display: inline-block; color: var(--de-black); background-color: var(--de-white_1); } .post-tag a:hover { background-color: var(--de-white_2); } .blog-nav .nav-ctn ul { display: flex; justify-content: center; flex-wrap: wrap; } .blog-nav .nav-ctn ul ul { margin-left: 0; } .blog-nav .nav-ctn ul li { list-style: none; margin: 0 5px; padding: 10px 20px; background-color: var(--de-white_1); } .blog-nav .nav-ctn ul li a { font-size: var(--de-font_size_3); color: var(--de-black); } .resources-post-box { border: 0; margin-bottom: 50px; } .resources-post-box .post-image a { height: 100%; display: inline-block; width: 100%; } .resources-post-box .rc-post-img:hover img { transform: scale(1.05); } .featured-post .rc-post-img { width: 47%; min-height: 400px; } .featured-post .post-content { width: 47%; margin-top: 0; } .featured-post .resources-inner { margin-bottom: 0; } .rc-post-img { overflow: hidden; height: 250px; } .rc-post-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.3s ease-in-out; } .post-meta { margin-bottom: 30px; } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .two-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(350px, 50% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--de-space_6); } .projects-two-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(260px, 50% - 3%, 100%), 100%), 1fr)); gap: 3%; row-gap: var(--de-space_10); } .services-two-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(310px, 50% - 4%, 100%), 100%), 1fr)); gap: 4%; row-gap: 50px; } .three-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(289px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; gap: 24px; } .services-three-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(289px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: 50px; } .icon-grid-three-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(289px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: 72px; } .projects-three-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(289px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--de-space_10); } .four-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(250px, 25% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--de-space_6); } .five-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(200px, 20% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--de-space_6); } /*------------------------------------------------- >> Styles for Website Blocks -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for Defualt Block -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for FAQ's Block -------------------------------------------------*/ .faq-block { max-width: 825px; margin: 0 auto; } .faq > a { border: none; display: block; font-size: 24px; line-height: 30px; font-family: "Open Sans"; cursor: pointer; position: relative; padding: 37px 0 36px; border-top: 1px solid rgba(40, 28, 60, 0.12); } .faq > a::after { position: absolute; content: ""; width: 30px; height: 30px; right: 0; top: 37px; transition: all 0.4s ease-in-out; display: block; background-repeat: no-repeat; background-position: center; } .faq > a:hover { color: var(--wp--preset--color--black); border-top: 1px solid rgba(40, 28, 60, 0.12); } .faq > a.active { padding-bottom: 24px; color: var(--wp--preset--color--black); } .faq-content { display: none; border-top: 0; color: var(--wp--preset--color--black); font-size: var(--de-font_size_3); line-height: 32px; padding-bottom: 48px; max-width: 716px; } .faq-content p:last-child { margin-bottom: 0; } .top-latters-area a, .top-latters-area a:visited { display: inline-block; width: 44px; height: 44px; box-sizing: border-box; border-radius: 50%; border: 1px solid rgba(40, 28, 60, 0.2); text-transform: uppercase; font-size: var(--de-font_size_3); line-height: 22px; font-family: "Open Sans"; padding: 10px; color: var(--wp--preset--color--black); margin: 0 4px 12px 0; text-align: center; } .top-latters-area a:hover, .top-latters-area a:visited:hover { border: 1px solid rgba(40, 28, 60, 0.6); } .letter-box { float: left; width: 38px; height: 38px; border-radius: 50%; text-transform: uppercase; text-align: center; padding: 7px; box-sizing: border-box; background-color: rgba(40, 28, 60, 0.04); font-size: 15px; line-height: 20px; font-family: "Open Sans"; } .glossary-content { padding: 24px 0; border-bottom: 1px solid rgba(40, 28, 60, 0.12); } .glossary-content:last-child { border-bottom: 0; } /*------------------------------------------------- >> Basic styles for Team Block -------------------------------------------------*/ .team-members { display: flex; flex-wrap: wrap; align-items: stretch; } .single-member { position: relative; margin-bottom: 40px; } .single-member .t-detail { margin-top: 20px; } .single-member .sm-inner { display: inline-block; box-sizing: border-box; width: 100%; height: 100%; border-bottom: none; position: relative; } .single-member .member-image { background-image: url(images/default-image.webp); background-repeat: no-repeat; background-position: center; background-size: cover; height: 310px; width: 100%; } .single-member .member-name { font-family: "Open Sans"; margin-bottom: 8px; } .single-member .designation { font-family: "Open Sans"; font-size: var(--de-font_size_4); margin-bottom: 0; } .black-container * { color: var(--wp--preset--color--white); } .section-team-variation { max-width: 1064px; margin: 0 auto; } .single-member-detail { display: flex; flex-wrap: wrap; align-items: center; -moz-column-gap: 2%; column-gap: 2%; justify-content: space-between; padding: 16px 0 21px; color: var(--wp--preset--color--black80); border-bottom: 1px solid var(--wp--preset--color--regular_text); } .single-member-detail:first-child { border-top: 1px solid var(--wp--preset--color--regular_text); } .single-member-detail h6 { letter-spacing: -0.15px; color: var(--wp--preset--color--black80); } .single-member-detail h6, .single-member-detail p { margin-bottom: 0; } .single-member-detail .name { flex: 4; } .single-member-detail .description { flex: 5; } .single-member-detail .title { flex: 2; } .team-detail { align-items: center; justify-content: center; box-sizing: border-box; max-width: 639px; max-height: 70vh; width: 100%; transition: all 0.5s ease-in-out; display: inline-block; margin: 0 auto; position: relative; overflow: hidden; } .team-detail .team-detail-inner { padding-right: 6px; height: 100%; overflow: auto; } .team-detail .team-detail-inner::-webkit-scrollbar { display: none; } .team-detail .team-detail-inner.scroll { padding-right: 0; } .team-detail .team-detail-inner.scroll::-webkit-scrollbar { display: block; } .team-detail .mfp-close { position: absolute; top: 7px; right: 5px; width: 16px; height: 16px; transition: all 200ms; background-position: top right; background-repeat: no-repeat; background-size: contain; } .team-detail .mfp-close:hover { background-color: transparent; cursor: pointer; } .team-detail-inner::-webkit-scrollbar { width: 6px; height: 100%; } .team-detail-inner::-webkit-scrollbar-track { background-color: var(--wp--preset--color--regular_text); } .team-detail-inner::-webkit-scrollbar-thumb { background: var(--de-yellow); } .single-team { text-align: left; } .single-team .single-team-head { background-color: var(--wp--preset--color--mgray); position: relative; padding-right: 35px; } .single-team .member-image-popup { width: 30%; height: 185px; } .single-team .member-detail-popup { width: 64%; } .single-team .member-name-popup { font-family: "Open Sans"; color: var(--wp--preset--color--dark_text); margin-bottom: 5px; } .single-team .member-designation { font-family: "Open Sans"; color: var(--wp--preset--color--lblack); margin-bottom: 0; font-size: var(--de-font_size_3); letter-spacing: -0.6px; } .single-team .single-team-content * { color: black !important; } .single-team .single-team-content { overflow: auto; background-color: var(--wp--preset--color--white_text); padding: 41px 60px 50px 50px; font-size: var(--de-font_size_4); line-height: 1.65; } .single-team .single-team-content p { margin-bottom: 0; } .mfp-content { text-align: center; } .mfp-wrap { z-index: 999999 !important; } /*------------------------------------------------- >> Basic styles for Image Alongside Text Block -------------------------------------------------*/ .image-at-right .iat-image { order: 2; } /*------------------------------------------------- >> Basic styles for Projects Block -------------------------------------------------*/ .projects-two-columns .project-item:nth-child(2n+2) { margin-top: clamp(2.5rem, 8.85vw - 1.637rem, 5rem); } .project-item { position: relative; overflow: hidden; height: 400px; } .project-item a, .project-item a:visited { display: block; height: 100%; border-bottom: none; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 12px; } .project-item a::before, .project-item a:visited::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--de-black_1); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .project-item a.project-title, .project-item a:visited.project-title { display: block; } .project-item a h2, .project-item a h3, .project-item a h4, .project-item a h5, .project-item a h6, .project-item a:visited h2, .project-item a:visited h3, .project-item a:visited h4, .project-item a:visited h5, .project-item a:visited h6 { margin-bottom: 0; } .project-item a:hover::before, .project-item a:visited:hover::before { opacity: 0.7; visibility: visible; } .project-item a:hover .project-short-data, .project-item a:visited:hover .project-short-data { transform: translateY(0); opacity: 1; visibility: visible; } .project-item a:hover .project-short-data h2, .project-item a:hover .project-short-data h3, .project-item a:hover .project-short-data h4, .project-item a:hover .project-short-data h5, .project-item a:hover .project-short-data h6, .project-item a:visited:hover .project-short-data h2, .project-item a:visited:hover .project-short-data h3, .project-item a:visited:hover .project-short-data h4, .project-item a:visited:hover .project-short-data h5, .project-item a:visited:hover .project-short-data h6 { color: var(--de-white); } .project-item p:first-of-type { margin-top: 10px; } .project-item ul { margin: 20px 0 0 clamp(1.25rem, 1.88vw + 0.371rem, 1.875rem); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 20px; } .project-item li { width: calc(50% - 10px); margin: 0; } .work-category { border: 1px solid var(--de-border_3); padding: 10px 16px 10px; width: -moz-max-content; width: max-content; color: var(--de-color_secondary); font-size: 18px; line-height: 1; border-radius: 30px; font-weight: 600; margin-bottom: 10px; } span.work-category { display: inline-block; } .project-image { position: relative; } .project-image img { aspect-ratio: 1/1.15; -o-object-position: top center; object-position: top center; transition: object-position 6s linear; transition: object-position 6s linear, -o-object-position 6s linear; } .project-image.ajnodes-img img { transition-duration: 11s; } .project-image.printed-bags-img img { transition: 4s; } a.work-category:hover, a:visited.work-category:hover { border-color: var(--de-orange); color: var(--de-orange); } .apps-project .project-item:nth-child(2n+2) { margin-top: 0; } .no-margin .project-item:nth-child(2n+2) { margin-top: 0; } .project-short-data { position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; text-align: center; opacity: 0; visibility: hidden; transform: translateY(80px); transition: all 0.3s ease-in-out; z-index: 1; width: 85%; } /*------------------------------------------------- >> Basic styles for Services Block -------------------------------------------------*/ .service * { transition: color 0.3s ease-in-out; } .service.active { background-color: var(--de-color_primary); } .service.active h1, .service.active h2, .service.active h3, .service.active h4, .service.active h5, .service.active h6, .service.active p, .service.active li, .service.active a, .service.active a:visited { color: var(--de-white_text); } .service h1, .service h2, .service h3, .service h4, .service h5, .service h6 { transition: color 0.3s linear; text-transform: capitalize; } .service p { margin-bottom: 20px; } .service-content { margin-top: 16px; } .service a:hover, .service a:visited:hover { border-color: var(--de-border_1); } .service a:hover h1, .service a:hover h2, .service a:hover h3, .service a:hover h4, .service a:hover h5, .service a:hover h6, .service a:hover p, .service a:hover .service-number, .service a:visited:hover h1, .service a:visited:hover h2, .service a:visited:hover h3, .service a:visited:hover h4, .service a:visited:hover h5, .service a:visited:hover h6, .service a:visited:hover p, .service a:visited:hover .service-number { color: var(--de-regular_text); } .service a:hover .service-number, .service a:hover .arrow-link, .service a:visited:hover .service-number, .service a:visited:hover .arrow-link { border-color: var(--de-border_2); } .service-inner { display: flex; justify-content: space-between; align-items: center; text-align: center; gap: 14px 20px; position: relative; z-index: 1; } .service-inner h2, .service-inner h3, .service-inner h4, .service-inner h5, .service-inner h6 { width: 80%; } .services-three-columns .column, .services-two-columns .column { padding: 50px 30px 30px; position: relative; background-color: var(--de-black_1); border-radius: 16px; } .services-three-columns .column ul:last-child, .services-three-columns .column ul li:last-child, .services-three-columns .column ol:last-child, .services-three-columns .column ol li:last-child, .services-two-columns .column ul:last-child, .services-two-columns .column ul li:last-child, .services-two-columns .column ol:last-child, .services-two-columns .column ol li:last-child { margin-bottom: 0; } .services-three-columns .column:nth-child(3) { border-top: 3px solid var(--de-border_3); } .services { justify-content: space-between; flex-wrap: wrap; row-gap: 50px; } .count-number { position: absolute; top: -17px; left: 0; right: 0; margin: 0 auto; background-color: var(--de-color_primary); width: 44px; height: 44px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: var(--de-color_secondary); } .count-number, .service-number { font-size: 20px; font-weight: 500; transition: background-color 0.5s ease-in-out; } .service-number, .arrow-link { width: clamp(2.5rem, 4.425vw + 0.431rem, 3.75rem); height: clamp(2.5rem, 4.425vw + 0.431rem, 3.75rem); display: flex; justify-content: center; align-items: center; line-height: 0.6; border: 1px solid var(--de-border_1); border-radius: 50%; transition: all 0.3s ease-in-out; } .arrow-link img { max-width: clamp(1rem, 1.77vw + 0.173rem, 1.5rem); max-height: clamp(1rem, 1.77vw + 0.173rem, 1.5rem); transition: all 0.3s ease-in-out; } .service-number { color: var(--de-white); } .service { display: flex; align-items: flex-start; justify-content: space-between; } .service-col:nth-child(1) { width: 100px; height: 100px; background-color: var(--de-black_2); padding: 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; border-radius: 12px; line-height: 0.6; } .service-col:nth-child(1) img { max-width: 60px; } .service-col:nth-child(2) { width: calc(100% - 130px); } /*------------------------------------------------- >> Basic styles for Tools Block -------------------------------------------------*/ .tool-ctn { display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; } .tool-ctn .section-head { position: relative; width: 30%; margin-inline: auto; } .tool-ctn.active .tool-item { opacity: 1; visibility: visible; transform: scale(1); } .globe-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .globe-image img { filter: brightness(0) saturate(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(0%); } .tool-inner { position: relative; z-index: 1; padding: 170px 0; } .tool-item { display: flex; justify-content: center; align-items: center; gap: 10px; position: absolute; border-radius: 20px; background-color: var(--de-white); width: -moz-max-content; width: max-content; padding: 6px 12px; font-weight: 600; opacity: 0; visibility: hidden; transform: scale(0.5); transition: all 0.5s ease-in-out; } .tool-item:nth-child(1), .tool-item:nth-child(2) { top: 30px; } .tool-item:nth-child(3), .tool-item:nth-child(4) { top: 25%; transition-delay: 0.2s; } .tool-item:nth-child(3), .tool-item:nth-child(7) { left: 12%; transition-delay: 0.4s; } .tool-item:nth-child(4), .tool-item:nth-child(8) { right: 12%; transition-delay: 0.6s; } .tool-item:nth-child(5), .tool-item:nth-child(6) { top: 46%; transition-delay: 0.8s; } .tool-item:nth-child(5) { left: 21.5%; } .tool-item:nth-child(6) { right: 21.5%; } .tool-item:nth-child(7), .tool-item:nth-child(8) { bottom: 25%; transition-delay: 1s; } .tool-item:nth-child(9), .tool-item:nth-child(10) { bottom: 30px; transition-delay: 1.2s; } .tool-item:nth-child(1), .tool-item:nth-child(9) { left: 0; } .tool-item:nth-child(2), .tool-item:nth-child(10) { right: 0; } .tool-item img { max-width: 25px; max-height: 25px; display: flex; } .tool-item span { font-size: clamp(0.875rem, 0.221vw + 0.772rem, 0.938rem); } /*------------------------------------------------- >> Basic styles for Logo grid Block -------------------------------------------------*/ .logo-grid-item { display: flex; justify-content: center; align-items: center; width: 180px; height: 90px; } .logo-grid-item img { max-width: calc(clamp(8.75rem, 4.425vw + 6.681rem, 10rem) + 20px); max-height: 90px; } .logo-grid-slider { padding: 20px 0; background-color: #f5f6fa; } /*------------------------------------------------- >> Basic styles for Approach Block -------------------------------------------------*/ .approach-tile { justify-content: space-between; align-items: center; } .approach-tile:nth-child(n+2) { margin-top: 40px; } .approach-tile:nth-child(2n+2) { flex-direction: row-reverse; } .approach-tile:nth-child(2n+2) .approach-image { text-align: right; } .approach-tile.active .step-number { opacity: 1; } .approach-tile.active .step-number::before { animation: scaleNumber 0.5s ease-in-out forwards; } .approach-steps { position: relative; } .approach-line { width: 1px; height: 0; background-color: var(--de-border_3); position: absolute; top: 0; left: 0; right: 0; margin-inline: auto; transition: height 0.4s linear; } @keyframes scaleNumber { 0% { transform: scale(0); } 80% { transform: scale(1.1); } 100% { transform: scale(1); } } .step-number { width: 50px; height: 50px; color: var(--de-white); display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; font-size: var(--de-font_size_4); font-weight: 700; transition: all 0.3s ease-in-out; opacity: 0; } .step-number::before, .step-number::after { content: ""; position: absolute; z-index: -2; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transform: scale(1.3); transition: all 0.5s ease-in-out; } .step-number::before { border-radius: 50%; background-color: var(--de-color_secondary); transition: all 0.3s ease-in-out; transform: scale(0); z-index: -1; } .step-number::after { background-color: var(--de-color_primary); } .approach-content, .approach-image { width: calc(50% - 80px); } .approach-image { line-height: 0.6; } .approach-image img { max-width: clamp(6.25rem, 8.108vw + 3.919rem, 10rem); filter: brightness(0) saturate(100%) invert(67%) sepia(61%) saturate(5537%) hue-rotate(341deg) brightness(101%) contrast(102%); } /*------------------------------------------------- >> Basic styles for Contact Form Block -------------------------------------------------*/ .contact-form input[type=submit], .contact-form button, .contact-form input[type=button], .contact-form input[type=reset] { margin: 0; } .contact-form form { margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .container.form-status-footer { display: none !important; } .contact-form-ctn { justify-content: space-between; } .contact-info-item { display: flex; justify-content: space-between; gap: 20px; } .contact-info-item:nth-child(n+2) { margin-top: 36px; } .contact-info-icon { width: 72px; height: 72px; display: flex; justify-content: center; align-items: center; line-height: 0.6; background-color: var(--de-black_2); border-radius: 50%; } .contact-info-icon img { max-width: 36px; } .contact-info-text { width: calc(100% - 84px); margin-top: 5px; } .contact-info-text h2, .contact-info-text h3 { margin-bottom: 6px; } .map-location { margin-top: 44px; } .map-location iframe { border-radius: 12px; } .contact-form-content { margin-bottom: 24px; } .contact-form-main { background-color: var(--de-black_2); border-radius: 12px; padding: 32px; } .input-field { width: 100%; } .input-field.half-input-field { width: calc(50% - 10px); } /*------------------------------------------------- >> Basic styles for Icon Grid Block -------------------------------------------------*/ .icon-grid-item { background-color: var(--de-white); border-radius: 24px; padding: 0 24px 24px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.07); } .icon-grid-item h2, .icon-grid-item h3, .icon-grid-item h4, .icon-grid-item h5, .icon-grid-item h6, .icon-grid-item p, .icon-grid-item li { color: var(--de-regular_text); } .icon-grid-img { width: 72px; height: 72px; line-height: 0.6; display: flex; justify-content: center; align-items: center; margin: -36px auto 0; border-radius: 50%; background-color: var(--de-color_secondary); margin-bottom: 20px; } .icon-grid-img img { max-width: 44px; max-height: 44px; } /* ------------------------------------------------------------------ > Responsive ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Responsive queries ------------------------------------------------- */ @media only screen and (min-width: 1004px) and (max-width: 1179px) { .footer-widget { width: 25%; } } @media only screen and (max-width: 1003px) { .hero-section::before, .hero-section::after { width: 40%; } .contact-ctn { flex-wrap: wrap; flex-direction: column-reverse; row-gap: 60px; } .contact-ctn .section-head { max-width: 700px; } .contact-form, .contact-info, .footer-widget:first-child { width: 100%; } .footer-cta h2, .footer-cta h3, .footer-cta h4, .footer-cta h5, .footer-cta h6 { max-width: 90%; } .footer-widgets { flex-wrap: wrap; } .hero-content li { width: 100%; } } @media only screen and (min-width: 748px) and (max-width: 1003px) { .footer-widget { width: 36%; } .footer-widget:nth-child(2) { width: 18%; } } @media only screen and (max-width: 747px) { .hero-inner.d-flex { flex-wrap: wrap; row-gap: 30px; } .footer-bottom { justify-content: center; flex-direction: column-reverse; gap: 20px; } .footer-text { max-width: 100%; } .tabs-select { position: relative; border-bottom: none; } .tabs-select ul { justify-content: flex-start; gap: 16px; white-space: nowrap; overflow-x: scroll; padding: 0 0 20px; /* Track */ } .tabs-select ul::-webkit-scrollbar { width: 3px; height: 3px; } .tabs-select ul::-webkit-scrollbar-thumb { background-color: var(--de-border_3); } .tabs-select ul::-webkit-scrollbar-track { background: var(--de-border_6); } } @media only screen and (min-width: 460px) and (max-width: 747px) { .footer-widget { width: 100%; } .footer-widget:nth-child(2) { width: 32%; } .footer-widget:nth-child(3) { width: 65%; } } @media only screen and (max-width: 460px) { .footer-widget, .footer-widget:nth-child(2) { width: 100%; } } @media only screen and (max-width: 374px) { h1, .heading-1 { font-size: 36px; } .footer-cta a.button, .footer-cta a:visited.button { font-size: 18px; } } /* ------------------------------------------------- >> Base Responsive queries ------------------------------------------------- */ @media only screen and (max-width: 1003px) { .service-inner p, .service-inner h2, .service-inner h3, .service-inner h4, .service-inner h5, .service-inner h6 { width: calc(100% - 120px); } .full-width-ctn .col-50 { width: 90%; } .project-item li { width: 100%; } } @media only screen and (min-width: 748px) and (max-width: 1003px) { .tool-ctn .section-head { width: 34%; } .tool-item:nth-child(3), .tool-item:nth-child(7) { left: 9%; } .tool-item:nth-child(4), .tool-item:nth-child(8) { right: 9%; } .tool-item:nth-child(5) { left: 15%; } .tool-item:nth-child(6) { right: 15%; } .services-three-columns .column:nth-child(3) { border-top: none; } } @media only screen and (max-width: 747px) { .iat-image.column { margin-top: 30px; } ul.children li.depth-2, ul.children li.depth-3, ul.children li.depth-4, ul.children li.depth-5, ol.children li.depth-2, ol.children li.depth-3, ol.children li.depth-4, ol.children li.depth-5 { margin: 0 0 30px 20px !important; } .gfield.half-input-field, .ginput_left, .name_first, .ginput_right, .name_last { width: 100%; margin-right: 0; display: block; } figure { overflow-x: scroll; } figure td, figure th { width: 140px; } .tool-ctn .section-head, .approach-content, .approach-image, .col-40, .col-50, .col-70, .col-90, .col-48 { width: 100%; } .projects-two-columns .project-item:nth-child(2n+2) { margin-top: 0; } .tool-items { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 40px; max-width: 500px; margin-inline: auto; justify-content: center; } .tool-item { position: static; } .tool-inner { padding: 60px 0; } .approach-tile { flex-wrap: wrap; padding-left: 80px; } .approach-tile .step-number { position: absolute; left: 0; } .approach-tile:nth-child(n+2) { margin-top: 36px; } .approach-tile:nth-child(2n+2) .approach-image { text-align: initial; } .approach-line { right: auto; left: 25px; } .approach-image { margin-top: 24px; } .services-two-columns .column:nth-child(2), .services-two-columns .column:nth-child(3), .services-three-columns .column:nth-child(2), .services-three-columns .column:nth-child(3) { border-top: none; } .solution-ctn br { display: block; } } /* ------------------------------------------------------------------ > Import Fonts ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Starts Here ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /*# sourceMappingURL=styles.min.css.map*/