/*!***********************************************************************************************************************************************************************************************!*\ !*** 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/lity.min.css ***! \*****************************************************************************************************************************************************************************************/ /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;transform:scale(1);transition:transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} /*!************************************************************************************************************************************************************************************!*\ !*** 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.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; } .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; /* background: url(owl.video.play.png) no-repeat; */ 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% } .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-dots .owl-dot { display: inline-block; zoom: 1; margin: 0px 7px !important; width: auto !important; height: auto !important; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 0; background: transparent; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 0px; transition: .3s; margin: 4px !important; border-radius: 100px; outline: 1px solid #05588E38; outline-offset: 5px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #000000; outline: 1px solid #000000; } /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** 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 ***! \***************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* Theme Name: 104Digital Package Theme URI: http://104Digital.com Author: Team 104Digital Author URI: http://104Digital.com/team Description: WordPress theme by 104Digital 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 ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Mixins ------------------------------------------------------------------ */ /* Rem output with px fallback with !important */ /* Column width with margin */ /* Column width with margin */ /* Mixin for transition */ /* ------------------------------------------------------------------ > Variables ------------------------------------------------------------------ */ :root { /*------------------------------------------------- >> Variables for Spaces -------------------------------------------------*/ --dma_space_2: clamp(2 * 1px, 0 / 806 * (100vw - 474 * 1px) + 2 * 1px, 2 * 1px); --dma_space_4: clamp(4 * 1px, 0 / 806 * (100vw - 474 * 1px) + 4 * 1px, 4 * 1px); --dma_space_6: clamp(6 * 1px, 0 / 806 * (100vw - 474 * 1px) + 6 * 1px, 6 * 1px); --dma_space_8: clamp(8 * 1px, 0 / 806 * (100vw - 474 * 1px) + 8 * 1px, 8 * 1px); --dma_space_12: clamp(10 * 1px, 2 / 806 * (100vw - 474 * 1px) + 10 * 1px, 12 * 1px); --dma_space_16: clamp(12 * 1px, 4 / 806 * (100vw - 474 * 1px) + 12 * 1px, 16 * 1px); --dma_space_20: clamp(16 * 1px, 4 / 806 * (100vw - 474 * 1px) + 16 * 1px, 20 * 1px); --dma_space_24: clamp(20 * 1px, 4 / 806 * (100vw - 474 * 1px) + 20 * 1px, 24 * 1px); --dma_space_30: clamp(24 * 1px, 6 / 806 * (100vw - 474 * 1px) + 24 * 1px, 30 * 1px); --dma_space_36: clamp(30 * 1px, 6 / 806 * (100vw - 474 * 1px) + 30 * 1px, 36 * 1px); --dma_space_48: clamp(36 * 1px, 12 / 806 * (100vw - 474 * 1px) + 36 * 1px, 48 * 1px); --dma_space_56: clamp(38 * 1px, 18 / 806 * (100vw - 474 * 1px) + 38 * 1px, 56 * 1px); --dma_space_64: clamp(40 * 1px, 24 / 806 * (100vw - 474 * 1px) + 40 * 1px, 64 * 1px); --dma_space_72: clamp(44 * 1px, 28 / 806 * (100vw - 474 * 1px) + 44 * 1px, 72 * 1px); --dma_space_96: clamp(52 * 1px, 44 / 806 * (100vw - 474 * 1px) + 52 * 1px, 96 * 1px); --dma_space_100: clamp(52 * 1px, 48 / 806 * (100vw - 474 * 1px) + 52 * 1px, 100 * 1px); --dma_space_128: clamp(64 * 1px, 64 / 806 * (100vw - 474 * 1px) + 64 * 1px, 128 * 1px); --dma_space_136: clamp(64 * 1px, 72 / 806 * (100vw - 474 * 1px) + 64 * 1px, 136 * 1px); --dma_space_156: clamp(72 * 1px, 84 / 806 * (100vw - 474 * 1px) + 72 * 1px, 156 * 1px); --dma_space_200: clamp(84 * 1px, 116 / 806 * (100vw - 474 * 1px) + 84 * 1px, 200 * 1px); --dma_space_236: clamp(98 * 1px, 138 / 806 * (100vw - 474 * 1px) + 98 * 1px, 236 * 1px); /* ------------------------------------------------- >> Variables for Font Sizes (Text Styles PDF – desktop max / mobile min, fluid 474–1280) ------------------------------------------------- */ --dma_font_size_8: clamp(6 * 1px, 2 / 966 * (100vw - 474 * 1px) + 6 * 1px, 8 * 1px); --dma_font_size_10: clamp(8 * 1px, 2 / 966 * (100vw - 474 * 1px) + 8 * 1px, 10 * 1px); --dma_font_size_12: clamp(9 * 1px, 3 / 966 * (100vw - 474 * 1px) + 9 * 1px, 12 * 1px); --dma_font_size_14: clamp(10 * 1px, 4 / 966 * (100vw - 474 * 1px) + 10 * 1px, 14 * 1px); --dma_font_size_15: clamp(14 * 1px, 1 / 966 * (100vw - 474 * 1px) + 14 * 1px, 15 * 1px); --dma_font_size_16: clamp(14 * 1px, 2 / 966 * (100vw - 474 * 1px) + 14 * 1px, 16 * 1px); --dma_font_size_18: clamp(16 * 1px, 2 / 966 * (100vw - 474 * 1px) + 16 * 1px, 18 * 1px); --dma_font_size_20: clamp(18 * 1px, 2 / 966 * (100vw - 474 * 1px) + 18 * 1px, 20 * 1px); --dma_font_size_22: clamp(20 * 1px, 2 / 966 * (100vw - 474 * 1px) + 20 * 1px, 22 * 1px); --dma_font_size_24: clamp(22 * 1px, 2 / 966 * (100vw - 474 * 1px) + 22 * 1px, 24 * 1px); --dma_font_size_26: clamp(24 * 1px, 2 / 966 * (100vw - 474 * 1px) + 24 * 1px, 26 * 1px); --dma_font_size_28: clamp(26 * 1px, 2 / 966 * (100vw - 474 * 1px) + 26 * 1px, 28 * 1px); --dma_font_size_32: clamp(28 * 1px, 4 / 966 * (100vw - 474 * 1px) + 28 * 1px, 32 * 1px); --dma_font_size_36: clamp(32 * 1px, 4 / 966 * (100vw - 474 * 1px) + 32 * 1px, 36 * 1px); --dma_font_size_40: clamp(34 * 1px, 6 / 966 * (100vw - 474 * 1px) + 34 * 1px, 40 * 1px); --dma_font_size_48: clamp(36 * 1px, 12 / 966 * (100vw - 474 * 1px) + 36 * 1px, 48 * 1px); --dma_font_size_56: clamp(40 * 1px, 16 / 966 * (100vw - 474 * 1px) + 40 * 1px, 56 * 1px); --dma_font_size_60: clamp(42 * 1px, 18 / 966 * (100vw - 474 * 1px) + 42 * 1px, 60 * 1px); --dma_font_size_64: clamp(44 * 1px, 20 / 966 * (100vw - 474 * 1px) + 44 * 1px, 64 * 1px); --dma_font_size_68: clamp(48 * 1px, 20 / 966 * (100vw - 474 * 1px) + 48 * 1px, 68 * 1px); --dma_font_size_72: clamp(50 * 1px, 22 / 966 * (100vw - 474 * 1px) + 50 * 1px, 72 * 1px); --dma_font_size_76: clamp(50 * 1px, 26 / 966 * (100vw - 474 * 1px) + 50 * 1px, 76 * 1px); --dma_font_size_80: clamp(64 * 1px, 16 / 966 * (100vw - 474 * 1px) + 64 * 1px, 80 * 1px); --dma_font_size_96: clamp(64 * 1px, 32 / 966 * (100vw - 474 * 1px) + 64 * 1px, 96 * 1px); --dma_font_size_200: clamp(52 * 1px, 148 / 966 * (100vw - 474 * 1px) + 52 * 1px, 200 * 1px); /* ------------------------------------------------- >> Color variables (from Color Styles – PDF) ------------------------------------------------- */ /* >> Basic – PDF names as --dma_* variables */ --dma_brand_yellow: #FFE311; --dma_dark_blue: #150e48; --dma_black: #000000; --dma_white: #ffffff; --dma_dark_grey: #26262c; --dma_medium_grey: #758599; --dma_light_grey: #9ca3af; --dma_light_grey_blue: #f3f5f7; --dma_light_yellow: rgba(252, 199, 8, 0.2); --dma_light_grey_bg: #e9edf0; --dma_light_blue: rgba(5, 88, 142, 0.16); --dma_color_primary: var(--dma_dark_blue); --dma_color_on_primary: var(--dma_white); --dma_color_secondary: var(--dma_dark_blue); --dma_color_secondary_2: var(--dma_brand_yellow); --dma_black_1: #14191f; --dma_black_2: var(--dma_dark_grey); --dma_white_1: var(--dma_light_grey_blue); --dma_white_2: var(--dma_light_grey_bg); --dma_gray: var(--dma_light_grey_bg); --dma_gray_1: var(--dma_light_grey); --dma_gray_2: var(--dma_medium_grey); --dma_blue: #05588e; --dma_blue_1: #05588e; --dma_blue_2: rgba(5, 88, 142, 0.16); --dma_navy: var(--dma_dark_blue); --dma_navy_1: #15332e; --dma_navy_2: #2f655c; --dma_red: #ff0000; --dma_sea_green: #04c3b4; --dma_transparent: transparent; --dma_regular_text: var(--dma_dark_grey); --dma_dark_text: var(--dma_dark_grey); --dma_white_text: #f7f7f7; --dma_light_text: var(--dma_medium_grey); --dma_success: #198754; --dma_success_bg: #d1e7dd; --dma_info: #0dcaf0; --dma_warning: #ffc107; --dma_danger: #dc3545; --dma_danger_bg: #f8d7da; --dma_light: #f8f9fa; --dma_dark: #212529; --dma_signal: #d14b3c; --dma_signal_bg: #fbede9; --dma_color_background: var(--dma_white); --dma_color_on_background: var(--dma_dark_grey); --dma_border: var(--dma_dark_grey); --dma_border_1: var(--dma_medium_grey); --dma_border_2: var(--dma_light_grey); --dma_border_3: var(--dma_light_grey_bg); --dma_border_4: #14191f; --dma_field_bg: var(--dma_light_grey_blue); --dma_light_field_bg: var(--dma_light_grey_blue); --dma_button_bg: var(--dma_brand_yellow); --dma_button_bg_hover: var(--dma_dark_blue); --dma_pure_black: var(--dma_black); /* >> Gradients (PDF) */ --dma_gradient_on_light_bg: linear-gradient(96deg, #FFE311 0%, #150e48 100%); --dma_gradient_on_dark_bg: linear-gradient(96deg, #FFE311 0%, #150e48 100%); --dma_gradient_line_stroke: linear-gradient(96deg, #FFE311 0%, #150e48 100%); /* >> Matte Black (PDF opacity variants) */ --dma_matte_black_90: rgba(20, 25, 31, 0.9); --dma_matte_black_80: rgba(20, 25, 31, 0.8); --dma_matte_black_40: rgba(20, 25, 31, 0.4); --dma_matte_black_30: rgba(20, 25, 31, 0.3); --dma_matte_black_20: rgba(20, 25, 31, 0.2); --dma_matte_black_8: rgba(20, 25, 31, 0.08); /* >> White opacity variants (PDF) */ --dma_white_80: rgba(255, 255, 255, 0.8); --dma_white_60: rgba(255, 255, 255, 0.6); --dma_white_40: rgba(255, 255, 255, 0.4); --dma_white_20: rgba(255, 255, 255, 0.2); --dma_white_10: rgba(255, 255, 255, 0.1); /* ------------------------------------------------- >> 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 ------------------------------------------------- */ --dma_body_color: var(--dma_dark_grey); --dma_body_bg: var(--dma_white); --dma_text_strong: var(--dma_black); --dma_dark_text: var(--dma_dark_grey); --dma_white_text: var(--dma_white); --dma_highlight_color: var(--dma_dark_grey); --dma_highlight_bg: var(--dma_brand_yellow); --dma_highlight_alt_color: var(--dma_white); --dma_highlight_alt_bg: var(--dma_dark_blue); --dma_caption: var(--dma_medium_grey); --dma_heading_color: inherit; --dma_heading_link_color: var(--dma_dark_grey); --dma_heading_link_color_hover: var(--dma_dark_blue); --dma_link_color: var(--dma_dark_blue); --dma_link_color_hover: var(--dma_brand_yellow); --dma_link_border_color: var(--dma_dark_blue); --dma_link_border_color_hover: var(--dma_brand_yellow); --dma_list_ul_marker_color: var(--dma_dark_blue); --dma_list_ol_marker_color: var(--dma_dark_blue); --dma_list_marker_bgcolor: var(--dma_black_1); --dma_blockquote_color: var(--dma_dark_grey); --dma_blockquote_border_color: var(--dma_dark_grey); --dma_quote_color: var(--dma_dark_grey); --dma_blockqoute_cite_color: var(--dma_medium_grey); --dma_table_border_color: var(--dma_medium_grey); --dma_table_head_border_color: var(--dma_dark_grey); --dma_table_foot_border_color: var(--dma_dark_grey); --dma_strong_color: var(--dma_dark_grey); --dma_underline_border_color: var(--dma_dark_grey); --dma_abbr_border_color: var(--dma_dark_grey); --dma_delete_color: var(--dma_danger); --dma_insert_color: var(--dma_success); --dma_insert_border_color: var(--dma_success); --dma_code_color: var(--dma_white); --dma_code_bgcolor: var(--dma_dark_grey); --dma_pre_color: var(--dma_white); --dma_pre_bgcolor: var(--dma_dark_grey); --dma_mark_bgcolor: var(--dma_dark_grey); --dma_mark_color: var(--dma_white); --dma_hr_color: var(--dma_light_grey); --dma_input_color: var(--dma_dark_grey); --dma_input_bg: var(--dma_light_grey_blue); --dma_input_border_color: var(--dma_blue_2); --dma_input_focus_color: var(--dma_dark_grey); --dma_input_focus_bgcolor: var(--dma_white); --dma_input_focus_border_color: var(--dma_brand_yellow); --dma_disabled_input_bgcolor: var(--dma_light_grey_bg); --dma_disabled_input_border_color: var(--dma_medium_grey); --dma_placeholder_color: #262626; --dma_range_track_bgcolor: var(--dma_light_grey_blue); --dma_range_thumb_bgcolor: var(--dma_dark_blue); --dma_color_field_border_color: var(--dma_medium_grey); --dma_color_field_bgcolor: var(--dma_light_grey_blue); --dma_radio_color: var(--dma_dark_grey); --dma_radio_border_color: var(--dma_medium_grey); --dma_radio_bgcolor: var(--dma_light_grey_blue); --dma_radio_after_bgcolor: var(--dma_dark_blue); --dma_checkbox_color: var(--dma_dark_grey); --dma_checkbox_border_color: var(--dma_medium_grey); --dma_checkbox_bgcolor: var(--dma_light_grey_blue); --dma_checkbox_after_bgcolor: var(--dma_dark_blue); --dma_progress_bgcolor: var(--dma_light_grey_blue); --dma_progress_value_bgcolor: var(--dma_dark_blue); --dma_meter_bgcolor: var(--dma_light_grey_blue); --dma_meter_value_bgcolor: var(--dma_dark_blue); --dma_button_color: var(--dma_black); --dma_button_bgcolor: var(--dma_brand_yellow); --dma_button_color_hover: var(--dma_white); --dma_button_bgcolor_hover: var(--dma_black); --dma_button_border_color: var(--dma_brand_yellow); --dma_button_border_color_hover: var(--dma_black); --dma_reset_button_bgcolor: var(--dma_brand_yellow); --dma_reset_button_color: var(--dma_dark_blue); --dma_theme_btn_color: var(--dma_button_color); --dma_theme_btn_bgcolor: var(--dma_button_bgcolor); --dma_theme_btn_color_hover: var(--dma_button_color_hover); --dma_theme_btn_bgcolor_hover: var(--dma_button_bgcolor_hover); --dma_theme_btn_border_color: var(--dma_button_border_color); --dma_theme_btn_border_color_hover: var(--dma_button_border_color_hover); --dma_datepicker_bg_color: var(--dma_light_grey_blue); --dma_datepicker_select_bgcolor: var(--dma_white); --dma_datepicker_link_color: var(--dma_dark_blue); --dma_datepicker_link_active_color: var(--dma_brand_yellow); --dma_datepicker_calendar: var(--dma_white); --dma_datepicker_th_bgcolor: var(--dma_medium_grey); --dma_datepicker_even_tr_td_bgcolor: var(--dma_light_grey_bg); --dma_datepicker_border_color: var(--dma_medium_grey); --dma_datepicker_date_color: var(--dma_dark_grey); --dma_valiation_error_bg_color: var(--dma_danger_bg); --dma_valiation_message_color: var(--dma_danger); --dma_error_field_border_color: var(--dma_danger); --dma_valiation_error_color: var(--dma_danger); --dma_confirmation_message_bgcolor: var(--dma_success_bg); --dma_confirmation_message_color: var(--dma_dark_grey); --dma_confirmation_message_border_color: var(--dma_danger); --dma_required_text_color: var(--dma_danger); --dma_invalid_error_border_color: var(--dma_danger); --dma_hubspot_error_label_color: var(--dma_danger); --dma_hubspot_required_color: var(--dma_danger); --dma_fileupload_rule_color: var(--dma_medium_grey); --dma_error_menu_color: var(--dma_dark_grey); --dma_acc_btn_color: var(--dma_dark_blue); --dma_acc_btn_bgcolor: var(--dma_brand_yellow); --dma_acc_btn_shadow: var(--dma_danger); --dma_acc_outline: var(--dma_black); --dma_comments_reply_btn_bgcolor: var(--dma_brand_yellow); --dma_comments_reply_btn_color: var(--dma_dark_blue); --dma_comments_reply_btn_bgcolor_hover: var(--dma_dark_blue); --dma_comments_reply_btn_color_hover: var(--dma_white); --dma_comment_meta_color: var(--dma_dark_grey); --dma_comment_metadata_color: var(--dma_medium_grey); --dma_comments_list_border_color: var(--dma_medium_grey); --dma_widget_comments_meta_color: var(--dma_medium_grey); --dma_pagination_bgcolor: var(--dma_light_grey_bg); --dma_pagination_color: var(--dma_dark_blue); --dma_pagination_color_hover: var(--dma_white); --dma_pagination_bgcolor_hover: var(--dma_dark_blue); --dma_pagination_bgcolor_current: var(--dma_brand_yellow); --dma_pagination_color_current: var(--dma_dark_blue); --dma_pagination_first_bgcolor: var(--dma_light_grey_bg); --dma_pagination_first_color: var(--dma_dark_grey); --dma_pagination_border: var(--dma_transparent); --dma_widget_latest_post_meta_color: var(--dma_dark_blue); --dma_widget_rss_feed_meta_color: var(--dma_dark_blue); --dma_widget_search_button_color: var(--dma_black); --dma_wp_table_block_stripe_bg_color: var(--dma_light_grey_blue); --dma_breadcrumb_color: var(--dma_dark_grey); --dma_breadcrumb_link_color: var(--dma_dark_blue); --dma_breadcrumb_border_color: transparent; --dma_breadcrumb_border_color_hover: var(--dma_brand_yellow); --dma_breadcrumb_span_color: var(--dma_dark_grey); --dma_header_bgcolor: var(--dma_transparent); --dma_header_color: var(--dma_black); --dma_header_color_hover: var(--dma_black); --dma_header_bgcolor_sticky: var(--dma_black); --dma_header_color_sticky: var(--dma_white); --dma_header_nav_border_color: var(--dma_brand_yellow); --dma_header_submenu_bgcolor: var(--dma_light_grey_blue); --dma_header_submenu_color: var(--dma_dark_grey); --dma_header_submenu_color_hover: var(--dma_dark_blue); --dma_header_mobile_color: var(--dma_dark_grey); --dma_header_mobile_submenu_color: var(--dma_dark_grey); --dma_nav_overlay_bgcolor: var(--dma_white); --dma_mobile_nav_icon_bgcolor: var(--dma_dark_grey); --dma_mobile_menu_bg: var(--dma_black); --dma_mobile_menu_info_bg: #0a0a0a; --dma_mobile_menu_border: rgba(255, 255, 255, 0.05); --dma_mobile_menu_sub_border: rgba(255, 255, 255, 0.1); --dma_mobile_menu_sub_bg: rgba(255, 255, 255, 0.009); --dma_mobile_menu_toggle_bg: rgba(255, 255, 255, 0.02); --dma_mobile_menu_fill_color: rgba(255, 255, 255, 0.4); --dma_mobile_menu_scroll_track: #111111; --dma_abbr_border: var(--dma_dark_grey); --dma_topbar_bgcolor: var(--dma_dark_blue); --dma_topbar_color: var(--dma_white); --dma_topbar_link_color: var(--dma_white); --dma_footer_bgcolor: var(--dma_dark_blue); --dma_footer_color: var(--dma_white); --dma_footer_color_hover: var(--dma_brand_yellow); --dma_f_nav_color: var(--dma_footer_color); --dma_f_nav_color_hover: var(--dma_footer_color_hover); --dma_f_nav_border_color: var(--dma_footer_color); --dma_f_nav_border_color_hover: var(--dma_footer_color_hover); --dma_copyright_color: var(--dma_white); --dma_legal_nav_color: var(--dma_white); --dma_legal_nav_border_color: var(--dma_white); --dma_legal_nav_border_color_hover: var(--dma_brand_yellow); --dma_legal_text_color: var(--dma_white); --dma_ctn_red: var(--dma_red); --dma_ctn_black: var(--dma_black); --dma_ctn_sea_green: var(--dma_sea_green); --dma_style_bg: var(--dma_dark_blue); --dma_style_text: var(--dma_dark_grey); --dma_style_link: var(--dma_dark_blue); --dma_style_button: var(--dma_brand_yellow); } /* ------------------------------------------------------------------ > 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: 100px; 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 ------------------------------------------------- */ h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6 { font-family: "Poppins", arial, sans-serif; font-weight: 500; font-style: normal; margin: 0 0 20px; color: var(--dma_heading_color); line-height: 1.1; text-transform: initial; letter-spacing: -0.01em; } h1 a, h1 a:visited, .heading-1 a, .heading-1 a:visited, h2 a, h2 a:visited, .heading-2 a, .heading-2 a:visited, h3 a, h3 a:visited, .heading-3 a, .heading-3 a:visited, h4 a, h4 a:visited, .heading-4 a, .heading-4 a:visited, h5 a, h5 a:visited, .heading-5 a, .heading-5 a:visited, h6 a, h6 a:visited, .heading-6 a, .heading-6 a:visited { color: var(--dma_heading_link_color); border-bottom: none; } h1 a:hover, h1 a:focus-visible, h1 a:visited:hover, h1 a:visited:focus-visible, .heading-1 a:hover, .heading-1 a:focus-visible, .heading-1 a:visited:hover, .heading-1 a:visited:focus-visible, h2 a:hover, h2 a:focus-visible, h2 a:visited:hover, h2 a:visited:focus-visible, .heading-2 a:hover, .heading-2 a:focus-visible, .heading-2 a:visited:hover, .heading-2 a:visited:focus-visible, h3 a:hover, h3 a:focus-visible, h3 a:visited:hover, h3 a:visited:focus-visible, .heading-3 a:hover, .heading-3 a:focus-visible, .heading-3 a:visited:hover, .heading-3 a:visited:focus-visible, h4 a:hover, h4 a:focus-visible, h4 a:visited:hover, h4 a:visited:focus-visible, .heading-4 a:hover, .heading-4 a:focus-visible, .heading-4 a:visited:hover, .heading-4 a:visited:focus-visible, h5 a:hover, h5 a:focus-visible, h5 a:visited:hover, h5 a:visited:focus-visible, .heading-5 a:hover, .heading-5 a:focus-visible, .heading-5 a:visited:hover, .heading-5 a:visited:focus-visible, h6 a:hover, h6 a:focus-visible, h6 a:visited:hover, h6 a:visited:focus-visible, .heading-6 a:hover, .heading-6 a:focus-visible, .heading-6 a:visited:hover, .heading-6 a:visited:focus-visible { color: var(--dma_heading_link_color_hover); } h1 span, .heading-1 span, h2 span, .heading-2 span, h3 span, .heading-3 span, h4 span, .heading-4 span, h5 span, .heading-5 span, h6 span, .heading-6 span { display: inline-block; position: relative; z-index: 2; font-family: "Poppins", arial, sans-serif; font-weight: 700; font-style: normal; } h1 span:after, .heading-1 span:after, h2 span:after, .heading-2 span:after, h3 span:after, .heading-3 span:after, h4 span:after, .heading-4 span:after, h5 span:after, .heading-5 span:after, h6 span:after, .heading-6 span:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc5IiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMzc5IDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzc1Ljk0OCAxNS4yNDg1QzM3NS4yODggMTUuMjcwNiAzNzQuNjQ5IDE1LjA2MDcgMzc0LjA0MyAxNC45NjU0TDM2MC4wNiAxMi41NDI3QzM1OS42NjMgMTIuNDg2NyAzNTkuMjczIDEyLjM4MzMgMzU4LjkgMTIuMjM0NkMzNTcuMzg5IDExLjUzMzQgMzU1Ljc1NiAxMS4xMzYzIDM1NC4wOTMgMTEuMDY1NkMzNTIuNjg5IDEwLjk5OTUgMzUxLjMwNyAxMC42ODM1IDM1MC4wMTIgMTAuMTMyNUMzNDkuMTkgOS42OTggMzQ4LjI3NiA5LjQ3MDY4IDM0Ny4zNDcgOS40N0MzNDQuNzc5IDkuMTIyNDEgMzQyLjIzOSA4Ljc0NDk1IDMzOS42NDQgOC40MjcyMkMzMzguMTUgOC4xNzI0MiAzMzYuNjM3IDguMDU4NjYgMzM1LjEyMyA4LjA4NzRDMzMzLjk2MyA4LjE2NTg2IDMzMi43OTkgOC4xMzcyMSAzMzEuNjQ1IDguMDAxNzlDMzI3LjI2NyA3LjY1NzE0IDMyMy4wMDMgNy4yNTA4NSAzMTguNTY3IDYuODc5MjRDMzE3LjEyOCA2Ljc4Mjk3IDMxNS42ODkgNi43MTU2MiAzMTQuMTY2IDYuNjgwMDNDMzExLjU3OCA2LjU5MzQzIDMwOC45MzYgNi41OTU0MiAzMDYuMzc1IDYuNDc4OTZDMzAyLjc1MSA2LjMxMTQ5IDI5OS4xNTEgNi4wMjc1MSAyOTUuNDk4IDUuODYxQzI5My4zNDYgNS45MzMyOSAyOTEuMTI4IDUuNzQ3NDkgMjg4LjkxNyA1Ljc2MzkyQzI4Ni43MDYgNS43ODAzNiAyODQuMDY4IDUuOTI2ODIgMjgxLjYzIDYuMDA4NzVMMjgxLjYzOSA2LjI5NzY2QzI4Ny43OTQgNi41MjQ3NiAyOTQuMDI5IDYuNjA0NTIgMzAwLjA3NSA3LjAzNzcyTDMwMC4wODMgNy4yNjg4NEwyOTAuNDY2IDcuNDE4NEMyOTIuOTEyIDcuNjkxNjkgMjk1LjM3MSA3LjgyMTU0IDI5Ny44MzIgNy44MDcyNkMzMDAuMzI4IDcuNzIzNCAzMDEuNTQyIDguODEwNjcgMzA0LjIzIDguNDYwMDRMMzAzLjA0MiA4LjE1Mjg1TDMwNS45MDQgNy44MjUzMkwzMDQuOTk4IDcuMzY0MDVDMzA3Ljk1MiA3LjA1MDgxIDMxMC45MzcgNy4xNzQ2NiAzMTMuODU2IDcuNzMxNjdMMzExLjE5OCA4LjExMDI1TDMxMS4yMDQgOC4yODM1OUwzMTYuMjE0IDguNjY0ODJMMzE0LjUzMiA5LjAzOTVDMzIwLjk4MSA5Ljg5MTg0IDMyNy40NyAxMC40MDc2IDMzMy45NzIgMTAuNTg0NkMzMzYuMTczIDEwLjU3MjMgMzM4LjM2NiAxMC44NTg2IDM0MC40OTEgMTEuNDM1OEMzMzYuNzYyIDExLjU2MTEgMzMzLjUyIDExLjY3IDMzMC4zMDEgMTEuNjA0NkMzMjQuOTg2IDExLjU4MDcgMzE5LjY5OCAxMS40NjkxIDMxNC4zODIgMTEuNDE2M0MzMTAuNzYzIDExLjM5MzMgMzA3LjA5IDExLjUxNjcgMzAzLjQ3IDExLjQ2NDhDMjk2LjU0NCAxMS4zNTA0IDI4OS42NjkgMTEuMDYwNyAyODIuNzE3IDExLjAwNUMyNzQuOTg4IDEwLjkxNzYgMjY3LjQxMyAxMC4zMDQ0IDI1OS41NTYgMTAuNjg0MUMyNTkuMDY4IDEwLjcwMDQgMjU4LjU4IDEwLjcxNjggMjU4LjA5MyAxMC43MzMyQzI1NC4wMzkgMTAuNjA5MSAyNTAuMDM5IDEwLjM5NjQgMjQ1LjkwOSAxMC41NjQxQzI0NS4zMDYgMTAuNTg0MyAyNDQuNzA0IDEwLjYwNDUgMjQ0LjEwMSAxMC42MjQ4QzI0MC4wNDUgMTAuNDQyOSAyMzUuOTA3IDEwLjM3OTQgMjMxLjc0OCAxMC41NDgxQzIzMS4xNDYgMTAuNTY4MyAyMzAuNTE1IDEwLjU4OTUgMjI5Ljk3IDEwLjYwNzlDMjI1LjgyNCAxMC40MjkyIDIyMS42NzEgMTAuNTY4NyAyMTcuNTQ3IDExLjAyNTJDMjE1LjkzMyAxMC44NzY5IDIxNC42NjEgMTAuNjMwNCAyMTMuMzk3IDEwLjYxNTFDMjA4Ljk3MiAxMC41NjEzIDIwNC41MjQgMTAuNjgxOCAyMDAuMTI1IDEwLjU0MDNDMTk1LjcyNiAxMC4zOTg5IDE5MC44NzYgMTAuNTMyOSAxODYuMjI1IDEwLjU3MzVDMTgyLjIzNyAxMC43MDc0IDE3OC4yOTIgMTAuNDA2MSAxNzQuMjk2IDEwLjMwOUMxNzMuMTIgMTAuMzQ4NSAxNzEuOTQzIDEwLjM4OCAxNzAuNzM4IDEwLjQyODVDMTY4LjczIDEwLjQ5NiAxNjYuNjA3IDEwLjU2NzMgMTY0LjcxNCAxMC42MzA5QzE2Mi44MiAxMC42OTQ1IDE2MC4xNDMgMTAuNTI0MSAxNTcuODQ2IDEwLjU0MzVDMTUzLjc0MyAxMC42ODEzIDE0OS42MzMgMTAuNTg4IDE0NS41NTQgMTAuNTgwNEMxNDUuMjEyIDEwLjYwMDQgMTQ0Ljg2OSAxMC41NTI5IDE0NC41NDQgMTAuNDQwOEMxNDMuNzIgMTAuMDczNSAxNDIuODA2IDkuOTYzMTYgMTQxLjkyIDEwLjEyNEwxMzQuMDMgMTAuMzg5MUwxMjYuOCAxMC42MzJDMTI0LjkwNyAxMC42OTU2IDEyMy4wMDcgMTAuNTg1OSAxMjEuMDU2IDEwLjYyMjVDMTE5LjEwNCAxMC42NTkyIDExNi42NjYgMTAuNzcgMTE0LjQ4NiAxMC44NDMzQzExMi43NjQgMTAuOTAxMSAxMTEuMDkzIDEwLjc1NDggMTA5LjM3IDEwLjc1NDhDMTA3LjY0NyAxMC43NTQ5IDEwNi4wNzEgMTAuODY1NyAxMDQuNTIyIDEwLjkxNzdDMTAyLjAyMyAxMC43NTU0IDk5LjUxNTMgMTAuODM5NyA5Ny4wMzM1IDExLjE2OTNDOTYuNDY0MSAxMS4yNTc1IDk1Ljg4NjIgMTEuMjc2OSA5NS4zMTIyIDExLjIyNzFDOTMuNTY1MyAxMS4wMzg0IDkxLjgwNSAxMS4wMTA0IDkwLjA1MzIgMTEuMTQzNUM4OS4zOTMzIDExLjE2NTYgODguNzMzNSAxMS4xODc4IDg4LjA3MzYgMTEuMjFDODYuMjA4OCAxMS4yNzI2IDg0LjI0NzIgMTEuMDIwNCA4Mi42MTQ4IDExLjE2MkM4MC40OTE3IDExLjIzMzMgNzguNjI2OSAxMS4yOTYgNzYuNjQ3MyAxMS4zNjI1Qzc1Ljg4MTQgMTEuMzQ0MSA3NS4xMTUxIDExLjM2OTggNzQuMzUyMSAxMS40Mzk2TDcyLjAzNDEgMTEuNjkxQzcwLjE2OTIgMTEuNzUzNyA2OC4yMTgzIDExLjgxOTIgNjYuNDY4MyAxMS44NzhDNjQuNzE4MiAxMS45MzY4IDYyLjYzNDUgMTIuMzI1IDYxLjMxNzMgMTEuNTg4M0M2MS4zMTczIDExLjU4ODMgNjAuOTQ0MyAxMS42MDA4IDYwLjc0MzUgMTEuNjA3NUM1OC42Nzc4IDExLjY3NjkgNTYuNjE4IDExLjkxOTcgNTQuNTU3MiAxMi4xMzM2QzUzLjM4MDkgMTIuMTczMSA1Mi4yNjk3IDEyLjQ0MTggNTAuNjk3NiAxMi42NjgyQzQ3Ljg0MzMgMTIuMjMwOSA0NC45NDYyIDEyLjE1MzMgNDIuMDczMiAxMi40MzczQzMzLjQ3MjEgMTIuODk5OCAyNC44NjcxIDEzLjI0NjcgMTYuMjQ3NiAxMy4xNjAzQzEzLjY2NTUgMTMuMjQ3MSAxMi40NjkzIDEzLjU0NzYgMTEuODc2IDE0LjY5NTVMMTQuMTQ4MyAxNC43OTI4QzEyLjM1ODMgMTUuMzczNSAxMy4yMzU1IDE1LjgzNTggMTMuOTcwMiAxNi4zMzE3QzE3Ljc3MjggMTYuNjY2OCAxNy43NzI4IDE2LjY2NjcgMTcuODk2NyAxNy43OTA2QzIwLjQ3NjEgMTguMTc5OCAyMy4wODg4IDE4LjI5NTYgMjUuNjkyIDE4LjEzNjFDMzEuMDU3IDE3Ljk1NTkgMzYuNDIyIDE3Ljc3NTYgNDEuODE1NyAxNy41OTQ0QzQ1LjAwMDIgMTcuNDg3NCA0OC4xODQ4IDE3LjM4MDUgNTEuMzY5NCAxNy4yNzM1TDUxLjMxMjEgMTUuNTY4OUw0NC41NyAxNS43OTU0QzQyLjE2IDE1Ljg3NjMgMzkuNzc4OCAxNS45NTY0IDM3LjM2ODkgMTYuMDM3M0MzNS4yMTAyIDE2LjI5MTIgMzMuMDI4MiAxNi4yNjc0IDMwLjg3NTMgMTUuOTY2MkM1MS4xNDUzIDE0Ljg4MDMgNzEuMzgzOCAxMy43MDg2IDkxLjczNTUgMTMuMzQzQzg5LjQ5MTkgMTMuMjQ0OSA4Ny4yMjM1IDEzLjI2MzMgODQuOTgxOCAxMy4yMjI5QzgyLjc3MDIgMTMuMTY3IDgwLjU1NzMgMTMuMjQxNCA3OC4zNTQ1IDEzLjQ0NTVDNzUuNTc1MiAxMy42MzIzIDcyLjc4NDYgMTMuNTYxNCA3MC4wMTc5IDEzLjIzMzlDNzAuMjIxNCAxMy4wOTk0IDcwLjQ1NjYgMTMuMDIxNyA3MC42OTk3IDEzLjAwODVDNzQuMzQzMyAxMi44ODYxIDc3LjgzMTggMTIuNDIxOCA4MS41Mzc2IDEyLjQ0MTlDODUuODQ2OSAxMi40NzA3IDkwLjE0NDUgMTIuMTUyOCA5NC41OTE1IDEyLjAwMzNDOTYuMDgzMyAxMS45NTMyIDk3LjQ2ODIgMTIuMTM4MSA5OC45OTM2IDEyLjIzMTVDOTkuNTY3NCAxMi4yMTIyIDEwMC4xNDEgMTIuMTkyOSAxMDAuNzE1IDEyLjE3MzZMMTEyLjU5MyAxMS43NzQ2QzExMi44NzkgMTEuNzY1IDExMy4xNjYgMTEuNzU1MyAxMTMuNDUzIDExLjc0NTdDMTE2LjMyMSAxMi4wODM1IDExOS4yMjIgMTEuOTg2IDEyMi4wNiAxMS40NTY1QzEyMi4zODQgMTEuNDI1MyAxMjIuNzEgMTEuNDE0NCAxMjMuMDM2IDExLjQyMzdDMTIzLjQ4NSAxMS40NjAzIDEyMy45MzggMTEuNDQ1MSAxMjQuMzg0IDExLjM3ODRDMTI2LjY5NiAxMC45ODA0IDEyOS4wNTEgMTAuOTAxMyAxMzEuMzg0IDExLjE0MzNDMTMzLjAyIDExLjMwNjggMTM0LjY3IDExLjI1MTQgMTM2LjI5IDEwLjk3ODRDMTM3LjQ2NyAxMC44ODk5IDEzOC42NDkgMTAuODk4NiAxMzkuODI0IDExLjAwNDNDMTQwLjY4NSAxMC45NzU0IDE0MS41ODEgMTEuMTQ3OCAxNDIuNDEyIDExLjA5MDlDMTQ2LjUxNSAxMC45NTMxIDE1MC41NiAxMC44MTcyIDE1NC42NjcgMTAuODIzOEMxNTguNzc1IDEwLjgzMDQgMTYyLjcwOSAxMC44MTQgMTY2LjczIDEwLjc5NDZDMTY3LjIyMyAxMC43MTI2IDE2Ny43MjQgMTAuNjk1NyAxNjguMjIxIDEwLjc0NDVDMTY5Ljk2NyAxMS4zNzUzIDE3MS44MjcgMTEuNjE4NyAxNzMuNjc0IDExLjQ1NzlDMTc0Ljg4NSAxMS4zNDU0IDE3Ni4xMDIgMTEuMzA0NSAxNzcuMzE4IDExLjMzNTVDMTc4LjQ5NCAxMS4yOTYgMTc5LjczNiAxMS41MTQ2IDE4MC44ODIgMTEuNDE4MkMxODUuMDY2IDExLjEzMyAxODkuMDUgMTEuNzUxMiAxOTMuMjAzIDExLjQwOTJDMTk0LjE2MSAxMS4zMjAxIDE5NS4xMjYgMTEuMzQ1OSAxOTYuMDc4IDExLjQ4NjJDMTk3LjMzNiAxMS42NjAyIDE5OC42MSAxMS42NzU3IDE5OS44NzEgMTEuNTMyM0MyMDMuMzQ3IDExLjEyMjUgMjA2Ljg2NiAxMS4yOTc1IDIxMC4yODYgMTIuMDUwMUMyMDcuNjIxIDEyLjQ4OTEgMjA0Ljg5NyAxMi40MDM4IDIwMi4yNjQgMTEuNzk5QzIwMi4yODUgMTIuNDM0NiAyMDEuMDgyIDEyLjUzMjkgMTk5LjgxOSAxMi41NDY0QzE5Ni45NSAxMi42NDI4IDE5NC4wNzUgMTIuNTY1OCAxOTEuMDA0IDEyLjY0MDFDMTg5LjUyNyAxMi42MTkxIDE4OC4wNTEgMTIuNzI2NyAxODYuNTkyIDEyLjk2MThDMTg0Ljc1MiAxMy4zMTQ5IDE4Mi44ODQgMTMuNTAzNSAxODEuMDEgMTMuNTI1NEMxNzYuNDQ4IDEzLjY3ODcgMTcxLjkwOSAxMy42Mjg3IDE2Ny4zNzMgMTMuNjk0M0MxNjUuODcgMTMuNjEyNSAxNjQuMzYzIDEzLjY2MzIgMTYyLjg2OCAxMy44NDU2QzE2MS4wOTYgMTQuMjI1MiAxNTkuMjYxIDE0LjIwNzkgMTU3LjQ5NiAxMy43OTQ4QzE1Ni45OTMgMTQuMjczMyAxNTYuMzkgMTQuNjMyMSAxNTUuNzMxIDE0Ljg0NDRDMTU1LjA3MiAxNS4wNTY4IDE1NC4zNzQgMTUuMTE3NCAxNTMuNjg4IDE1LjAyMThDMTUyLjg4NCAxNC45NzY5IDE1Mi4wNzggMTUuMDA0IDE1MS4yNzggMTUuMTAyOEMxNDkuMDY5IDE1LjE3NyAxNDYuODQzIDE1LjU5ODkgMTQ0LjY4OCAxNS41ODQ1QzE0My4yMjkgMTUuNTM3MyAxNDEuNzY4IDE1LjY1NDMgMTQwLjMzNCAxNS45MzMyTDEzOS44NzUgMTUuOTQ4N0wxNDAuMzQ3IDE1LjQ3QzEzOS45OTMgMTUuNDQ2MyAxMzkuNjM4IDE1LjQ1ODMgMTM5LjI4NiAxNS41MDU3QzEzNy44MjUgMTUuOTc4NyAxMzYuMjcyIDE2LjA5MDQgMTM0Ljc1OSAxNS44MzEzQzEzMy44MDEgMTUuNzkzOSAxMzIuODQzIDE1LjgyNjEgMTMxLjg5IDE1LjkyNzdDMTI2Ljc0OCAxNi41MTk5IDEyMS41NjcgMTYuNjkzOSAxMTYuMzk3IDE2LjQ0ODJDMTE1LjQ0IDE2LjQwMTYgMTE0LjQ4IDE2LjQzMzggMTEzLjUyOCAxNi41NDQ2QzExMS4wOTYgMTYuNzk5OSAxMDguNjY3IDE3LjE3MDcgMTA2LjIwMiAxNy4zNDAzQzEwMy43MzggMTcuNTA5OCAxMDAuNDY0IDE3LjUzMzEgOTcuNTk1MiAxNy42Mjk0Qzk3LjAxMTQgMTcuNTg3IDk2LjQyNDggMTcuNjA2NyA5NS44NDUyIDE3LjY4ODJDOTQuNjc1OCAxOC4wODU1IDkzLjQyOTIgMTguMTk2OCA5Mi4yMDg0IDE4LjAxMjlDOTEuMDg5NSAxOC4wNTA1IDg5Ljk3MDYgMTguMDg4MSA4OC44ODA0IDE4LjEyNDdMNzAuODE4NCAxOS4xMDc1QzYzLjU5NDQgMTkuNTIzOCA1Ni4zMzk4IDE5Ljg4MzIgNDkuMTE5NyAyMC40MTVDNDEuODk5NiAyMC45NDY4IDM1LjM3NzMgMjAuODc2NyAyOC41Mzc1IDIwLjc1OTRDMjcuMjQ2NCAyMC44MDI4IDI1Ljk3NjMgMjAuNjE0MSAyNC42NTM3IDIwLjU3MTdDMjIuODE3NSAyMC42MzM0IDIwLjkzNTcgMjEuMDQzOCAyMC44MTM2IDIxLjY4NDJDMjAuNjkxNSAyMi4zMjQ2IDIxLjMwMTcgMjIuNTM1NSAyMS41NzQ1IDIyLjk2MDJDMjEuODQ3MiAyMy4zODQ5IDIyLjQzNDYgMjMuNzcwMSAyNC40NzU1IDIzLjgxNzJDMjAuNzA4OCAyNC41NTEyIDE2Ljk3ODIgMjQuNjQ3NiAxMy42NzgzIDI1LjU5NzNMMTUuMTk2OCAyNy4xOTQ5QzEyLjMyNzggMjcuMjkxMyA5LjIyMDYyIDI3LjEzNTQgNi4yNTk3NSAyNy4wNjEzQzQuNTk2MzcgMjYuODcyNyAyLjkxNDY5IDI2LjkyOTIgMS4yNjc3MyAyNy4yMjlDMS40NzU2OCAyNy41MzU4IDEuNzE2MzQgMjcuODE4NyAxLjk4NTQgMjguMDcyN0MzLjEyMTg4IDI5LjUyOTcgNC41ODkyIDMwLjY5MDYgNi4yNjM4NCAzMS40NTc3QzcuMTkzMDYgMzEuODA2NSA4LjE2NzY5IDMyLjAxNzQgOS4xNTcwOCAzMi4wODM2QzEzLjUwMDkgMzIuMjg0NyAxNy45Mjc4IDMyLjM5NjMgMjIuMzI3MSAzMi41Mzc4QzIzLjE3ODQgMzIuNDc0NiAyNC4wMzIxIDMyLjYyNDggMjQuODExOSAzMi45NzQ5QzI1LjgzNzQgMzMuNTc2OCAyNy4yMDQyIDM0LjA4MDQgMjguMzcxMiAzNC42MTk3QzI4LjM3MTIgMzQuNjE5NyAyOC4zNzEyIDM0LjYxOTcgMjguMzgwOSAzNC45MDg2TDI2LjE3MTggMzQuOTgyOEMzMC4yNjQ4IDM0LjU1NjEgMzAuMzE0MyAzNi4wMjk2IDMxLjYyODYgMzYuNjc5NkwzNS44OTY2IDM2LjMzMzdMNDIuMjI2MyAzNS44MDI5QzQyLjM5ODUgMzUuNzk3MSA0Mi41MDg0IDM1LjY0ODggNDIuNzA0NCAzNS40OTc2TDM5LjgyNTcgMzUuMzA1MUw1MC45MTQxIDM0LjQ5ODdMNjIuMzkgMzQuMTEzMUM2My4zMzY3IDM0LjA4MTMgNjQuMzEyMiAzNC4wNDg2IDY1LjgxMjggMzQuMjU4NUM2Ni4zNTI2IDM0LjAwMDcgNjYuOTM5MiAzMy44NTc0IDY3LjUzNjMgMzMuODM3M0M2OC4xMzM1IDMzLjgxNzIgNjguNzI4NCAzMy45MjA5IDY5LjI4NDIgMzQuMTQxOEM2OS45NTQ0IDM0LjE3ODUgNzAuNjI2NCAzNC4xNTU5IDcxLjI5MjUgMzQuMDc0NEw3MC42NTI2IDMzLjgzNTVDNzIuMTcyMiAzMy40ODE1IDczLjczMTggMzMuMzMxOCA3NS4yOTA3IDMzLjM5MDVDNzYuOTgzNCAzMy4zMzM2IDc3LjM3NDMgMzMuMDAyMyA3Ni44NjgyIDMyLjQ2OTdDNzUuMzc0IDMyLjM0MTcgNzMuODcyIDMyLjU5MSA3Mi40OTggMzMuMTk1TDcyLjA2MjQgMzIuMTk3M0M3Ni45OTgxIDMxLjYwMjIgODEuOTgyNiAzMS41MzE3IDg2LjkzMzQgMzEuOTg3Qzg5LjY5MDEgMzEuMzI3NSA5Mi41MDgxIDMwLjk2MTMgOTUuMzQxIDMwLjg5NDZDOTguODkxOCAzMC41NzI5IDEwMi41NzEgMzAuNjUxNyAxMDYuMTg2IDMwLjUzMDNMMTI0LjM2NiAyOS42NTkyQzEyNS41NzEgMjkuNjE4NyAxMjYuODM0IDI5LjU3NjMgMTI3Ljk4MSAyOS41Mzc3QzEzMS40MzUgMjkuNzM5OCAxMzQuNzczIDI5LjA3ODEgMTM4LjE5NSAyOS4xOTQ2QzEzOS44NTkgMjkuMTM4NyAxNDEuNTggMjkuMDgwOCAxNDMuMjczIDI5LjAyNEMxNDQuMzk5IDI5LjEyOTEgMTQ1LjUzMyAyOC45NzIyIDE0Ni41ODkgMjguNTY1NEMxNDUuMzQzIDI4LjIzMTMgMTQzLjU4NyAyOC45NTU2IDE0Mi40NyAyOC4yMTIxTDE0Ny42ODIgMjcuNzQ3OEwxNTAuMzQ5IDI4LjQ2ODFDMTUwLjgwNiAyNy41NTYgMTUyLjU5MiAyNy42OTg1IDE1My45MTEgMjcuNjI1M0MxNTguNTU4IDI3LjQ2OTEgMTYzLjIzNSAyNy4zMTIgMTY3Ljg3NiAyNi45NTM2QzE3MC4yODYgMjYuODcyNyAxNzIuNjk2IDI2Ljc5MTcgMTc1LjEwNSAyNi43MTA3TDE4MS40MTcgMjYuNDk4N0MxODQuNDE4IDI2LjU0OSAxODcuNDE5IDI2LjM1MTUgMTkwLjM4NyAyNS45MDgxQzE5Mi42NTcgMjUuNTU1NyAxOTQuOTczIDI1LjY1NDggMTk3LjIwNCAyNi4xOTk3QzE5Ni43NTcgMjYuMzM5MSAxOTYuMyAyNi40NDE1IDE5NS44MzYgMjYuNTA2QzE5My4zNCAyNi41ODk4IDE5MC44MjEgMjYuODQ4IDE4OC4yOTcgMjYuOTYxN0MxODEuMzI2IDI3LjE5NTkgMTc0LjM2MiAyNy42NjEzIDE2Ny4zOTIgMjcuOTUzM0MxNjYuMjE2IDI3Ljk5MjggMTY1LjkzNiAyOC4yMDQ3IDE2NS43NDYgMjguNTI5M0wxNzcuMjIyIDI4LjE0MzdDMTgyLjM4NiAyNy45NzAyIDE4Ny41MDEgMjcuMTkwOSAxOTIuNzE0IDI3LjYyMzJDMTk1LjM0NCAyNy4yNDU2IDE5OC4wNjEgMjcuNzYxNyAyMDAuNjkgMjcuMzU1MkMyMDEuMDkgMjcuMzEyOCAyMDEuNDkzIDI3LjI5OTMgMjAxLjg5NSAyNy4zMTQ4TDIxMC43NDEgMjcuMzA2OEwyMTQuMzU2IDI3LjE4NTRDMjE2LjM5MyAyNy4xMTY5IDIxOC40MDEgMjcuMDQ5NSAyMjAuNDM4IDI2Ljk4MUwyMjAuNDI5IDI2LjcyMUMyMTkuOTU1IDI2LjYwODMgMjE5LjQ3MiAyNi41Mzc0IDIxOC45ODYgMjYuNTA5MkwyMTEuMDk2IDI2Ljc3NDJMMjAyLjI4MiAyNi44Njc5QzIwMS4wMiAyNi45MTAzIDE5OS43MDUgMjYuMjYwMyAyMDAuMTIgMjUuNzgzNkMyMDAuNjE4IDI1LjQ1MjkgMjAxLjIgMjUuMjcyOCAyMDEuNzk3IDI1LjI2NDRDMjAzLjQwNCAyNS4yMTA0IDIwMy43MDUgMjUuNjM0MiAyMDMuMjA3IDI2LjIwMDVDMjAzLjIwNyAyNi4yMDA1IDIwMy4zNzkgMjYuMTk0NyAyMDMuNTYgMjYuNDQ4OUMyMDUuMzQ4IDI2LjUxMiAyMDcuMTM1IDI2LjI4NiAyMDguODUxIDI1Ljc3OTVDMjEwLjE5MiAyNS4zMTI2IDIxMS42MDQgMjUuMDg4OSAyMTMuMDIzIDI1LjExODdDMjEzLjE3NSAyNS4xMDM2IDIxMy4zMjkgMjUuMDk4NCAyMTMuNDgyIDI1LjEwMzNMMjEyLjIwOCAyNS42NjY3TDIxMi4yMTkgMjUuOTg0NUMyMTcuMjIzIDI2LjA4NTUgMjIyLjIyNiAyNS43ODIgMjI3LjE4MSAyNS4wNzY5TDIyNy42MzggMjUuODQyNUwyNDEuNzA0IDI1LjYwMTNDMjQyLjIwMSAyNS42MzEyIDI0Mi43MDEgMjUuNjE0NSAyNDMuMTk1IDI1LjU1MTJDMjQ0LjY1NyAyNS4xNTY3IDI0Ni4xOTcgMjUuMTc1IDI0Ny42NDkgMjUuNjA0QzI1MC4xNDUgMjUuMDI1MyAyNTIuNzA4IDI0Ljc5MzIgMjU1LjI2NiAyNC45MTQzTDI2MC4zNDQgMjQuNzQzN0MyNjIuNDA4IDI0LjY3MDggMjY0LjQ3NCAyNC43NDY0IDI2Ni41MjcgMjQuOTY5OEwyNjIuNjI1IDI1LjEwMDlDMjYzLjU3NiAyNS4yNjkgMjY0LjU0IDI1LjM0MzEgMjY1LjUwNSAyNS4zMjIzQzI2Ny4xMTEgMjUuMjY4MyAyNjguNzQ3IDI1LjIxMzQgMjcwLjM1MyAyNS4xNTk0QzI3Mi40MDUgMjUuMzM3MiAyNzQuNDcxIDI1LjA4MDYgMjc2LjQxNyAyNC40MDYxQzI3Ni41NzcgMjQuMzcwOSAyNzYuNzQzIDI0LjM2NTMgMjc2LjkwNSAyNC4zODk3QzI3Ny41ODQgMjQuNTgzMSAyNzguMjgxIDI0LjcwNSAyNzguOTg1IDI0Ljc1MzdDMjgxLjI1OCAyNC41NjAyIDI4My41NDMgMjQuNTQxNSAyODUuODE5IDI0LjY5NzdDMjg3Ljc5OSAyNC42MzExIDI4OS43ODQgMjQuNzM4IDI5MS45OTggMjQuODA4MkwyOTAuODE2IDI1LjUxMzJDMjk0LjAyOSAyNS40MDUzIDI5Ny4wNDEgMjUuMzA0MSAyOTkuODY0IDI1LjU1NjNDMzA2LjQ1NSAyNS45NDIzIDMxMy4zMDkgMjUuNjI1MyAzMTkuOTg1IDI2LjAwODRDMzI1LjU2OSAyNi4zNzAzIDMzMS40ODggMjYuNDMxOCAzMzcuMDM3IDI2LjU5MjRDMzQwLjMxNCAyNi42ODQ4IDM0My42MTggMjYuNjg5NSAzNDYuOTIyIDI2LjcyMzFDMzQ3LjE4IDI2LjQyNTIgMzQ3LjQyNyAyNi4wOTg3IDM0Ny42NjQgMjUuNzQzN0MzNTEuNTU5IDI1LjkxMTUgMzU1LjQ2IDI1Ljg3NyAzNTkuMzUxIDI1LjY0MDNMMzU3Ljk2OCAyNS41MTMyTDM1OC4xMzUgMjUuMzYzTDM2My4xODkgMjUuMzM3OEMzNjEuMTU2IDI0Ljg5NTQgMzU5LjA5MiAyNC42MTY2IDM1Ny4wMTUgMjQuNTA0QzM1MC45NzQgMjQuMjQ0MSAzNDQuNzk3IDI0LjE5MTMgMzM4Ljg2NyAyMy43ODMyQzMzMi4yNDYgMjMuMzQwMyAzMjUuMzMgMjMuNTE0OSAzMTguNzMgMjIuODRDMzE1LjQ0NSAyMi41MTY1IDMxMS42NDMgMjMuMDc4IDMwOC4zMjIgMjIuNTI0NEMzMDguMjI2IDIyLjUxMzMgMzA4LjEzIDIyLjUxNjYgMzA4LjAzNSAyMi41MzRMMjk5LjY3MyAyMi40MUMyOTguMjMgMjIuMzk3OSAyOTYuNzg5IDIyLjMxMTIgMjk1LjM1NiAyMi4xNTAxQzI5My42MjYgMjEuOTc2OCAyOTEuNTk3IDIyLjI3NjQgMjg5LjYxIDIyLjExMTdDMjg4LjM4NSAyMi4xOTQxIDI4Ny4xNTYgMjIuMDU5MiAyODUuOTc3IDIxLjcxMzFDMjg3LjM4MyAyMS42NjU5IDI4OC4yNzMgMjEuNjM2IDI4OS4xMDUgMjEuNjA4MUMyOTIuMTggMjEuNjc4MyAyOTUuMjQ0IDIxLjQwMTggMjk4LjI4NSAyMS4yOTk2QzMwMC4wMDcgMjEuMjQxOCAzMDEuMTU0IDIxLjIwMzMgMzAxLjE4IDIxLjk4MzNMMzEwLjQwNyAyMi4xOTRMMzA5LjI3MSAyMS43MTE1QzMxMS4yNjQgMjEuMTgxOCAzMTAuOTg0IDIyLjI2MTQgMzExLjkwMiAyMi4yMzA1QzMxMi41NiAyMS45NTU0IDMxMy4yNDcgMjEuNzU3NyAzMTMuOTUgMjEuNjQxMUMzMTcuMDI2IDIxLjcxMTMgMzIwLjEzIDIxLjc4MDUgMzIzLjA5NyAyMi4wMjhDMzI0LjIxNiAyMi4yNTEgMzI1LjM1NiAyMi4zNDg1IDMyNi40OTYgMjIuMzE4N0MzMjcuMTE0IDIxLjA1NDIgMzMwLjA5MyAyMS42NzcyIDMzMS44MDEgMjEuMjE0OUwzMzIuMjQ5IDIxLjcyMDVDMzM1LjY4NiAyMS45MDg3IDMzOS4xMzIgMjEuNzkyOSAzNDIuNTQ5IDIxLjM3NDVMMzQyLjUzNCAyMC45NDExTDM0Ny41OSAyMC45NzM3QzM0Ny4xMDYgMjEuOTQ0NCAzNDcuNzk5IDIyLjA2NTggMzUzLjk0OCAyMi4xMTk1TDM1MS40NiAyMS41OTU3TDM1OS4wNjMgMjEuMzQwM0wzNTkuMDA3IDE5LjY5MzVDMzYyLjYzIDE5LjgwMzEgMzY1Ljk5NCAxOS44OTI2IDM2OS4zMDMgMjAuMDcwN0MzNjkuODMzIDIwLjEyNjYgMzcwLjMzNyAyMC4zMyAzNzAuNzU4IDIwLjY1ODFDMzcwLjk5NyAyMC44MjA0IDM3MS4yNjkgMjAuOTI1OCAzNzEuNTU0IDIwLjk2NjNDMzcxLjgzOSAyMS4wMDY5IDM3Mi4xMyAyMC45ODE1IDM3Mi40MDQgMjAuODkyMUMzNzIuOTIgMjAuODc0NyAzNzMuMjQ5IDIwLjQwMDkgMzczLjcwNyAyMC4zNTY2QzM3NS4xNDEgMjAuMzA4NCAzNzQuMTI1IDIwLjgzNDIgMzc0LjUwNSAyMS4wMjM5QzM3NC44ODQgMjEuMjEzNyAzNzUuMzE3IDIxLjI1NyAzNzUuODk3IDIxLjQ0TDM3My42NzUgMjEuOTc3NEMzNzYuMjQ3IDIyLjQ0MDUgMzc2LjI0NyAyMi40NDA1IDM3Ny43MiAyMS44NDE1TDM3Ni44ODIgMjAuODI4NEMzNzcuNDc5IDIwLjYzNDggMzc4LjI3OCAyMC40OTIyIDM3OC4zMyAyMC4zMTdDMzc4LjY5OCAxOS42MzMzIDM3OC44MTMgMTguODQwNCAzNzguNjU3IDE4LjA3ODhDMzc4LjY0NCAxNy43MDMyIDM3OC4yOSAxNy40MjU5IDM3OC42MjIgMTcuMDM4N0MzNzguOTUzIDE2LjY1MTUgMzc3LjMyOSAxNS4zMTc4IDM3NS45NDggMTUuMjQ4NVpNNTQuNjY5OSAxMy43Nzg0QzU4Ljc5NzMgMTMuMDMyMSA2My4wMTA0IDEyLjg5MDYgNjcuMTc4NiAxMy4zNTgyTDU0LjY2OTkgMTMuNzc4NFpNMTUuMTkyIDI3LjA1MDVDMTUuOTk4OSAyNi43ODE3IDE2Ljg3ODkgMjYuODQ1OCAxNy42MzkzIDI3LjIyODZMMTUuMTkyIDI3LjA1MDVaTTIxOC42MDQgMTEuNzEyOEwyMjYuNjA4IDExLjQ0MzlDMjI1LjU0OCAxMS45NzQ2IDIyNC4zNjQgMTIuMjA0NCAyMjMuMTg0IDEyLjEwODVDMjIwLjk2OSAxMi4wMDk0IDIxOC42MjIgMTIuMjYxNyAyMTYuMzUgMTIuMTY0NUMyMTQuNTAyIDEyLjM4NjggMjEyLjYyOCAxMi4xNDE2IDIxMC44OTggMTEuNDUxMUMyMTMuNDg4IDExLjM1NjQgMjE2LjA4MiAxMS40NDMzIDIxOC42NjEgMTEuNzEwOUwyMTguNjA0IDExLjcxMjhaTTIxNy41MzQgMTUuNzY5MkMyMTYuNDkxIDE1Ljk4OTYgMjE1LjQwOCAxNS45MjYyIDIxNC4zOTcgMTUuNTg1NEMyMTUuODUzIDE1LjMzNCAyMTYuODgyIDE1LjE4MzcgMjE3LjUzNCAxNS43NjkyWk0xOTcuMTY0IDE2LjQ1MzZDMTk4Ljc0MiAxNi40MDA2IDIwMC4zOTkgMTYuMTQyNCAyMDIuMjYxIDE1Ljk5MzFDMjAyLjAzOCAxNi4xNzQyIDIwMS45NjIgMTYuNDk0OSAyMDEuNjQ4IDE2LjUzNDNDMTk4LjQ0MyAxNi45NjI0IDE5NS4yMDUgMTcuMDcxMiAxOTEuOTc5IDE2Ljg1OTJDMTkzLjY3NyAxNi40NTc4IDE5NS40MjUgMTYuMzIxIDE5Ny4xNjQgMTYuNDUzNlpNMTg2LjE3NiAxNi44MjI3QzE4Ny4yMzggMTYuNzg3MSAxODcuNjY4IDE2Ljc3MjYgMTg3LjgyNyAxNy4yMzAxQzE4Ni4xMTIgMTcuNjA5NyAxODQuMzQyIDE3LjY2OTIgMTgyLjYwNSAxNy40MDU1QzE4My43OTUgMTYuOTAyOCAxODUgMTYuODYyMyAxODYuMTcgMTYuNjQ5NEwxODYuMTc2IDE2LjgyMjdaTTE4Mi40MDEgMTcuMjk2N0MxODEuNTY5IDE3LjMyNDYgMTgwLjcwOCAxNy4zNTM1IDE3OS45MzkgMTcuNTUyOUMxNzguNDUzIDE3Ljc1OTYgMTc2Ljk0NiAxNy43NjE2IDE3NS40NTkgMTcuNTU4OEMxNzcuNzM2IDE2Ljg4MTYgMTgwLjEzNyAxNi43MzE4IDE4Mi40ODEgMTcuMTIwNEwxODIuNDAxIDE3LjI5NjdaTTE3NC4zNTYgMTQuNjc0NUwxNzUuODc3IDE0LjYyMzRMMTc0LjM1NiAxNC42NzQ1Wk0xNzMuNTkzIDE3LjU5MjZMMTczLjYwMSAxNy44MjM3TDE3MS43OTkgMTguMDU3OEwxNzEuNTg4IDE3Ljc3NTZMMTczLjU5MyAxNy41OTI2Wk0xNjQuMjQgMTcuOTA2OEwxNjQuNTI3IDE3Ljg5NzJMMTYzLjYxOSAxOC4yNDU4TDE2My4xNTQgMTguMDU5TDE2NC4yNCAxNy45MDY4Wk0xNTYuNjU0IDE3LjgxNDZDMTU4LjE4MSAxNy43OTA0IDE1OS43MDggMTcuODU1IDE2MS4yMjggMTguMDA4QzE1OS43NDkgMTguNDcxMyAxNTguMTczIDE4LjUyNDMgMTU2LjY2NiAxOC4xNjEzQzE1Ni4yMTYgMTguMTIzIDE1NS43NjQgMTguMTM4MiAxNTUuMzE3IDE4LjIwNjZDMTU1Ljc0NyAxOC4wMjQ4IDE1Ni4xOTUgMTcuODkzMyAxNTYuNjU0IDE3LjgxNDZaTTE1NS4xNzQgMTguMjExNEMxNTUuNDE1IDE4LjU1MDQgMTU0Ljc4OCAxOC42ODcxIDE1NC4wNDEgMTguNjgzM0wxNDkuMzg3IDE4LjY2NjFDMTUxLjI4MiAxOC4yODEgMTUzLjIxNiAxOC4xMzgzIDE1NS4xNDYgMTguMjQxMkwxNTUuMTc0IDE4LjIxMTRaTTE0OS4xODcgMTguNjcyOUMxNDcuOTc3IDE5LjA0NzkgMTQ2LjY4OSAxOS4wOTExIDE0NS40NTcgMTguNzk4MkwxNDkuMTg3IDE4LjY3MjlaTTE0NS4zNDIgMTguODAyQzE0NC44NjggMTkuMDcxNSAxNDQuMzM2IDE5LjIyMTcgMTQzLjc5MSAxOS4yNEMxNDMuMjQ3IDE5LjI1ODMgMTQyLjcwNiAxOS4xNDQxIDE0Mi4yMTUgMTguOTA3MUMxNDMuMTg5IDE4LjY1OTUgMTQ0LjIwMiAxOC42MDU5IDE0NS4xOTcgMTguNzQ5MUwxNDUuMzQyIDE4LjgwMlpNMTE5LjI0NyAyMC4wNTQ3QzEyMi41NDYgMTkuOTQzOSAxMjUuODM5IDE5LjYzMDggMTI5LjE2NSAxOS40NjEyQzEzMC43MTQgMTkuNDA5MiAxMzIuMzIxIDE5LjM1NTIgMTMzLjg5OSAxOS4zMDIyTDEzNi41MSAxOS4yMTQ1QzEzNy43OTkgMTguOTk2MiAxMzkuMTExIDE4Ljk1MjIgMTQwLjQxMSAxOS4wODM0QzEzNi4zNzcgMTkuNzQzNiAxMzIuMjk5IDIwLjEwMyAxMjguMjEyIDIwLjE1ODVDMTI0LjEwOSAyMC4yOTYzIDEyMC4wMDcgMjAuNDM0MiAxMTUuMzY3IDIwLjgyMTRDMTE2LjYwNSAyMC4zNjY5IDExNy45MDEgMjAuMDg5NyAxMTkuMjE2IDE5Ljk5NzlMMTE5LjI0NyAyMC4wNTQ3Wk0xMDkuNyAyMC41NzhMMTA5Ljg4IDIwLjgwMzNDMTA5LjY1OSAyMC45MzIgMTA5LjQyIDIxLjAyNzggMTA5LjE3MiAyMS4wODc0QzEwNy4yNTggMjEuMjg0NSAxMDUuMzI3IDIxLjI0MjUgMTAzLjQyMyAyMC45NjI0TDEwOS43IDIwLjU3OFpNMTAwLjY5MiAyMC44ODA2TDEwMC42OTcgMjEuMDU0TDk4LjcxNzggMjEuMTIwNUw5OC43MTIgMjAuOTQ3MUwxMDAuNjkyIDIwLjg4MDZaTTk0LjQ2NTkgMjEuMDg5OEw5NS43NjU3IDIxLjMwNjRMOTUuNTE0MyAyMS41MTc0TDk0LjI0MzIgMjEuMjk5N0M5NC4yNDMyIDIxLjI5OTcgOTQuMzUyMSAyMS4xMjI1IDk0LjQzNjIgMjEuMDYxOUw5NC40NjU5IDIxLjA4OThaTTc2LjI3MTIgMjIuMzk1M0w3My4yMzAxIDIyLjQ5NzRMNzYuMjcxMiAyMi4zOTUzWk0zNi4yMTUyIDI3LjAwOTRMMzcuNzkzMSAyNi45NTY0TDM3LjgwMDkgMjcuMTg3NkwzNi4yMTUyIDI3LjAwOTRaTTYxLjg2OTIgMzMuMTQ3MkM2MS44NjkyIDMzLjE0NzIgNjEuNjkxMyAzMi45Nzk2IDYxLjg2MzQgMzIuOTczOUw2Mi41ODA3IDMyLjk0OThDNjIuNTgwNyAzMi45NDk4IDYyLjU4MDcgMzIuOTQ5OCA2Mi44MTYgMzMuMTE1NEw2MS44NjkyIDMzLjE0NzJaTTgxLjg2NTcgMjkuOTAxMUw4NS4zOTQ1IDI5Ljc4MjZDODQuMzAwMSAzMC4xNTMyIDgzLjExOTkgMzAuMTgyOCA4Mi4wMDgyIDI5Ljg2NzRMODEuODY1NyAyOS45MDExWk04Ni4xNzc5IDMwLjAxNjZDODYuNjkyNCAyOS43NDM0IDg3LjI2MTggMjkuNTkxMyA4Ny44NDMyIDI5LjU3MThDODguNDI0NiAyOS41NTIyIDg5LjAwMjkgMjkuNjY1OCA4OS41MzQ2IDI5LjkwMzhMODYuMTc3OSAzMC4wMTY2Wk0xMTAuNjUgMjkuMTk0NEMxMTAuNTQ5IDI5LjE4OCAxMTAuNDUxIDI5LjE1NzMgMTEwLjM2NSAyOS4xMDQ4QzExMC4yNzggMjkuMDUyNCAxMTAuMjA1IDI4Ljk3OTcgMTEwLjE1MiAyOC44OTNDMTEwLjQwMyAyOC44MDg3IDExMC42NiAyOC43NDIxIDExMC45MjEgMjguNjkzNkwxMTEuNTA2IDI5LjAyMUMxMTEuMjc2IDI5LjExMTMgMTExLjAzOCAyOS4xNzc1IDExMC43OTUgMjkuMjE4NUwxMTAuNjUgMjkuMTk0NFpNMTIyLjA5NiAyNy45MTMyQzEyMS44MzkgMjcuOTM2IDEyMS41OCAyNy45NDQ3IDEyMS4zMjEgMjcuOTM5MkMxMjEuMzIxIDI3LjkzOTIgMTIxLjUyMiAyNy45MzI1IDEyMS42MzcgMjcuOTI4NkwxMjIuNDQgMjcuOTAxNkMxMjIuNTI0IDI3Ljg0MDkgMTIyLjI5OSAyNy45NjQyIDEyMi4yNCAyNy45MzczTDEyMi4wOTYgMjcuOTEzMlpNMTI4LjI1NiAyNy40NDU5QzEyOS4zOTkgMjcuMDI3NiAxMzAuNjQ1IDI2Ljk4NTcgMTMxLjgxMyAyNy4zMjY0QzEzMC42NyAyNy43NDQ4IDEyOS40MjQgMjcuNzg2NyAxMjguMjU2IDI3LjQ0NTlaTTEzMy4xMjYgMjguNzg2NEMxMzMuMDU0IDI4Ljc4MjUgMTMyLjk4NCAyOC43NjA0IDEzMi45MjIgMjguNzIyQzEzMi44NjEgMjguNjgzNiAxMzIuODEgMjguNjMwMiAxMzIuNzc0IDI4LjU2NjhDMTMyLjc3NCAyOC41NjY4IDEzMy4wNjEgMjguNTU3MiAxMzMuMjA0IDI4LjU1MjRDMTMzLjM0OCAyOC41NDc1IDEzMy42MDYgMjguNTM4OSAxMzMuOTg2IDI4LjcyODZDMTMzLjc0MiAyOC43ODY2IDEzMy40OTIgMjguODE0NCAxMzMuMjQyIDI4LjgxMTRMMTMzLjEyNiAyOC43ODY0Wk0xMzcuNTk4IDI0LjIzOTdMMTQwLjQ2NiAyNC4xNDMzTDE0MC40NzYgMjQuNDMyMkwxMzcuNTk4IDI0LjIzOTdaTTE2NS44NDIgMjIuODU2OUwxNjQuMDg0IDIyLjY1NTZMMTY0LjQxOSAyMi4zODRMMTY2LjA2NSAyMi42NDY5TDE2NS44NDIgMjIuODU2OVpNMTY3LjIzNiAyMy4zMDE3QzE2Ny42MDcgMjIuMzYzNyAxNjcuNjA3IDIyLjM2MzcgMTY5Ljg4OCAyMi43MjFMMTY3LjIzNiAyMy4zMDE3Wk0xNzMuOTQ5IDIzLjA3NjJDMTc0LjMyOSAyMi44Nzg0IDE3NC43NDcgMjIuNzY4NCAxNzUuMTc0IDIyLjc1NEMxNzUuNiAyMi43Mzk3IDE3Ni4wMjUgMjIuODIxNCAxNzYuNDE3IDIyLjk5MzNMMTczLjk0OSAyMy4wNzYyWk0xNzEuMzM3IDIyLjI2NzNDMTczLjgzNiAyMS44NDQgMTc2LjM3MyAyMS42OTA5IDE3OC45MDUgMjEuODEwNkMxNzYuNDIgMjIuMzM4NCAxNzMuODggMjIuNTUwMSAxNzEuMzQzIDIyLjQ0MDdMMTcxLjMzNyAyMi4yNjczWk0xOTEuOTA5IDIyLjQ3MjhDMTkwLjc2MiAyMi41MTE0IDE4OS41NTcgMjIuNTUxOCAxODguMzggMjIuNTkxNEMxODcuMjA0IDIyLjYzMDkgMTg1LjgyNyAyMi42NzcyIDE4NC41MzYgMjIuNzIwNUMxODMuMjQ1IDIyLjc2MzkgMTgyLjI2OSAyMi43OTY3IDE4MS4xNTEgMjIuODM0M0MxODEuMTMgMjIuNzEwMSAxODEuMTI2IDIyLjU4MzkgMTgxLjEzOCAyMi40NTg3TDE5NS4xMzggMjEuOTg4M0MxOTQuMzA3IDIyLjg4NCAxOTMuMDkyIDIyLjYzNTUgMTkxLjkxNSAyMi42NDYyTDE5MS45MDkgMjIuNDcyOFpNMjA5LjEzNiAyMi4yNzAxQzIwNS4yNTUgMjIuMTY5MSAyMDEuMzU0IDIyLjMyOTEgMTk3LjQ3OCAyMi4zNzI1QzE5Ny4yNTMgMjIuMzM5MSAxOTcuMDMgMjIuMjg4NiAxOTYuODEyIDIyLjIyMTNDMTk3Ljk0NSAyMS44NDM5IDE5OS4xMzMgMjEuNjU3NCAyMDAuMzI2IDIxLjY2OTRDMjAzLjg1NSAyMS41NTA4IDIwNy4zODQgMjEuNDMyMyAyMTAuODg0IDIxLjMxNDdDMjExLjI2MyAyMS4zMjM2IDIxMS42MzkgMjEuMzY5MSAyMTIuMDA5IDIxLjQ1MDRDMjExLjY2NSAyMi4zMjk3IDIxMC4yOTEgMjIuNDYyNyAyMDkuMjI4IDIyLjQ0MDVMMjA5LjEzNiAyMi4yNzAxWk0xOTYuOTU4IDIwLjU2NzdMMjAwLjM0MyAyMC40NTRMMTk3LjA1NCAyMC44ODI3TDE5Ni45NTggMjAuNTY3N1pNMjAwLjkxIDIxLjA3MTNMMjAyLjE3MiAyMS4wMjg5TDIwMi40MDggMjEuMjIzNEwyMDEuMDAyIDIxLjI3MDdMMjAwLjkxIDIxLjA3MTNaTTIyMi45NDUgMjIuMDk1NEMyMjAuMjM2IDIxLjk4NCAyMTcuNTIyIDIyLjA3NTIgMjE0LjgyNiAyMi4zNjgyQzIxNC41MzEgMjIuNDA5IDIxNC4yMzMgMjIuNDE5IDIxMy45MzcgMjIuMzk4QzIxMy41MzUgMjIuNDExNSAyMTMuMDY1IDIyLjEwOTEgMjEyLjk3MyAyMS45Mzg3QzIxMi44ODEgMjEuNzY4MiAyMTMuNTA2IDIxLjU0NDggMjEzLjg1IDIxLjUzMzJDMjE1LjMxMyAyMS40ODQgMjE2LjcxOSAyMS40MzY4IDIxOC4yNjggMjEuMzg0OEwyMjMuMTE3IDIxLjIyMTlMMjI1Ljc4NSAyMS4xMzIyQzIyNS4yOTEgMjEuODE0MSAyMjQuNDk5IDIyLjE4NzggMjIyLjg1OSAyMi4wOTgzTDIyMi45NDUgMjIuMDk1NFpNMjI3LjA0OCAyMS45NTc1TDIyNi43OSAyMS45NjYyTDIyNy43MjcgMjEuNjQ1NUwyMjguMDQyIDIxLjYzNDlMMjI3LjA0OCAyMS45NTc1Wk0yMzEuMjk2IDI1LjI4NTdDMjMxLjI5NiAyNS4yODU3IDIzMC45NDUgMjUuMDk1MSAyMzEuMDAxIDI1LjA2NDJDMjMxLjIyIDI1LjAzNTYgMjMxLjQ0MSAyNS4wMjgyIDIzMS42NjEgMjUuMDQyMUwyMzEuODk2IDI1LjIwNzdMMjMxLjI5NiAyNS4yODU3Wk0yMzQuMTUgMjQuNzU2QzIzNi42NDIgMjQuMzI0NyAyMzkuMTggMjQuMjM5NSAyNDEuNjk1IDI0LjUwMjVDMjM5LjIzOCAyNC45Njc1IDIzNi43MjggMjUuMDgxMSAyMzQuMjM5IDI0LjgzOThMMjM0LjE1IDI0Ljc1NlpNMjY2Ljk2NCAyMS43NDQ1TDI2NS42NjggMjEuNjE0NUMyNjUuNjY4IDIxLjYxNDUgMjY1Ljg5MSAyMS40MzM1IDI2NS45NDkgMjEuNDMxNUwyNjcuMTgyIDIxLjM5MDFMMjY2Ljk2NCAyMS43NDQ1Wk0yNjkuNTcyIDI0Ljk4MzJMMjY5LjU2NCAyNC43NTIxTDI3Mi4yMzIgMjQuNjYyNEwyNzIuMjQ0IDI1LjAwOTFMMjY5LjU3MiAyNC45ODMyWk0yNzguOTYzIDIxLjUxNUMyNzcuNzU4IDIxLjU1NTQgMjc2LjQzOCAyMS41OTk4IDI3NS4xNDcgMjEuNjQzMkMyNzMuMTM5IDIxLjcxMDYgMjcyLjk2NiAyMS43MTY0IDI3My4wNTEgMjAuODE2OUwyNzguNzg5IDIwLjYyNDFMMjc4Ljk2MyAyMS41MTVaTTI3Ni45NjggMTcuNzA2MUMyNzUuOTA2IDE3Ljc0MTggMjc0Ljg0NSAxNy43Nzc1IDI3My42ODkgMTcuNTg0OUMyNzMuOTk1IDE4LjEyNDIgMjczLjk5NSAxOC4xMjQyIDI3OC41OTkgMTguMzc0NUMyNzcuMjc2IDE4Ljc0IDI3NS45MDcgMTguOTAzIDI3NC41MzYgMTguODU4QzI3MC41MiAxOC45OTMgMjY2LjQ2OSAxOC45NTU1IDI2Mi40MiAxOS4wMDQ4QzI2MS4wNDMgMTkuMDUxIDI2MC4zODkgMTkuMjQ2NSAyNjAuNjM3IDE5Ljc4NzhDMjU4Ljk3MyAxOS44NDM3IDI1OC44NDcgMTkuNTAwOCAyNTguNzE3IDE5LjA3MTNDMjU3LjM0IDE5LjExNzYgMjU1Ljg0OSAxOS4xNjc3IDI1NC41NTcgMTkuMjExMUMyNTMuMTgxIDE5LjA1MzkgMjUxLjc4OSAxOS4xMDA3IDI1MC40MjYgMTkuMzQ5OUMyNTEuNDM3IDE5LjY4NzkgMjUyLjUxMSAxOS43OTAzIDI1My41NjcgMTkuNjQ5M0MyNTQuNTIxIDE5LjU2MjMgMjU1LjQ3OSAxOS41MzAxIDI1Ni40MzYgMTkuNTUyOUMyNTMuMzI1IDE5LjkzOCAyNTAuMTc3IDE5LjkxNzQgMjQ3LjA3IDE5LjQ5MTVDMjQ1LjI5MSAxOS4zMTc0IDI0My40OTcgMTkuMzc3NyAyNDEuNzM0IDE5LjY3MDhMMjQzLjQ2MSAxOS43ODYzQzI0Mi4yMTIgMjAuMTU3OCAyNDAuODg5IDIwLjIwMjIgMjM5LjYxNyAxOS45MTU1QzIzOS4xMSAxOS4zNTQxIDIzOC4xMTIgMTkuNTkgMjM3LjE5NCAxOS42MjA5QzIzNC41ODQgMTkuNzA4NiAyMzIuMDAyIDE5Ljc5NTMgMjI5LjM4NSAxOS43MDk3QzIyOC40OTYgMTkuNzM5NiAyMjcuNTc3IDE5Ljc3MDQgMjI2LjY4OCAxOS44MDAzQzIyNi4xMDcgMTkuODYwNCAyMjUuNTIyIDE5Ljg4IDIyNC45MzggMTkuODU5MUMyMjIuMTc5IDE5LjY1MTkgMjE5LjQwNCAxOS43OTM3IDIxNi42OCAyMC4yODEyQzIxNi4wMiAyMC4zMDMzIDIxNS4zMDMgMjAuMzI3NCAyMTQuMjk5IDIwLjM2MTJDMjE0LjI4NiAxOS45ODU2IDIxNC40NzYgMTkuNjYxIDIxNC41ODEgMTkuMzM5M0wyMTQuMTUgMTkuMzUzOEMyMTMuMzA0IDE5LjY4MzEgMjEyLjQyNyAxOS45MjU4IDIxMS41MzIgMjAuMDc4MUMyMDkuNDEgMjAuMzQzNyAyMDcuMjYxIDIwLjI5OSAyMDUuMTUxIDE5Ljk0NTRDMjAzLjYwMSAxOS41MzEgMjAxLjk2NSAxOS41ODYgMjAwLjQ0NiAyMC4xMDM1QzE5Ni45OTkgMTkuNjE2NiAxOTMuNDg1IDIwLjAxMzIgMTkwLjIzMSAyMS4yNTY1QzE4OS40NDkgMjEuMTI1NyAxODguNjYgMjEuMDQ1OSAxODcuODY4IDIxLjAxNzhDMTg3LjY5NiAyMS4wMjM1IDE4Ny4zOTIgMjEuMzgwOCAxODcuMDg0IDIxLjYyMjZMMTgwLjgzIDIxLjgzMjdDMTgxLjcyIDIwLjk2NCAxODMuODYgMjEuNDEyNyAxODUuMDE5IDIwLjg1MzJDMTgyLjk2NSAyMC42NDkzIDE4MC45IDIwLjU5MzEgMTc4LjgzOCAyMC42ODQ4QzE3NC42ODUgMjEuMDI2OCAxNzAuNSAyMS4yODMxIDE2Ni4zMTYgMjEuNTY4M0MxNjUuNjMgMjEuNjM1OSAxNjQuOTQgMjEuNjU5IDE2NC4yNSAyMS42Mzc3QzE2MS45OTggMjEuMjYyNyAxNTkuNjg2IDIxLjU0MSAxNTcuNTg1IDIyLjQ0MDFDMTU2LjczOSAyMi4wMzQ3IDE1NC45NzQgMjIuNTI3OCAxNTQuMjQgMjIuMDMxOUMxNTMuODI0IDIyLjA1ODQgMTUzLjQxMiAyMi4xMzA0IDE1My4wMTIgMjIuMjQ2N0MxNTIuNjc2IDIyLjUxODIgMTUyLjYyOSAyMi44MDkxIDE1Mi40MTEgMjMuMTYzNUMxNTAuMjAzIDIzLjUxOTQgMTQ3Ljk2NyAyMy42NjIzIDE0NS43MzMgMjMuNTkwM0MxNDcuNDY4IDIzLjA5ODIgMTQ5LjM3NiAyMy40Njc5IDE1MC43NjIgMjIuODE0QzE0OS44MjkgMjIuNTI0MiAxNDguODM3IDIyLjQ4NzcgMTQ3Ljg4NiAyMi43MDgxQzE0NS44MzUgMjMuMDc4NCAxNDMuNzQ5IDIzLjIxNjUgMTQxLjY2NyAyMy4xMTk1QzEzOC45MTEgMjIuOTExMyAxMzYuMTQyIDIzLjMwMDIgMTMzLjU0OCAyNC4yNkMxMzAuNDA5IDI0LjA2MTcgMTI3LjI1NyAyNC4xNjc1IDEyNC4xMzggMjQuNTc2MkMxMjIuMjMxIDI0Ljc2MDUgMTIwLjMxNSAyNC44MjQ5IDExOC40IDI0Ljc2ODlMMTA0Ljc3MyAyNS4yMjY4QzEwMy4xOTUgMjUuMjc5OCAxMDEuNTg4IDI1LjMzMzggMTAwLjAxIDI1LjM4NjhMODEuMjY1OSAyNS43MjczTDU3LjU2MDQgMjYuMjkyM0M1Ni45ODY2IDI2LjMxMTYgNTYuNDEyOCAyNi4zMzA5IDU1LjgzOSAyNi4zNTAxTDk3Ljg1MDYgMjMuNTIxNEw5Ny44NDE5IDIzLjI2MTRDOTcuMzYzMiAyMy4yNDg2IDk2Ljg4NDIgMjMuMjY0NyA5Ni40MDc0IDIzLjMwOTZDOTAuNjY5NSAyMy41MDIzIDg0LjY3MzMgMjMuNzAzOCA3OC43OTk3IDI0LjEzMjVDNzQuMjk1NCAyNC4yODM5IDY5LjgwMDggMjQuNzI0MSA2NS4zMDA0IDI0Ljk5MUM2My4wOTEzIDI1LjA2NTIgNjAuODUzNSAyNS4xNDA0IDU4LjY0NDQgMjUuMjE0NkM1NS41MTcyIDI1LjMxOTcgNTIuMzk5NyAyNS43MTM3IDQ5LjMwNjEgMjUuOTYyMkM0OC41MTkyIDI2LjAwODEgNDcuNzM1OCAyNi4xMDIgNDYuOTYwMyAyNi4yNDM1QzQ0LjM1MjQgMjYuNjQ1OCA0MS43MTA4IDI2Ljc4MyAzOS4wNzU0IDI2LjY1M0M0MS4xNjc5IDI2LjEwNTQgNDMuMzE3NyAyNS44MDk5IDQ1LjQ3OTYgMjUuNzcyNkM0Ni4yNTQzIDI1Ljc0NjYgNDcuMTE0OSAyNS43MTc3IDQ3Ljg4OTYgMjUuNjkxNkM1NS40OTc4IDI0Ljc0MTggNjMuMjk2NSAyNC4zMzUyIDcxLjA2NDYgMjMuODcxOEw4OS44OTczIDIyLjc0NzNMMTE5LjQzIDIxLjIzNDVMMTMzLjk2NSAyMC40MjhMMTQ2LjM4MiAxOS44MzczTDE2Ny4yODcgMTguODQ1N0MxNzQuNDg4IDE4LjYwMzggMTgxLjYyMyAxOC4wNzQ4IDE4OC44NSAxNy43NzQyQzE5NC4zODcgMTcuNTg4MSAxOTkuOTUzIDE3LjQwMTEgMjA1LjQ2MiAxNy4yMTYxQzIwOS44MjMgMTcuMDY5NiAyMTQuMDY5IDE2LjkyNjkgMjE4LjQ4NyAxNi43Nzg1QzIxOS4xNzcgMTYuNzI3MiAyMTkuODcgMTYuODAxOSAyMjAuNTM0IDE2Ljk5OUwyMDguNTgyIDE3Ljc0NzZDMjEwLjA1NSAxOC4wODE5IDIxMS41ODEgMTguMTA5NCAyMTMuMDY1IDE3LjgyODRDMjE3LjQ3NyAxNy41MDY2IDIyMS44NzMgMTcuNTMyNSAyMjYuMjYyIDE3LjM4NUwyMjcuNzU0IDE3LjMzNDlDMjMyLjI1OCAxNy4xODM1IDIzNi43ODQgMTYuODAwMSAyNDEuMjg2IDE2LjU5MUMyNDMuNDk1IDE2LjUxNjggMjQ1LjcwNCAxNi40NDI2IDI0Ny44OSAxNi41NDI3QzI0OC41NjQgMTYuNDg5OCAyNDkuMjQxIDE2LjUyNTQgMjQ5LjkwNSAxNi42NDg1QzI1MS4yMDIgMTcuMTI0NyAyNTIuNjIyIDE3LjEzODMgMjUzLjkyNyAxNi42ODY5QzI1Ni42NTMgMTYuMTU1MiAyNTkuNDMzIDE1Ljk1NSAyNjIuMjA4IDE2LjA5MDZDMjY3LjIwNSAxNi4wOTYyIDI3Mi4yMDggMTYuMjQ2MyAyNzcuMTggMTYuMzM5NkMyNzcuMzczIDE2LjM3MSAyNzcuNTU5IDE2LjQzMzEgMjc3LjczMiAxNi41MjM1QzI3Ni41MDkgMTYuODQ1NyAyNzUuMjQzIDE2Ljk2NjQgMjczLjk4MiAxNi44ODA5QzI3NS44ODggMTcuMTI4MyAyNzcuODE3IDE3LjE1MDggMjc5LjcyOCAxNi45NDgxQzI3OS4zNzcgMTcuNTk2MyAyNzguMjYzIDE3Ljc3ODMgMjc3LjA1NyAxNy43ODk5TDI3Ni45NjggMTcuNzA2MVpNMjczLjA3NiAxNS41ODA4QzI3MC41NTEgMTUuNjY1NiAyNjguMDI3IDE1Ljc1MDQgMjY1LjUyNCAxNS42MzIxQzI1OC4wODYgMTUuNjUwNiAyNTAuNjk1IDE1LjM3ODIgMjQzLjE4OCAxNS45MTk3QzI0Mi4xMjMgMTUuOTQ0NyAyNDEuMDU4IDE1LjkxMjkgMjM5Ljk5NiAxNS44MjQ0QzIzOS4zMDggMTUuODQ3NiAyMzguNjE5IDE1Ljg3MDcgMjM3LjkzMSAxNS44OTM4TDIyOS41NTMgMTYuMTc1M0wyMjkuNTQ0IDE1Ljg4NjRDMjQ2Ljc1IDE1LjA3NjkgMjYzLjYzNyAxNS4wMzAyIDI4MC45NjkgMTUuNDAyNEMyNzguMTgzIDE1LjQwOTIgMjc1LjY2MSAxNS41ODA3IDI3My4xNjUgMTUuNjY0NkwyNzMuMDc2IDE1LjU4MDhaTTMzOC40NzUgMjUuNzkyMUwzNDEuMzM1IDI1LjQzNTdMMzQxLjYyOSAyNS42MjgzTDM0MC43NTQgMjYuMDkxNUwzNDIuMDg0IDI2LjM2NUwzNDEuODAzIDI2LjU0OEwzMzguNjU1IDI2LjAxNzRMMzM4LjQ3NSAyNS43OTIxWk0zMTMuOTY4IDI1LjU3NDJMMzEwLjAwMSAyNS40NzYxQzMxMS4zMjUgMjUuMDA4OSAzMTIuNzc4IDI1LjA3NCAzMTQuMDU3IDI1LjY1OEwzMTMuOTY4IDI1LjU3NDJaTTMwMi4yOTIgMjUuMTU2NkwzMDguNzI3IDI1LjE3MThMMzA4LjczOSAyNS41NDc0TDMwMi4yNzMgMjUuNDQ2NUwzMDIuMjkyIDI1LjE1NjZaTTI5OS44NzggMjUuMDkzMUwyOTkuODg2IDI1LjM1MzFMMjk3LjI3NiAyNS40NDA4QzI5OC4xMTkgMjUuMDU4IDI5OS4wNjUgMjQuOTY1MiAyOTkuOTY3IDI1LjE3NjlMMjk5Ljg3OCAyNS4wOTMxWk0yODYuMjQ1IDE3LjcxMjZDMjg2LjIyOSAxNy4yMjE1IDI4Ni4wMTggMTYuOTM5MyAyODUuODkxIDE2LjU2NzZDMjkwLjQxNyAxNi4yMTMgMjk0LjM3NSAxNi44ODk5IDI5OC41OTYgMTYuODYzOEMyOTQuNDkxIDE2Ljg2NDQgMjkwLjM5MiAxNy4xNzYyIDI4Ni4zMzQgMTcuNzk2NEwyODYuMjQ1IDE3LjcxMjZaTTMwMi45OTIgMTkuNDkyOEwzMDIuOTg2IDE5LjI5MDZMMzA0LjY1IDE5LjIzNDdMMzAyLjk5MiAxOS40OTI4Wk0zMTkuNzIgMTkuODI3NUwzMTkuNzE0IDE5LjY1NDFMMzIxLjM1IDE5LjU5OTJMMzIxLjM1NSAxOS43NzI1TDMxOS43MiAxOS44Mjc1Wk0zMzMuNTYzIDIwLjYzNTFDMzMzLjc2MyAyMC42MjgzIDMzMy44NzEgMjAuNDIyMiAzMzMuOTU4IDIwLjQ0ODJDMzM0Ljc2MiAyMC40MjEzIDMzNS44MjMgMjAuMzg1NiAzMzYuMjQ1IDIwLjk3ODhMMzMzLjU2MyAyMC42MzUxWk0zMzkuNTk5IDIwLjc3OTRMMzM5Ljc2IDIwLjQ1NThMMzQyLjQ3IDIwLjc0MDhMMzM5LjU5OSAyMC43Nzk0Wk0zNjcuMzEgMTguODkzOUwzNjYuMjY2IDE4LjU4MTlMMzY2LjU4MSAxOC41NzEzTDM2Ny42MjYgMTguODgzM0wzNjcuMzEgMTguODkzOVpNMTU1LjU4OSAyOC4wMDI4QzE1NC41NjEgMjguMDA2IDE1My41NCAyOC4xNjcxIDE1Mi41NjEgMjguNDgwNUMxNTEuMDU0IDI5LjEyMDIgMTQ5LjQyOCAyOS40MjE2IDE0Ny43OTQgMjkuMzYzOEMxNDYuOTA0IDI5LjM5MzcgMTQ2LjAxNSAyOS40MjM1IDE0NS4xMjYgMjkuNDUzNEMxNDcuODA2IDI5LjU4MDMgMTUwLjQ5MyAyOS40OSAxNTMuMTU5IDI5LjE4MzVDMTU2LjEyNSAyOC43MTUgMTU5LjEyNiAyOC41MDc3IDE2Mi4xMjggMjguNTY0QzE2Mi43MjQgMjguNDk3NiAxNjMuMzA4IDI4LjM1MTYgMTYzLjg2NSAyOC4xMjk3QzE2My40MTkgMjguMDI0MiAxNjIuOTY1IDI3Ljk1MjQgMTYyLjUwOCAyNy45MTQ5QzE2MC4zIDI4LjAxOCAxNTcuOTczIDI4LjAwOTQgMTU1LjY3OCAyOC4wODY1TDE1NS41ODkgMjguMDAyOFpNMTkuODY4NSAxNy40OTNDMTkuNzM5NiAxNy45MzEyIDE5LjY2NDIgMTguMjUxOSAxOS41MDc2IDE4LjcxOTlDMjIuNTg1MiAxOC44NDc5IDI1LjU0NjEgMTguOTIyIDI4LjkzMDUgMTguNzc5NEwyNS42OTM5IDE4LjE5MzlMMjcuMTEzOSAxNy43MTI0TDE5Ljg2ODUgMTcuNDkzWk0xMjQuMzg0IDMxLjA0NjlMMTM5LjA1NyAzMC4wNjIyQzEzNC4xNDggMzAuMDI3MyAxMjkuMjQ0IDMwLjM1NjQgMTI0LjM4NCAzMS4wNDY5Wk0yOTMuNTY2IDI4LjcxODJMMjg3LjIxMyAyOC41NTU2QzI4OS4zMDQgMjguOTkyNiAyOTEuNDU2IDI5LjA0NzYgMjkzLjU2NiAyOC43MTgyWk0yNjQuMzc0IDYuMTgzNTZMMjY5LjM3NiA2LjMzMzYzQzI2Ny43NTEgNS44Mzg0NyAyNjYuMDI1IDUuNzg2NyAyNjQuMzc0IDYuMTgzNTZaTTk1Ljc5MzIgMzIuMzgzNUw5NS43OTkgMzIuNTU2OEwxMDIuMzk4IDMyLjMzNTFMMTAyLjM4OCAzMi4wNDYyTDk1Ljc5MzIgMzIuMzgzNVpNMzU0LjExNiAyNy4xMTc4QzM1MS43MTggMjYuODc3NSAzNDkuMzA2IDI2LjgxMzUgMzQ2LjkgMjYuOTI2M0MzNDkuMzcyIDI3LjMyMjUgMzUxLjg4NiAyNy4zODQgMzU0LjM3NCAyNy4xMDkxTDM1NC4xMTYgMjcuMTE3OFpNMzMyLjAyNyAyMS45NTkzQzMzMC4xOTIgMjEuNDg0MyAzMjguMjYxIDIxLjU0OTIgMzI2LjQ2MSAyMi4xNDYzQzMyOC40MDUgMjIuMjM1NiAzMzAuMzUyIDIyLjE3OTggMzMyLjI4NiAyMS45Nzk2TDMzMi4wMjcgMjEuOTU5M1pNMjkzLjUxOCAyNi40MzQ4TDI4OS4yMTQgMjYuNTc5NEMyOTAuNzkzIDI2LjU1NTMgMjkxLjk2NyAyNy4yOTY4IDI5My43NzcgMjYuNDU1TDI5My41MTggMjYuNDM0OFpNMTEzLjQwMiAxMi43ODg3TDEwOC4zMTggMTIuNzg1OUwxMDguMzI3IDEzLjA0NkwxMTMuNTIgMTIuODcxNUwxMTMuNDAyIDEyLjc4ODdaTTEwMy4xNDIgMTIuNjEyN0w5OS4yMTE5IDEyLjc0NDhDMTAwLjQ5NSAxMy4xMDc0IDEwMS44NTggMTMuMDYxNyAxMDMuMTE0IDEyLjYxMzdMMTAzLjE0MiAxMi42MTI3Wk0yMzEuNjE3IDI2LjMxNjJMMjI4LjM1NCAyNi42MjgzQzIyOS40NDEgMjYuOTQ5NCAyMzAuNjEgMjYuODM3NyAyMzEuNjE3IDI2LjMxNjJaTTI3Mi45OTUgNi4zMjc3NUwyNzUuMzE5IDYuMjQ5NjhDMjc0LjkzOSA2LjAzNTI1IDI3NC41MDkgNS45Mjk2MSAyNzQuMDc0IDUuOTQ0MjJDMjczLjYzOSA1Ljk1ODgzIDI3My4yMTYgNi4wOTMxNCAyNzIuODUyIDYuMzMyNTdMMjcyLjk5NSA2LjMyNzc1Wk0xMTIuMDQ2IDE0LjMwOTRMMTEyLjAzNyAxNC4wNDk0TDEwOS43NDIgMTQuMTI2NUwxMTIuMDQ2IDE0LjMwOTRaTTIzNy4xNzMgMjYuNjc5MUwyNDIuMjIyIDI2LjUwOTVMMjM3LjM2NCAyNi4zODM0TDIzNy4xNzMgMjYuNjc5MVpNMjQ2LjQ0OSAyNi42Mjc4TDI0Ni40NCAyNi4zNjc4TDI0Mi44ODIgMjYuNDg3M0wyNDYuNDQ5IDI2LjYyNzhaTTI4My44OTIgMjkuNzM3NEwyODYuNzYxIDI5LjY0MUwyODMuODkyIDI5LjczNzRaTTkuMTQ4MjQgMzMuNTMwMUwxMS44ODM1IDMzLjcyNzRMMTIuMDIxMSAzMy41NDkzTDkuMTQxNDQgMzMuMzI3OUw5LjE0ODI0IDMzLjUzMDFaTTk0Ljg2NyAxNC4yMjEzTDkxLjk5OCAxNC4zMTc3TDkyLjAwMzkgMTQuNDkxTDk0Ljg3MjggMTQuMzk0Nkw5NC44NjcgMTQuMjIxM1pNMjg0LjU0NiA3LjMyODA0TDI4MS41MzQgNy40MjkyNUwyODEuNTQyIDcuNjYwMzlMMjg0LjQxMSA3LjU2NEwyODQuNTQ2IDcuMzI4MDRaTTMwLjA1MDggMTkuNjM4NEwzMC40ODExIDE5LjYyMzlMMjguOTg5MyAxOS42NzQxTDI3Ljk4NTEgMTkuNzA3OEwyOC41MzAyIDE5LjY4OTVMMzAuMDUwOCAxOS42Mzg0Wk0yMS42MDYzIDE5LjYzMjhMMjIuOTU0NyAxOS41ODc1TDIyLjk0NyAxOS4zNTY0TDIxLjYyNzIgMTkuNDAwOEwyMS42MDYzIDE5LjYzMjhaTTc5LjgzNTUgMTQuNzg0MUw3Ny40ODMgMTQuODYzMkw3OS44NjQyIDE0Ljc4MzJMNzkuODM1NSAxNC43ODQxWk0zNzMuMzE4IDIzLjMxOTlMMzc1Ljc1NyAyMy4yMzhMMzczLjMxOCAyMy4zMTk5Wk0yODUuOTcgMjYuNjMwNUwyODMuNTg5IDI2LjcxMDVMMjg1Ljk3IDI2LjYzMDVaTTIxLjU2NTUgMzMuODA3MUwyMi44Mjc5IDMzLjc2NDdMMjEuNTY1NSAzMy44MDcxWk0yNzguNDI2IDYuNDA1NjFMMjc4LjQyIDYuMjMyMjdMMjc2Ljk1NyA2LjI4MTQzTDI3Ny4xMzcgNi41MDY3NkwyNzguNDI2IDYuNDA1NjFaTTE3NS44NTQgMzEuMDI0MkwxNzcuMjAyIDMwLjk3ODlMMTc1Ljg1NCAzMS4wMjQyWk05OS4wOTggMTQuNDg0MUwxMDAuMzU2IDE0LjI5NzJMOTkuMDY0NSAxNC4zNDA2TDk5LjA5OCAxNC40ODQxWk0zMTkuNTc5IDIyLjQ2NDNMMzE5LjU3MyAyMi4yOTFMMzE4LjE2MSAyMi4xNjQ5TDMxOC4xNjcgMjIuMzM4MkwzMTkuNTc5IDIyLjQ2NDNaTTc4LjM4MTQgMzMuMDU1Mkw3OC44NjMzIDMyLjg2NTVMNzguNDkwMyAzMi44NzhDNzguNDkwMyAzMi44NzggNzguNDYzNiAzMi45MzY4IDc4LjQzODggMzMuMDUzM0w3OC4zODE0IDMzLjA1NTJaTTE2My41NjYgMjAuMDY5OUMxNjQuMTQ1IDIwLjI2NzcgMTY0Ljc0OCAyMC4zODM3IDE2NS4zNTggMjAuNDE0NkMxNjcuMTY2IDIwLjM1MzggMTY5LjAwMiAyMC4yOTIyIDE3MC43ODEgMjAuMjMyNEMxNzIuNTU5IDIwLjE3MjYgMTcyLjE5NSAyMC40NDUyIDE3Mi4zNzYgMjAuNjk5NEwxNzguNjk4IDE5LjkzNzVMMTc3LjgyNSAxOS41OTA4TDE4MS45NSAxOS4yNzg3TDE4MS45NDEgMTkuMDE4NkMxNzUuNzg0IDE5LjU0MzcgMTY5LjYwMiAxOS4zNDY0IDE2My42MjMgMjAuMDY3OUwxNjMuNTY2IDIwLjA2OTlaTTExOS4wMSAyMi40MDU2QzExOS4zNzQgMjIuNDM3NiAxMTkuNzQgMjIuNDI1MyAxMjAuMSAyMi4zNjlDMTIzLjM3MSAyMi4yNTkxIDEyNi42MDUgMjEuOTE5IDEyOS44NzUgMjEuNzgwMkMxMzIuMjI3IDIxLjcwMTIgMTM0LjYwOSAyMS42MjEyIDEzNi45MzggMjEuNzE2NUMxMzcuMzQyIDIxLjc2NiAxMzcuNzUxIDIxLjczMzUgMTM4LjE0MiAyMS42MjFDMTM4LjUzMyAyMS41MDg1IDEzOC44OTcgMjEuMzE4MyAxMzkuMjE0IDIxLjA2MTVMMTE5LjEzOSAyMS45Njc0QzExOS4wODkgMjIuMTA3MyAxMTkuMDY1IDIyLjI1NTEgMTE5LjA2NyAyMi40MDM3TDExOS4wMSAyMi40MDU2Wk0yNjAuMzY1IDE3LjY1NjVDMjU5LjA3NCAxNy42OTk5IDI1Ny43ODMgMTcuNzQzMyAyNTUuNjg4IDE3LjgxMzdDMjU2LjMyMiAxOC4wNjQxIDI1Ni45ODQgMTguMjM2MSAyNTcuNjU4IDE4LjMyNTlDMjYxLjQxNyAxOC4xOTk3IDI2NS4yMDQgMTguMDcyNCAyNjguOTY4IDE4LjExOTVDMjY4LjIxOCAxNy45MzkgMjY3LjQ1NiAxNy44MTk1IDI2Ni42ODcgMTcuNzYyM0MyNjQuNjQ2IDE3LjcxNTIgMjYyLjU0OCAxNy42NyAyNjAuNDIzIDE3LjY4MzVMMjYwLjM2NSAxNy42NTY1Wk0xOTkuMjkzIDE4LjI2MjFDMjAyLjI4NSAxOC40MTg3IDIwNS4yODQgMTguMjQwMyAyMDguMjM2IDE3LjczMDNDMjA1LjI2MyAxNy41Mjg3IDIwMi4yNzYgMTcuNzE2NiAxOTkuMzUxIDE4LjI4OTFMMTk5LjI5MyAxOC4yNjIxWk0xNTMuMTk4IDIwLjkzODhMMTUzLjE3NyAyMC4zMzIxTDE0Ni41NTkgMjAuODE0OEMxNDguNzc3IDIxLjEzNDEgMTUxLjAyNiAyMS4xODQ4IDE1My4yNTYgMjAuOTY1OEwxNTMuMTk4IDIwLjkzODhaTTIxMC4wNDggMTguNjUyOEwyMDAuNTIzIDE4Ljk3MjhMMjEwLjEwNSAxOC42NTA5TDIxMC4wNDggMTguNjUyOFpNMjQ5LjkzMiAxOC4zMjUyTDI1NC41NTEgMTguMTdDMjUxLjg1OCAxNy41MDg1IDI1MS44NTggMTcuNTA4NSAyNDkuOTkxIDE4LjM1MjJMMjQ5LjkzMiAxOC4zMjUyWk0yMTIuNDM1IDE5LjU4NUwyMDYuMzkgMjAuMDQ4NEMyMDguNDM1IDIwLjMzMjkgMjEwLjUxOCAyMC4xNjQyIDIxMi40OTEgMTkuNTU0MkwyMTIuNDM1IDE5LjU4NVpNMjQzLjUwNiAxOC41NDExQzI0NS4xNDQgMTguODM1MiAyNDYuODI1IDE4Ljc3ODcgMjQ4LjQ0IDE4LjM3NTNDMjQ4LjM0NSAxOC4zNTgyIDI0OC4yNDcgMTguMzYxNSAyNDguMTUzIDE4LjM4NUwyNDMuNTA2IDE4LjU0MTFaTTE1Ni43NTEgMjAuNzAzN0MxNTcuOTg0IDIwLjc1MTYgMTU5LjIxOCAyMC42MjI2IDE2MC40MTUgMjAuMzIwM0MxNTkuMTggMjAuMTc0OSAxNTcuOTI5IDIwLjMwNTggMTU2Ljc1MSAyMC43MDM3Wk0yMzQuNzIgMTguNjMzOEwyMzQuNzM0IDE5LjA2NzJMMjM3LjU5NyAxOC43Njg1TDIzNy41ODkgMTguNTM3NEwyMzQuNzIgMTguNjMzOFpNMTQ1LjIzOSAyMC44NTkxTDE0Mi4zNzUgMjEuMUMxNDIuODI1IDIxLjI0ODUgMTQzLjMwMyAyMS4yOTQgMTQzLjc3MyAyMS4yMzMyQzE0NC4yNDMgMjEuMTcyNCAxNDQuNjkzIDIxLjAwNjcgMTQ1LjA5MiAyMC43NDg0TDE0NS4yMzkgMjAuODU5MVpNMjE5LjIzMSAyMC4xMDg3TDIyMS42NjkgMjAuMDI2OEMyMjEuMzAzIDE5LjczMTMgMjIwLjg1IDE5LjU2OCAyMjAuMzgxIDE5LjU2MjhDMjE5LjkxMiAxOS41NTc1IDIxOS40NTUgMTkuNzEwOCAyMTkuMDgzIDE5Ljk5OEwyMTkuMjMxIDIwLjEwODdaTTIyMi4zMDMgMTkuMjI0NUwyMjIuMzA5IDE5LjM5NzlMMjI0LjIzMSAxOS4zMzMzTDIyNC4yMjUgMTkuMTU5OUwyMjIuMzAzIDE5LjIyNDVaTTIyNS42MDcgMTguMzkwNEwyMjguNDc2IDE4LjI5NEwyMjUuNjA3IDE4LjM5MDRaTTI3MS4yNTIgMTYuODU2OUwyNzMuNjMzIDE2Ljc3NjlDMjcyLjgxNSAxNi42Mjk1IDI3MS45NyAxNi43NTk1IDI3MS4yMzMgMTcuMTQ2OEwyNzEuMjUyIDE2Ljg1NjlaTTI3MS41MDEgMTcuNDI3TDI2OS4yNDYgMTcuODQ5OUMyNzAuMDAzIDE4LjA3NzcgMjcwLjgxNSAxOC4wMyAyNzEuNTM5IDE3LjcxNUwyNzEuNTAxIDE3LjQyN1oiIGZpbGw9IiNGRkUzMTEiLz4KPC9zdmc+Cg==) no-repeat; left: 0; bottom: -15px; height: 40px; width: 0; z-index: -1; content: ""; display: block; position: absolute; transition: width ease-in-out 0.55s 0.3s; background-position: center left; background-size: 378px; } h1 span.draw-image::after, h2 span.draw-image::after { width: 378px; } /* PDF Text Styles: H1 48/24, H2 40/22, H3 36/20; Sub Headings SH1 32/18, SH2 28/16, SH3 24, SH4 20 */ h1, .heading-1 { font-size: var(--dma_font_size_48); line-height: 1.15; } .main-title { font-family: "Poppins", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_96) !important; line-height: 1.1 !important; } .main-title span.draw-image::after { transition: none; width: 378px; } h2, .heading-2 { font-size: var(--dma_font_size_72); } h3, .heading-3 { font-size: var(--dma_font_size_36); } h4, .heading-4 { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dma_font_size_32); } h5, .heading-5 { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dma_font_size_24); } h6, .heading-6 { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dma_font_size_20); } /*------------------------------------------------- >> 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(--dma_abbr_border_color); text-decoration: none; cursor: help; } abbr[title] { text-decoration: none; } address { margin: 0 0 30px; } mark { background-color: var(--dma_mark_bgcolor); color: var(--dma_mark_color); padding: 3px 7px; } small { font-size: 80%; } big { font-size: 125%; } s, strike, del { text-decoration: line-through; } b, strong { font-weight: 700; color: var(--dma_strong_color); } u { border-bottom: 1px solid var(--dma_underline_border_color); text-decoration: none; } del { color: var(--dma_delete_color); } ins { color: var(--dma_insert_color); border-bottom: 1px solid var(--dma_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(--dma_code_color); background-color: var(--dma_code_bgcolor); padding: 3px 7px; } pre { color: var(--dma_pre_color); background-color: var(--dma_pre_bgcolor); padding: 20px 25px; overflow-x: scroll; } hr { background-color: var(--dma_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: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; transition: all 0.35s ease-in-out; position: relative; font-size: var(--dma_font_size_20); color: var(--dma_body_color); background-color: var(--dma_body_bg); line-height: 1.5; overflow-x: clip; } body.have-topbar { padding-top: var(--dma_header-height); } p { margin: 0 0 30px; } ::-moz-selection { color: var(--dma_highlight_color); background-color: var(--dma_highlight_bg); } ::selection { color: var(--dma_highlight_color); background-color: var(--dma_highlight_bg); } /*------------------------------------------------- >> Styles for links -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ a { text-decoration: none; transition: all 0.4s ease-in-out; outline: none; position: relative; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section a, .page-section:visited { color: var(--dma_link_color); border-bottom: 1px solid var(--dma_link_border_color); padding-bottom: 2px; } .page-section a:hover, .page-section a:focus-visible, .page-section a:active, .page-section:visited:hover, .page-section:visited:focus-visible, .page-section:visited:active { color: var(--dma_link_color_hover); border-color: var(--dma_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(--dma_caption); font-size: 90%; margin: 0 0 30px; } picture { margin: 0 0 30px; display: inline-block; } svg { margin: 0; } .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: 5px; height: 5px; background-position: left top; position: absolute; background-color: var(--dma_list_marker_bgcolor); left: 0; top: 8px; 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(--dma_ol_list_marker_color); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; 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(--dma_list_marker_bgcolor); left: 0; top: 9px; } /*------------------------------------------------- >> Styles for quotes -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ blockquote, q { quotes: none; } blockquote { position: relative; color: var(--dma_blockquote_color); border-left: 3px solid var(--dma_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(--dma_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(--dma_blockquote_border_color); border-bottom: 3px solid var(--dma_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(--dma_quote_color); position: relative; } cite { display: block; margin-top: 15px; font-size: 80%; text-transform: uppercase; font-weight: 500; color: var(--dma_blockqoute_cite_color); font-family: "IBM Plex Mono", monospace; font-style: italic; position: relative; } cite::before { content: "- "; display: inline-block; top: -11px; } /*------------------------------------------------- >> 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(--dma_caption_color); font-size: 90%; margin: 0 0 20px; text-align: left; } tr, tbody tr { border-bottom: 1px solid var(--dma_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(--dma_table_head_border_color); } thead th { font-weight: 700; } tfoot tr { border: none; } tfoot tr:first-child { border-top: 3px solid var(--dma_table_foot_border_color); } tfoot td { font-weight: 700; } .wp-block-table tbody td { border: 2px solid var(--dma_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(--dma_wp_table_block_stripe_bg_color); } .wp-block-table.is-style-stripes tfoot tr { border-top: 3px solid var(--dma_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(--dma_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[file], input[type=string], select, textarea, .gform-text-input-reset { font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--dma_font_size_18); height: 48px; width: 100%; border: none; border-bottom: 1px solid var(--dma_input_border_color); background-color: var(--dma_input_bgcolor); color: var(--dma_input_color); outline: none; padding: 0; margin: 0; max-width: 100%; box-sizing: border-box; box-shadow: none !important; transition: all 0.4s ease-in-out; } 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[file]:focus, input[type=string]:focus, select:focus, textarea:focus, .gform-text-input-reset:focus { border: 0px !important; border-bottom: 1px solid var(--dma_input_border_color) !important; } ::input-placeholder { color: var(--dma_placeholder_color); } ::input-placeholder { color: var(--dma_placeholder_color); } ::-moz-placeholder { color: var(--dma_placeholder_color); } ::placeholder { color: var(--dma_placeholder_color); } input[type=text]:disabled { background-color: var(--dma_disabled_input_bgcolor); border: 1px solid var(--dma_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(--dma_color_field_border_color); background-color: var(--dma_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,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAwLjc3Njc5NEwxMC45OTggOS45OTk4MUwyMC4yMjExIDAuNzc2Nzk0IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center right 10px; } .ginput_container_multiselect select { min-height: 77px; } textarea { padding: 10px 0 10px; resize: none; overflow: hidden; } .gfield, .hs-form-field { box-sizing: border-box; position: relative; margin-bottom: 20px; } .gfield_list_icons { margin-top: 20px; } .footer-cta-form .gform-footer::before, .footer-cta-form .gform-footer::after { display: none; } /* ------------------------------------------------- >> Styles for buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .gform-footer { position: relative; width: -moz-max-content; width: max-content; } .gform-footer::before, .gform-footer::after { content: ""; position: absolute; box-sizing: border-box; padding: 9px; border-radius: 50%; width: 36px; height: 36px; top: 6px; right: 6px; line-height: 0.65; display: flex; align-items: center; justify-content: center; transition: all 0.35s ease-in-out; pointer-events: none; } .gform-footer::before { background-color: var(--dma_black); } .gform-footer::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNjM2MDQgOC45OTk5NUgxNS4zNjRNMTUuMzY0IDguOTk5OTVMMTEuMTIxMyA0Ljc1NzMxTTE1LjM2NCA4Ljk5OTk1TDExLjEyMTMgMTMuMjQyNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center; background-size: 18px; } .gform-footer:hover input[type=submit]:focus-visible, .gform-footer:hover button:focus-visible, .gform-footer:hover input[type=button]:focus-visible, .gform-footer:focus-visible input[type=submit]:focus-visible, .gform-footer:focus-visible button:focus-visible, .gform-footer:focus-visible input[type=button]:focus-visible { color: var(--dma_button_color_hover); background-color: var(--dma_button_bgcolor_hover); } .gform-footer:hover::before, .gform-footer:focus-visible::before { background-color: var(--dma_brand_yellow); } .gform-footer:hover::after, .gform-footer:focus-visible::after { transform: rotate(-45deg); filter: brightness(0); } input[type=image] { margin: 0 10px 0 0; } input[type=submit], button, input[type=button], input[type=reset] { padding: 6px 54px 6px 24px; display: inline-block; line-height: 1; box-sizing: border-box; transition: all 0.4s ease-in-out; background-color: var(--dma_button_bgcolor); border: none; color: var(--dma_button_color); outline: none; font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dma_font_size_16); height: 48px; outline: none; cursor: pointer; margin: 0; border-radius: 50px; } input[type=submit]:hover, button:hover, input[type=button]:hover { color: var(--dma_button_color_hover); background-color: var(--dma_button_bgcolor_hover); } input[type=submit]:focus-visible, button:focus-visible, input[type=button]:focus-visible { color: var(--dma_button_color_hover); background-color: var(--dma_button_bgcolor_hover); } input[type=reset] { background-color: var(--dma_theme_btn_bgcolor); color: var(--dma_theme_btn_color); } input[type=reset]:hover, input[type=reset]:focus-visible { color: var(--dma_theme_btn_color); background-color: var(--dma_theme_btn_bgcolor_hover); } /* ------------------------------------------------- >> 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: 1.3; display: inline-block; color: var(--dma_checkbox_color); box-sizing: border-box; margin: 0 20px 10px 0; font-size: var(--dma_font_size_18); } [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(--dma_checkbox_border_color); background-color: var(--dma_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(--dma_black); position: absolute; top: 4px; left: 4px; transition: all 0.35s ease-in-out; } [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(--dma_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(--dma_radio_border_color); border-radius: 100%; background-color: var(--dma_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(--dma_radio_after_bgcolor); position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: all 0.35s ease-in-out; } [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(--dma_meter_bgcolor); border-radius: 0; margin: 0 0 20px; box-shadow: none; } /* WebKit */ meter::-webkit-meter-bar { background: none; background-color: var(--dma_meter_value_bgcolor); border-radius: 0; box-shadow: none; } meter::-webkit-meter-optimum-value { background: var(--dma_meter_value_bgcolor); } meter::-webkit-meter-suboptimum-value { background: var(--dma_meter_value_bgcolor); } meter::-webkit-meter-even-less-good-value { background: var(--dma_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(--dma_meter_value_bgcolor); } meter:-moz-meter-sub-optimum::-moz-meter-bar { background: var(--dma_meter_value_bgcolor); } meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { background: var(--dma_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(--dma_progress_bgcolor); border-radius: 0; margin: 0 0 20px; } progress::-webkit-progress-bar { background-color: var(--dma_progress_bgcolor); border-radius: 0; } progress::-webkit-progress-value { background-color: var(--dma_progress_value_bgcolor); border-radius: 0; } progress::-moz-progress-bar { background-color: var(--dma_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(--dma_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(--dma_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(--dma_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(--dma_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; } .comment-form-cookies-consent { margin-top: 30px; } /* ------------------------------------------------- >> 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: var(--dma_font_size_14); } .gform_fields { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .gfield { width: 100%; } .gfield.half-input-field, .gfield.gfield--width-half { width: 48%; margin-right: calc(4% - 5px); display: inline-block; vertical-align: top; } .gfield.half-input-field.last, .gfield.gfield--width-half.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(--dma_reset_button_bgcolor); color: var(--dma_reset_button_color); border: 2px solid transparent; } button.delete_list_item:hover, button.delete_list_item:focus-visible { background-color: transparent; border: 2px solid var(--dma_reset-button-border-color-hover); } .gform_fileupload_rules { font-size: 90%; color: var(--dma_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(--dma_datepicker_bg_color); } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background-color: var(--dma_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(--dma_datepicker_select_bgcolor); border: 2px solid var(--dma_datepicker_border_color); } .ui-state-default { color: var(--dma_datepicker_link_color); } .ui-state-default.ui-state-active { color: var(--dma_datepicker_link_active_color); } .ui-state-disabled { color: var(--dma_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(--dma_font_size_16); 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(--dma_font_size_16); } .ui-datepicker_calendar a { font-size: var(--dma_font_size_16); color: var(--dma_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(--dma_datepicker_calendar); } /* ===== End of Date Picker Style for Gravity Form ====== */ .validation_error { background-color: var(--dma_valiation_error_bg_color); font-size: var(--dma_font_size_14); color: var(--dma_valiation_error_color); padding: 2px 10px 6px; margin-bottom: 20px; text-align: center; } .validation_message { font-size: var(--dma_font_size_14); text-align: left; display: inline-block; color: var(--dma_valiation_message_color); position: initial; line-height: 1.2; margin-top: 4px; } .gform_validation_error_link { font-size: var(--dma_font_size_14); } .gfield_error input { border-color: var(--dma_error_field_border_color); } .gform_confirmation_message { background-color: var(--dma_confirmation_message_bgcolor); padding: 20px; text-align: center; color: var(--dma_confirmation_message_color); border: 1px solid var(--dma_confirmation_message_border_color); } .gform_validation_errors { background-color: var(--dma_valiation_error_bg_color); margin: 10px 0 30px; padding: 7px 14px; font-weight: 700; font-size: 105%; } .gform_validation_errors h2 { color: var(--dma_valiation_error_color); border: 2px solid var(--dma_confirmation_message_border_color); margin-bottom: 0; font-size: var(--dma_font_size_24); font-size: 105%; padding: 20px; } .gform_validation_errors ol { margin-top: 20px; } .gfield_required_text { color: var(--dma_required_text_color); position: relative; margin-left: 5px; font-size: var(--dma_font_size_14); } /** * * 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 var(--dma_matte_black_30); border-radius: 50%; border-top-color: var(--dma_white); 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; } /* Keep Gravity Forms visually-hidden labels off the layout */ .gform_wrapper .gfield_label.screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; left: auto !important; top: auto !important; background: transparent !important; color: transparent !important; } /* Gravity Forms file upload — selected file, preview & progress */ .gfield--type-fileupload, .gfield--input-type-fileupload { display: flex; flex-wrap: wrap; -moz-column-gap: var(--dma_space_24); column-gap: var(--dma_space_24); row-gap: var(--dma_space_12); width: 100%; } .gfield--type-fileupload > .gfield_label.gform-field-label, .gfield--input-type-fileupload > .gfield_label.gform-field-label { flex: 0 0 auto; } .gfield--type-fileupload > .ginput_container_fileupload, .gfield--input-type-fileupload > .ginput_container_fileupload { flex: 1 1 12rem; min-width: 0; display: flex; align-items: center; flex-wrap: wrap; -moz-column-gap: var(--dma_space_16); column-gap: var(--dma_space_16); row-gap: var(--dma_space_8); } .gfield--type-fileupload input[type=file], .gfield--input-type-fileupload input[type=file] { position: absolute; width: 1px; height: 1px; padding: 0 !important; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: none !important; opacity: 0; } .gfield--type-fileupload .gform_fileupload_rules, .gfield--type-fileupload .gfield_description.gform_fileupload_rules, .gfield--input-type-fileupload .gform_fileupload_rules, .gfield--input-type-fileupload .gfield_description.gform_fileupload_rules { flex: 1 1 10rem; margin: 0 !important; } .gfield--type-fileupload .ginput_preview_list, .gfield--type-fileupload > .gform-fileupload-selected, .gfield--input-type-fileupload .ginput_preview_list, .gfield--input-type-fileupload > .gform-fileupload-selected { flex: 1 1 100%; width: 100%; } .gfield--type-fileupload .ginput_container_fileupload .ginput_preview_list, .gfield--input-type-fileupload .ginput_container_fileupload .ginput_preview_list { flex: 1 1 100%; width: 100%; margin-top: 0; } .gfield--type-fileupload .ginput_preview_list, .gfield--input-type-fileupload .ginput_preview_list { margin-top: var(--dma_space_12); display: flex; flex-direction: column; gap: var(--dma_space_8); } .gfield--type-fileupload .ginput_preview, .gfield--input-type-fileupload .ginput_preview { display: flex; flex-direction: column; gap: var(--dma_space_8); padding: var(--dma_space_12) var(--dma_space_16); border: 1px solid var(--dma_black); border-radius: var(--dma_space_8); background: var(--dma_white); position: relative; box-sizing: border-box; } .gfield--type-fileupload .gfield_fileupload_filename, .gfield--input-type-fileupload .gfield_fileupload_filename { font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_14); color: var(--dma_black); word-break: break-word; padding-inline-end: var(--dma_space_36); } .gfield--type-fileupload .gfield_fileupload_filesize, .gfield--input-type-fileupload .gfield_fileupload_filesize { font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--dma_font_size_12); color: var(--dma_medium_grey); } .gfield--type-fileupload .gfield_fileupload_progress, .gfield--input-type-fileupload .gfield_fileupload_progress { display: flex; align-items: center; gap: var(--dma_space_12); width: 100%; } .gfield--type-fileupload .gfield_fileupload_progressbar, .gfield--input-type-fileupload .gfield_fileupload_progressbar { flex: 1; height: 6px; background-color: rgba(0, 0, 0, 0.12); border-radius: 999px; overflow: hidden; position: relative; } .gfield--type-fileupload .gfield_fileupload_progressbar_progress, .gfield--input-type-fileupload .gfield_fileupload_progressbar_progress { display: block; height: 100%; background-color: var(--dma_black); border-radius: 999px; width: 0; transition: width 0.2s ease; } .gfield--type-fileupload .gfield_fileupload_progress_complete .gfield_fileupload_progressbar_progress, .gfield--input-type-fileupload .gfield_fileupload_progress_complete .gfield_fileupload_progressbar_progress { width: 100%; } .gfield--type-fileupload .gfield_fileupload_percent, .gfield--input-type-fileupload .gfield_fileupload_percent { flex-shrink: 0; min-width: 3ch; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_12); color: var(--dma_black); } .gfield--type-fileupload .gform_delete_file, .gfield--type-fileupload .gfield_fileupload_cancel, .gfield--type-fileupload .gform-fileupload-remove, .gfield--input-type-fileupload .gform_delete_file, .gfield--input-type-fileupload .gfield_fileupload_cancel, .gfield--input-type-fileupload .gform-fileupload-remove { position: absolute; inset-block-start: var(--dma_space_8); inset-inline-end: var(--dma_space_8); display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 1px solid var(--dma_black); border-radius: 50%; background: var(--dma_white); color: var(--dma_black); cursor: pointer; line-height: 1; font-size: var(--dma_font_size_20); text-decoration: none; transition: all 0.2s ease-in-out; } .gfield--type-fileupload .gform_delete_file .dashicons, .gfield--type-fileupload .gfield_fileupload_cancel .dashicons, .gfield--type-fileupload .gform-fileupload-remove .dashicons, .gfield--input-type-fileupload .gform_delete_file .dashicons, .gfield--input-type-fileupload .gfield_fileupload_cancel .dashicons, .gfield--input-type-fileupload .gform-fileupload-remove .dashicons { display: none !important; } .gfield--type-fileupload .gform_delete_file .screen-reader-text, .gfield--type-fileupload .gfield_fileupload_cancel .screen-reader-text, .gfield--type-fileupload .gform-fileupload-remove .screen-reader-text, .gfield--input-type-fileupload .gform_delete_file .screen-reader-text, .gfield--input-type-fileupload .gfield_fileupload_cancel .screen-reader-text, .gfield--input-type-fileupload .gform-fileupload-remove .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .gfield--type-fileupload .gform_delete_file:hover, .gfield--type-fileupload .gform_delete_file:focus-visible, .gfield--type-fileupload .gfield_fileupload_cancel:hover, .gfield--type-fileupload .gfield_fileupload_cancel:focus-visible, .gfield--type-fileupload .gform-fileupload-remove:hover, .gfield--type-fileupload .gform-fileupload-remove:focus-visible, .gfield--input-type-fileupload .gform_delete_file:hover, .gfield--input-type-fileupload .gform_delete_file:focus-visible, .gfield--input-type-fileupload .gfield_fileupload_cancel:hover, .gfield--input-type-fileupload .gfield_fileupload_cancel:focus-visible, .gfield--input-type-fileupload .gform-fileupload-remove:hover, .gfield--input-type-fileupload .gform-fileupload-remove:focus-visible { background: var(--dma_black); color: var(--dma_white); } .gfield--type-fileupload .gform_delete_file::after, .gfield--type-fileupload .gfield_fileupload_cancel::after, .gfield--input-type-fileupload .gform_delete_file::after, .gfield--input-type-fileupload .gfield_fileupload_cancel::after { content: "×"; line-height: 1; } .gfield--type-fileupload .gform-fileupload-selected, .gfield--input-type-fileupload .gform-fileupload-selected { position: relative; display: block; padding: var(--dma_space_12) var(--dma_space_48) var(--dma_space_12) var(--dma_space_16); border: 1px solid var(--dma_black); border-radius: var(--dma_space_8); background: var(--dma_white); box-sizing: border-box; } .gfield--type-fileupload .gform-fileupload-selected:empty, .gfield--input-type-fileupload .gform-fileupload-selected:empty { display: none; } .gfield--type-fileupload .gform-fileupload-selected__body, .gfield--input-type-fileupload .gform-fileupload-selected__body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--dma_space_4); min-width: 0; } .gfield--type-fileupload .gform-fileupload-selected__label, .gfield--input-type-fileupload .gform-fileupload-selected__label { display: block; font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--dma_font_size_12); line-height: 1.2; color: var(--dma_medium_grey); } .gfield--type-fileupload .gform-fileupload-selected__name, .gfield--input-type-fileupload .gform-fileupload-selected__name { display: block; width: 100%; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_14); line-height: 1.3; color: var(--dma_black); word-break: break-word; } .gfield--type-fileupload.has-file .gfield_label.gform-field-label::before, .gfield--input-type-fileupload.has-file .gfield_label.gform-field-label::before { content: "Change file"; } /* ------------------------------------------------- >> 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(--dma_hubspot_error_label_color); font-size: var(--dma_font_size_16); margin: 0; } .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(--dma_valiation_error_bg_color); margin: 10px 0 30px; padding: 7px 14px; font-weight: 700; font-size: 105%; } .hs-form .hs-form-required { color: var(--dma_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(--dma_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: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--dma_font_size_18); 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(--dma_acc_btn_color); background-color: var(--dma_acc_btn_bgcolor); clip: auto !important; border: unset !important; border-radius: 0; left: -100%; font-size: var(--dma_font_size_14); 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], [tabindex="0"] { outline: 2px dotted transparent; outline-offset: 5px; } a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, [tabindex="0"]:focus-visible { outline-color: var(--dma_acc_outline) !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(--dma_acc_outline); } /*------------------------------------------------- >> 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, .post-shares a:focus-visible { border: 1px solid var(--wp--preset--color--lblack); } /*------------------------------------------------- >> Pagination styles -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section .pagination, .pagination { display: flex; text-align: center; justify-content: center; align-items: center; margin: 20px 0 0; gap: 10px; flex-wrap: wrap; } .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(--dma_pagination_bgcolor); color: var(--dma_pagination_color); border: 1px solid var(--dma_pagination_border); display: flex; align-items: center; justify-content: center; font-size: var(--dma_font_size_20); line-height: 20px; cursor: pointer; font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; width: 40px; height: 40px; transition: all 0.4s ease-in-out; } .page-section .pagination a:hover, .page-section .pagination a:focus-visible, .page-section .pagination span[role=button]:hover, .page-section .pagination span[role=button]:focus-visible, .page-section .pagination a:visited:hover, .page-section .pagination a:visited:focus-visible, .page-section .pagination span.current:hover, .page-section .pagination span.current:focus-visible, .pagination a:hover, .pagination a:focus-visible, .pagination span[role=button]:hover, .pagination span[role=button]:focus-visible, .pagination a:visited:hover, .pagination a:visited:focus-visible, .pagination span.current:hover, .pagination span.current:focus-visible { background-color: var(--dma_pagination_bgcolor_hover); color: var(--dma_pagination_color_hover); } .page-section .pagination span.current, .pagination span.current { background-color: var(--dma_pagination_bgcolor_current); color: var(--dma_pagination_color_current); } .page-section .pagination span.current:hover, .page-section .pagination span.current:focus-visible, .pagination span.current:hover, .pagination span.current:focus-visible { background-color: var(--dma_pagination_bgcolor_current); color: var(--dma_pagination_color_current); } .page-section .pagination > span.current, .pagination > span.current { border: none; } .page-section .pagination > span.current:hover, .page-section .pagination > span.current:focus-visible, .pagination > span.current:hover, .pagination > span.current:focus-visible { background-color: var(--dma_pagination_first_bgcolor); color: var(--dma_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(--dma_comment_meta_color); } .comment-author.vcard { margin-bottom: 2px; } .comment-author.vcard a { border-bottom: none; } .comment-author.vcard span { font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .comment-metadata { font-size: 90%; } .comment-metadata a { color: var(--dma_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(--dma_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(--dma_comments_reply_btn_bgcolor); color: var(--dma_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, a.comment-reply-link:focus-visible { background-color: var(--dma_comments_reply_btn_bgcolor_hover); color: var(--dma_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(--dma_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(--dma_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(--dma_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(--dma_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, .wp-block-search__button:focus-visible { border: none; background-color: var(--dma_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.35s ease-in-out; } .top-bar { padding: 10px 0; background-color: var(--dma_topbar_bgcolor); color: var(--dma_topbar_color); transition: all 0.35s ease-in-out; } .top-bar-text { font-size: var(--dma_font_size_16); padding: 0 20px 0 0; } .top-bar-text:focus-visible { outline-color: var(--dma_white) !important; } .top-bar-text a, .top-bar-text a:visited { font-size: var(--dma_font_size_16); color: var(--dma_topbar_color); display: inline-block; } .top-bar-text a:focus-visible, .top-bar-text a:visited:focus-visible { outline-color: var(--dma_white) !important; } .top-bar-text a::after, .top-bar-text a:visited::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0px; left: 0; background-color: var(--dma_white); transition: all 0.35s ease-in-out; } .top-bar-text a:hover::after, .top-bar-text a:focus-visible::after, .top-bar-text a:visited:hover::after, .top-bar-text a:visited:focus-visible::after { opacity: 0.8; } .top-bar-cross { position: absolute; top: 14px; right: 20px; line-height: 0.65; cursor: pointer; transition: all 0.35s ease-in-out; } .top-bar-cross:hover, .top-bar-cross:focus-visible { transform: scale(1.1); } .top-bar-cross:focus-visible { outline-color: var(--dma_white) !important; } .top-bar-cross img { width: 14px; 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 a, .header-logo a:visited { display: inline-block; position: relative; } .header-inner { border-bottom: none; } .header-navigation { width: 75%; } .no-overflow { overflow: hidden; } .logo { position: relative; z-index: 9; line-height: 0.65; width: 84px; transition: all 0.35s ease-in-out; } .header-logo { display: flex; width: -moz-max-content; width: max-content; align-items: center; gap: 12px; } .header-logo a, .header-logo a:visited { display: inline-block; position: relative; } .header-logo a.logo-text, .header-logo a.logo-text:visited, .header-logo span.logo-text { line-height: 1.15; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; font-size: var(--dma_font_size_20); max-width: 250px; } .header-logo a.logo-text:hover, .header-logo a.logo-text:focus-visible, .header-logo a.logo-text:visited:hover, .header-logo a.logo-text:visited:focus-visible { color: var(--dma_black); text-decoration: underline; } .header-inner { padding: var(--dma_space_16) 0; box-sizing: border-box; transition: all 0.35s ease-in-out; } .header-section { background-color: var(--dma_white); z-index: 999; width: 100%; position: fixed; transition: all 0.35s ease-in-out; top: 0; border-bottom: 1px solid var(--dma_blue_2); } .header-section.shrink { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); } .header-section.shrink .header-inner { padding: var(--dma_space_20) 0; } .header-wrapper { box-sizing: border-box; width: 90%; max-width: 1920px; margin: 0 auto; } .header-btns { margin-top: 0; z-index: 1; display: flex; align-items: center; position: relative; } .header-btns::before { content: ""; position: absolute; top: 0; left: calc(0% - var(--dma_space_24)); width: 1px; height: 100%; background-color: var(--dma_blue_2); } .hide-topbar header { top: var(--dma_header-top); } .desktop-hide { display: none; } /*------------------------------------------------- >> Styles for desktop menu -------------------------------------------------*/ @media (min-width: 1024px) { .header-nav ul li:hover > ul, .header-nav ul li:hover > .mega-menu, .menu-item-has-children ul.focused, .menu-item-has-children .mega-menu.focused, .header-nav ul li a:focus-visible + ul, .header-nav ul li a:focus-visible + .mega-menu { opacity: 1; visibility: visible; overflow: visible; } .header-nav ul ul { animation-delay: 0.6s; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.35s ease-in-out; } .header-nav ul li .mega-menu { opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.35s ease-in-out; } } .header-nav { text-align: center; line-height: 1; display: flex; justify-content: flex-end; align-items: center; width: 100%; gap: var(--dma_space_48); } .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; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .header-nav ul li a, .header-nav ul li a:visited, .header-nav ul li span.menu-link { padding: 6px 0; display: inline-block; line-height: 1; border: 0; position: relative; color: var(--dma_header_color); font-size: var(--dma_font_size_22); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .header-nav ul li a::after, .header-nav ul li a:visited::after, .header-nav ul li span.menu-link::after { content: ""; position: absolute; width: 100%; height: 2px; bottom: 3px; left: 0; background-color: var(--dma_black); opacity: 0.8; transform: scaleX(0); transform-origin: bottom right; transition: all 0.35s ease-in-out; } .header-nav ul li span.menu-link { cursor: pointer; } .header-nav ul li.menu-item-has-children > a, .header-nav ul li.menu-item-has-children > span.menu-link { padding-right: 22px; background-position: top 14px right; background-repeat: no-repeat; background-size: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAxLjc3Njc5TDEwLjk5OCAxMC45OTk4TDIwLjIyMTEgMS43NzY3OSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KPC9zdmc+Cg==); } .header-nav ul li.menu-item-has-children > a::after, .header-nav ul li.menu-item-has-children > span.menu-link::after { width: calc(100% - 15px); } .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 span.menu-link:hover { border: 0; } .header-nav ul li.current-menu-item > a::after, .header-nav ul li.current-menu-parent > a::after, .header-nav ul li a:hover::after, .header-nav ul li span.menu-link:hover::after { transform-origin: bottom left; transform: scaleX(1); } .header-nav ul ul { left: 0; width: 230px; min-width: 230px; opacity: 0; background-color: var(--dma_white); visibility: hidden; padding: 0; border-radius: 0; position: absolute; top: 33px; z-index: 9; overflow: hidden; text-align: left; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.4s ease-in-out; } .header-nav ul ul li { display: block; margin: 0; padding: 0; border-bottom: 1px solid var(--dma_border_3); } .header-nav ul ul li:last-child { border-bottom: 0; } .header-nav ul ul li a, .header-nav ul ul li a:visited, .header-nav ul ul li span.menu-link { font-size: var(--dma_font_size_20); display: block; padding: var(--dma_space_12) var(--dma_space_20); line-height: 1; box-sizing: border-box; position: relative; color: var(--dma_header_submenu_color); transition: all 0.35s ease-in-out; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .header-nav ul ul li a::after, .header-nav ul ul li a:visited::after, .header-nav ul ul li span.menu-link::after { display: none; } .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(--dma_header_submenu_color_hover); } .header-nav ul ul li.menu-item-has-children > a, .header-nav ul ul li.menu-item-has-children > span.menu-link { padding-right: var(--dma_space_36); } .header-nav ul ul li.menu-item-has-children > a::after, .header-nav ul ul li.menu-item-has-children > span.menu-link::after { display: block; content: "›"; position: absolute; right: var(--dma_space_20); top: 50%; transform: translateY(-50%); font-size: var(--dma_font_size_18); color: var(--dma_black); } .header-nav ul ul li.current-menu-item > a, .header-nav ul ul li.current-menu-parent > a, .header-nav ul ul li:hover > a, .header-nav ul ul li.current-menu-item > span.menu-link, .header-nav ul ul li.current-menu-parent > span.menu-link, .header-nav ul ul li:hover > span.menu-link { border: 0; } .header-nav ul ul li.current-menu-item > a::after, .header-nav ul ul li.current-menu-item > a::before, .header-nav ul ul li.current-menu-parent > a::after, .header-nav ul ul li.current-menu-parent > a::before { display: none; } .header-nav ul ul li:hover > a, .header-nav ul ul li.current-menu-item > span.menu-link, .header-nav ul ul li.current-menu-parent > span.menu-link, .header-nav ul ul li:hover > span.menu-link { background-color: var(--dma_highlight_bg); color: var(--dma_black); } .header-nav ul ul ul { top: 0; left: 100%; min-width: 200px; width: 200px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .header-nav ul ul ul::before { display: none; content: ""; width: 1px; height: 1px; position: absolute; top: 12px; left: -5px; margin: auto; } /*------------------------------------------------- >> Styles for mega menu -------------------------------------------------*/ /*------------------------------------------------- >> Mega Menu (Services grid + CTA card) -------------------------------------------------*/ @media (min-width: 1024px) { .header-nav ul li .mega-menu { position: fixed; left: 0; right: 0; top: var(--dma_header-wrapper-default, 80px); width: 100%; z-index: 8; background-color: var(--dma_white); padding: var(--dma_space_36) 0; text-align: left; box-sizing: border-box; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08); } .header-nav ul li .mega-menu a::after, .header-nav ul li .mega-menu a:visited::after { display: none; } .mega-menu__inner { width: 90%; max-width: 1920px; margin: 0 auto; display: flex; align-items: flex-start; gap: var(--dma_space_36); box-sizing: border-box; } .mega-menu__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--dma_space_20); flex: 1; min-width: 0; } .mega-menu__item { padding: var(--dma_space_24) !important; border-radius: 0; text-decoration: none; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.04); transition: all 0.35s ease-in-out; } .mega-menu__item:hover, .mega-menu__item:focus-visible { background-color: var(--dma_brand_yellow); } .mega-menu__item:hover .mega-menu__title, .mega-menu__item:hover .mega-menu__desc, .mega-menu__item:focus-visible .mega-menu__title, .mega-menu__item:focus-visible .mega-menu__desc { color: var(--dma_black); } .mega-menu__item:hover .mega-menu__icon img, .mega-menu__item:focus-visible .mega-menu__icon img { filter: brightness(0); } .mega-menu__head { gap: var(--dma_space_16); margin-bottom: var(--dma_space_16); } .mega-menu__icon { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .mega-menu__icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; filter: brightness(0); transition: all 0.35s ease-in-out; } .mega-menu__content { min-width: 0; } .mega-menu__title { margin: 0; font-size: var(--dma_font_size_28); line-height: 1.3; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; transition: all 0.35s ease-in-out; } .mega-menu__desc { margin: 0; font-size: var(--dma_font_size_18); line-height: 1.4; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; transition: all 0.35s ease-in-out; } .mega-menu__cta { flex-shrink: 0; width: 100%; max-width: 470px; background-color: var(--dma_black_1); border-radius: 8px; padding: var(--dma_space_36) !important; display: flex; flex-direction: column; gap: var(--dma_space_16); box-sizing: border-box; text-decoration: none; color: inherit; display: flex !important; flex-direction: column !important; justify-content: space-between !important; transition: all 0.35s ease-in-out; } .mega-menu__cta:hover, .mega-menu__cta:focus-visible { color: inherit; } .mega-menu__cta:hover .mega-menu__cta-btn, .mega-menu__cta:focus-visible .mega-menu__cta-btn { background-color: var(--dma_white); } .mega-menu__cta p { font-size: var(--dma_font_size_40); } .mega-menu__cta .mega-menu__cta-btn { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background-color: var(--dma_brand_yellow); flex-shrink: 0; transition: all 0.35s ease-in-out; } .mega-menu__cta-text { margin: 0; font-size: var(--dma_font_size_24); line-height: 1.3; color: var(--dma_white); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; letter-spacing: -1%; margin-bottom: var(--dma_space_36); } .mega-menu__cta-arrow { display: block; width: 20px; height: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNjk5OTUxIDEyLjdMMTIuNyAwLjY5OTk5N00xMi43IDAuNjk5OTk3SDQuNjk5OTVNMTIuNyAwLjY5OTk5N1Y4LjciIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); background-size: contain; background-repeat: no-repeat; background-position: center; } } /*------------------------------------------------- >> Styles for mobile menu -------------------------------------------------*/ /* ------------------------------------------------- >> Mobile menu — fullscreen panel (DivsFlow clone) ------------------------------------------------- */ .mobile-menu, .mobile-menu-trigger { display: none; } .main-section { overflow-x: clip; } @media (max-width: 1180px) { ul li.menu-item { margin: 0; } .overflow-hidden { overflow: hidden; } .header-nav-desktop { display: none !important; } .header-navigation { width: auto; flex-shrink: 0; } .header-inner { padding: 16px 0; border-bottom: 0; } /* Tagline beside logo inflates header height on tablet — hide on mobile */ .header-logo a.logo-text, .header-logo a.logo-text:visited, .header-logo span.logo-text { display: none; } .header-logo, .header-logo.logo { align-items: center; flex-shrink: 1; min-width: 0; } .header-logo.logo img { width: 60px; } .header-logo.logo a.logo { width: 60px; } .header-logo.logo a { margin: 0; } /* Fixed header clearance on body — heroes only need consistent top breathing room */ body { padding-top: 96px; } /* Top spacers replaced by body + hero padding */ .main-section > [class^=gl-s], .main-section > [class*=" is-style-gl-s"], #hero-section > [class^=gl-s], .hero-section > [class^=gl-s], [class^=gl-s]:has(+ .hero-contact), [class^=gl-s]:has(+ .hero-blog), [class^=gl-s]:has(+ .hero-seo), [class^=gl-s]:has(+ .hero-ptfl-section), [class^=gl-s]:has(+ .hero-default), [class^=gl-s]:has(+ .hero-home), [class^=gl-s]:has(+ .hero-service-section), [class^=gl-s]:has(+ .hero-single), [class^=gl-s]:has(+ #hero-section), [class^=gl-s]:has(~ .hero-contact), [class^=gl-s]:has(~ .hero-blog), [class^=gl-s]:has(~ .hero-seo), [class^=gl-s]:has(~ .hero-ptfl-section), [class^=gl-s]:has(~ .hero-default), [class^=gl-s]:has(~ .hero-home), [class^=gl-s]:has(~ .hero-service-section), [class^=gl-s]:has(~ .hero-single) { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; visibility: hidden; } .hero-default, .hero-home, .hero-blog, .hero-contact, .hero-seo, .hero-seo.two-columns, .hero-testi-content, .single-banner, .hero-service-section { margin-top: 0 !important; padding-top: var(--dma_space_36) !important; } #hero-section.hero-section { margin-top: 0 !important; padding-top: 0 !important; } .hero-single { margin-top: 0 !important; padding: var(--dma_space_36) 0 var(--dma_space_30) !important; } .hero-default { padding: var(--dma_space_36) 0 var(--dma_space_128) !important; } .hero-home { padding-top: var(--dma_space_36) !important; } .hero-home-content { padding-top: 0 !important; } .hero-blog { padding: var(--dma_space_36) 0 var(--dma_space_96) !important; } .hero-testi-content { padding: var(--dma_space_36) 0 var(--dma_space_96) !important; } .single-banner { padding: var(--dma_space_36) 0 0 !important; } /* ── Trigger (reset global button styles) ── */ button.mobile-menu-trigger { display: inline-flex !important; align-items: center; justify-content: flex-end; width: 48px; height: 48px; min-width: 48px; min-height: 48px; padding: 0 !important; margin: 0; border: 0; border-radius: 0 !important; line-height: 1; cursor: pointer; color: var(--dma_black); background-color: transparent !important; flex-shrink: 0; position: relative; z-index: 10000; -moz-appearance: none; appearance: none; -webkit-appearance: none; box-shadow: none; font-size: 30px; transition: color 0.3s linear; } button.mobile-menu-trigger:hover, button.mobile-menu-trigger:focus-visible { color: var(--dma_black) !important; background-color: transparent !important; } button.mobile-menu-trigger:focus-visible { outline-color: var(--dma_acc_outline); } .mobile-menu-trigger__icon { display: flex; align-items: center; justify-content: flex-end; line-height: 0; pointer-events: none; } .mobile-menu-trigger__icon svg { width: 28px; height: 28px; display: block; } /* ── Fullscreen panel (lives outside header) ── */ .mobile-menu { display: block; position: fixed; top: 0; left: 0; width: 100vw; max-width: 100vw; height: 100vh; height: 100dvh; background: var(--dma_mobile_menu_bg); overflow: hidden; z-index: 99999; transform: translateX(-100%); transition: transform 0.5s cubic-bezier(1, 0, 0.55, 1); } .mobile-menu.open { transform: translateX(0); } .mobile-menu__logo { position: absolute; top: 40px; left: 40px; line-height: 0; z-index: 4; } .mobile-menu__logo img { width: 84px; } .mobile-menu__close { position: absolute; top: 30px; right: 40px; width: 60px; height: 60px; min-width: 60px; min-height: 60px; padding: 0 !important; margin: 0; border: 1px solid rgb(255, 255, 255); border-radius: 50% !important; background: transparent !important; color: var(--dma_white); cursor: pointer; z-index: 4; display: flex; align-items: center; justify-content: center; -moz-appearance: none; appearance: none; -webkit-appearance: none; box-shadow: none; line-height: 1; transition: all 0.3s linear; } .mobile-menu__close:hover, .mobile-menu__close:focus-visible { border-color: var(--dma_brand_yellow); color: var(--dma_brand_yellow) !important; background: transparent !important; } .mobile-menu__close:focus-visible { outline-color: var(--dma_acc_outline); } .mobile-menu__logo, .mobile-menu__close { transform: translateY(-100px); opacity: 0; transition: all 0.4s; } .mobile-menu__wrapper { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } .mobile-menu__grid { display: flex; flex-wrap: wrap; margin: 0; gap: 3%; } .mobile-menu__text-col, .mobile-menu__nav-col, .mobile-menu__info-col { padding: 0; width: 100%; box-sizing: border-box; } .mobile-menu__navbar { color: var(--dma_white); height: 100vh; height: 100dvh; padding-top: 40px; margin-top: 120px; overflow: auto; padding-bottom: 50px; box-sizing: border-box; } .mobile-menu__navbar::-webkit-scrollbar { width: 0; } .mobile-menu__navbar::-webkit-scrollbar-track { background: transparent; } .mobile-menu__navbar::-webkit-scrollbar-thumb { background: transparent; border-radius: 0; } .mobile-menu__navbar .main-menu { position: relative; z-index: 2; margin: 0; padding: 0; list-style: none; } .mobile-menu__navbar .main-menu > li { transition: all 0.5s; } .mobile-menu__navbar .main-menu > li:last-of-type .mobile-menu__link { border-bottom: 1px solid var(--dma_mobile_menu_border); } .mobile-menu__link { font-size: 50px; font-weight: 600; text-transform: uppercase; letter-spacing: -0.5px; line-height: 1.2; padding: 20px 30px; border-top: 1px solid #ffffff; width: 100%; position: relative; display: block; transform: translateY(100px); opacity: 0; transition: all 0.7s; color: var(--dma_white) !important; text-decoration: none; box-sizing: border-box; background: transparent !important; font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .mobile-menu__fill-text { position: relative; color: var(--dma_mobile_menu_fill_color); } .mobile-menu__fill-text::after { content: attr(data-text); position: absolute; top: 0; left: 0; color: var(--dma_white); width: 100%; overflow: hidden; white-space: nowrap; transition: width 0.75s cubic-bezier(0.63, 0.03, 0.21, 1); } .mobile-menu__navbar .main-menu > li.hoverd .mobile-menu__link .mobile-menu__fill-text::after { width: 0; } .mobile-menu__toggle { position: absolute; width: 100px; top: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.14); cursor: pointer; font-style: normal; display: block; pointer-events: none; } .mobile-menu__toggle::before, .mobile-menu__toggle::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; font-style: normal; font-weight: 300; line-height: 1; } .mobile-menu__toggle::before { content: "+"; } .mobile-menu__toggle::after { content: "−"; opacity: 0; transition: opacity 0.3s ease; } .mobile-menu__link.dopen .mobile-menu__toggle::before { opacity: 0; } .mobile-menu__link.dopen .mobile-menu__toggle::after { opacity: 1; } .mobile-menu__sub { display: none; padding: 0; border-top: 1px solid var(--dma_mobile_menu_border); overflow: hidden; } .mobile-menu__sub ul { margin: 0; padding: 0; list-style: none; } .mobile-menu__sub li { padding: 0; margin: 0; } .mobile-menu__sub li:last-child a { border-bottom: 0; } .mobile-menu__sub-link { padding: 20px 20px 20px 50px; opacity: 0.6; transition: all 0.4s; display: block; font-size: 29px; font-weight: 500; text-transform: capitalize; letter-spacing: normal; border-bottom: 1px solid var(--dma_mobile_menu_sub_border); background: var(--dma_mobile_menu_sub_bg); color: var(--dma_white) !important; text-decoration: none; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .mobile-menu__sub-link:hover, .mobile-menu__sub-link:focus-visible { opacity: 1; color: var(--dma_brand_yellow) !important; } .mobile-menu__cta { margin-top: 30px; transform: translateY(50px); opacity: 0; transition: all 0.4s; } .mobile-menu__vertical-wrap { position: relative; z-index: 1; height: 100%; } .mobile-menu__vertical-wrap::after { content: ""; width: 1px; height: 0; background: var(--dma_mobile_menu_border); position: absolute; right: -30px; bottom: -75vh; transition: all 1s ease; } .mobile-menu__vertical-text { position: absolute; right: 25%; top: 50%; transform: translateY(-50%); z-index: 2; opacity: 0; transition: all 0.4s; } .mobile-menu__vertical-text h2 { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 10vw; font-weight: 800; line-height: 1; text-transform: uppercase; opacity: 0.08; margin: 0; color: var(--dma_white); font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .mobile-menu__cont-info { padding-top: 140px; padding-left: 15px; position: relative; z-index: 3; } .mobile-menu__cont-info::after { content: ""; width: 300%; height: 200vh; position: absolute; left: -30px; top: -75vh; background: var(--dma_mobile_menu_info_bg); z-index: -1; } .mobile-menu__info-item { transform: translateY(50px); transition: all 0.4s; opacity: 0; margin-bottom: 50px; } .mobile-menu__info-item:last-child { margin-bottom: 40px; } .mobile-menu__info-label { font-size: var(--dma_font_size_14); text-transform: uppercase; font-weight: 500; margin: 0 0 15px; color: var(--dma_brand_yellow); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .mobile-menu__info-text { font-size: var(--dma_font_size_18); font-weight: 500; color: var(--dma_white); line-height: 1.4; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .mobile-menu__info-text a, .mobile-menu__info-text a:visited { color: var(--dma_white); text-decoration: none; transition: all 0.3s linear; } .mobile-menu__info-text a:hover, .mobile-menu__info-text a:focus-visible, .mobile-menu__info-text a:visited:hover, .mobile-menu__info-text a:visited:focus-visible { color: var(--dma_brand_yellow); } .mobile-menu__info-text--phone { margin-top: 10px; } .mobile-menu__social { margin: 0; padding: 0; list-style: none; } .mobile-menu__social li { margin-bottom: 10px; } .mobile-menu__social li:last-child { margin-bottom: 0; } .mobile-menu__social a { font-size: var(--dma_font_size_16); color: var(--dma_white); font-weight: 400; text-decoration: none; transition: all 0.3s linear; font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .mobile-menu__social a:hover, .mobile-menu__social a:focus-visible { color: var(--dma_brand_yellow); } /* ── Open state (reference: .open) ── */ .mobile-menu.open .mobile-menu__logo, .mobile-menu.open .mobile-menu__close { transform: translateY(0); opacity: 1; transition-delay: 1s; } .mobile-menu.open .mobile-menu__navbar .main-menu > li .mobile-menu__link { transform: translateY(0); opacity: 1; transition-delay: 1s; } .mobile-menu.open .mobile-menu__info-item, .mobile-menu.open .mobile-menu__cta { transform: translateY(0); opacity: 1; transition-delay: 1.4s; } .mobile-menu.open .mobile-menu__vertical-text { opacity: 1; transition-delay: 1s; } .mobile-menu.open .mobile-menu__vertical-wrap::after { height: 200vh; transition-delay: 0.7s; } body.mobile-menu-open { overflow: hidden; } .no-overflow.logged-in.admin-bar .mobile-menu { top: var(--wp-admin--admin-bar--height); height: calc(100vh - var(--wp-admin--admin-bar--height)); height: calc(100dvh - var(--wp-admin--admin-bar--height)); } } @media (min-width: 992px) and (max-width: 1180px) { .mobile-menu__text-col { width: 12%; } .mobile-menu__nav-col { width: 56%; } .mobile-menu__info-col { width: 24%; } } @media (max-width: 1399px) { .mobile-menu__link { font-size: 40px; } } @media (max-width: 991px) { .mobile-menu__text-col, .mobile-menu__info-col { display: none; } .mobile-menu__navbar { height: calc(100vh - 40px); height: calc(100dvh - 40px); } .mobile-menu__link { padding-left: 0; } .mobile-menu__sub-link { padding-left: 40px; } } @media (max-width: 767px) { .hero-content-text p { font-size: 22px; } .mobile-menu__logo { left: 25px; } .mobile-menu__close { top: 45px; right: 25px; width: 50px; height: 50px; min-width: 50px; min-height: 50px; } .mobile-menu__toggle { width: 90px; } .mobile-menu__link { font-size: 30px; } .mobile-menu__sub-link { padding-left: 30px; font-size: 25px; } } @media (max-width: 575px) { .mobile-menu__sub-link { font-size: 20px; padding-left: 25px; padding-top: 18px; padding-bottom: 21px; } } @media (max-width: 480px) { .mobile-menu__logo { left: 15px; } .mobile-menu__logo img { width: 60px; } .mobile-menu__close { right: 15px; } .mobile-menu__toggle { width: 70px; } .mobile-menu__link { font-size: 28px; } .mobile-menu__sub-link { font-size: 24px; padding-left: 20px; padding-top: 13px; padding-bottom: 13px; font-weight: 600; } } /*------------------------------------------------- >> Styles for Masthead -------------------------------------------------*/ /*------------------------------------------------- >> Styles for Default -------------------------------------------------*/ .blog-hero-cta { margin-bottom: var(--dma_space_16); } .blog-post-content { box-sizing: border-box; padding-left: calc(var(--dma_space_156) * 2); } .blog-post-content h2 { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .hero-blog { transition: all 0.35s ease-in-out; padding: 156px 0 var(--dma_space_64); } .hero-blog h1 span:after { bottom: -25px; left: 0; background-size: 228px; } .hero-blog h1 span.draw-image:after { width: 228px; } .hero-blog p { font-size: var(--dma_font_size_24); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .hero-blog p:last-of-type { margin-bottom: 0; } .hero-default { padding: var(--dma_space_128) 0 var(--dma_space_96); } .hero-default.with-image { text-align: left; } .hero-default.with-image .hero-default-inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--dma_space_30); } .hero-default.with-image .hero-default-content, .hero-default.with-image .hero-default-image { width: 48%; } .hero-default .heading-1 { margin-bottom: 0px; } .hero-default-inner { max-width: 960px; } .hero-default-text { margin-top: 20px; } .hero-default-text p:last-of-type { margin-bottom: 0; } .hero-default-button { line-height: 0.65; margin-top: 30px; } /*------------------------------------------------- >> Styles for Hero Portfolio -------------------------------------------------*/ .hero-ptfl-section { --hero-ptfl-black: #1b1b1b; --hero-ptfl-primary: #fda228; --hero-ptfl-stroke: #0b0b0b; z-index: 900; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 100vh; margin: 0; background-color: var(--dma_white); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hero-ptfl-section h1.hero-ptfl-title-line-outline { margin: 0; line-height: 1.11; letter-spacing: 0; } .hero-ptfl-section h1.hero-ptfl-title-line-outline span::after { display: none !important; content: none !important; } .hero-ptfl-section a { color: var(--hero-ptfl-black); cursor: pointer; line-height: 1.5; text-decoration: none; font-family: "Poppins", arial, sans-serif; font-weight: 500; font-style: normal; transition: all 0.35s ease; } .hero-ptfl-section a:hover { color: var(--hero-ptfl-primary); text-decoration: none; } .hero-ptfl-section .hero-ptfl-container { position: relative; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; max-width: 1440px; height: 100vh; margin-inline: auto; } .hero-ptfl-section .hero-ptfl-inner { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; margin-bottom: var(--dma_space_64); padding-top: var(--dma_space_200); } .hero-ptfl-section .hero-ptfl-bottom { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; max-width: 96%; width: 100%; margin: var(--dma_space_48) auto 0; } .hero-ptfl-section .hero-ptfl-front { position: absolute; left: 50%; bottom: var(--dma_space_96); z-index: 4; display: flex; align-items: center; justify-content: center; gap: var(--dma_space_16); width: -moz-max-content; width: max-content; transform: translateX(-50%); } .hero-ptfl-section .hero-ptfl-image { position: absolute; left: 50%; bottom: 0; z-index: 3; width: 40%; aspect-ratio: 621/768; transform: translateX(-50%); mask-image: linear-gradient(to bottom, #000 75%, transparent); mask-repeat: no-repeat; mask-position: center bottom; mask-size: 100% 100%; -webkit-mask-image: linear-gradient(to bottom, #000 75%, transparent); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center bottom; -webkit-mask-size: 100% 100%; } .hero-ptfl-section .hero-ptfl-micro { font-size: var(--dma_font_size_32); line-height: 1.33; font-family: "Poppins", arial, sans-serif; font-weight: 500; font-style: normal; } .hero-ptfl-section .hero-ptfl-micro-top-left { margin-bottom: var(--dma_space_24); text-align: center; } .hero-ptfl-section .hero-ptfl-micro-bottom-right { text-align: left; } .hero-ptfl-section .hero-ptfl-title-wrap { position: relative; width: 100%; text-align: center; } .hero-ptfl-section .hero-ptfl-title-wrap span { display: block; line-height: 1.11; } .hero-ptfl-section .hero-ptfl-title-wrap span::after { display: none !important; content: none !important; } .hero-ptfl-section .hero-ptfl-title-line-outline, .hero-ptfl-section .hero-ptfl-title-line-solid, .hero-ptfl-section .hero-ptfl-title-solid--web, .hero-ptfl-section .hero-ptfl-title-solid--dev { font-size: var(--dma_font_size_200); font-family: "Media Sans", arial, sans-serif; font-weight: 700; font-style: normal; } .hero-ptfl-section .hero-ptfl-title-line-outline { position: absolute; inset: 0; z-index: 5; overflow: hidden; text-align: center; } .hero-ptfl-section .hero-ptfl-title-line-outline.hero-ptfl-title-outline--first { z-index: 4; margin-inline: auto; } .hero-ptfl-section .hero-ptfl-title-solid--web, .hero-ptfl-section .hero-ptfl-title-solid--dev { position: relative; z-index: 1; text-align: center; } .hero-ptfl-section .hero-ptfl-title-solid--web { overflow: hidden; } .hero-ptfl-section .hero-ptfl-link--first, .hero-ptfl-section .hero-ptfl-link--second, .hero-ptfl-section .hero-ptfl-link-web, .hero-ptfl-section .hero-ptfl-link-photo { display: inline; font-size: 1em; line-height: 1.11; font-family: "Media Sans", arial, sans-serif; font-weight: 700; font-style: normal; } .hero-ptfl-section .hero-ptfl-link--first, .hero-ptfl-section .hero-ptfl-link--second { color: transparent; -webkit-text-stroke: 2px var(--dma_white) !important; } .hero-ptfl-section .hero-ptfl-link--first:hover, .hero-ptfl-section .hero-ptfl-link--second:hover { color: var(--hero-ptfl-black); } .hero-ptfl-section .hero-ptfl-link--first.is--transparent, .hero-ptfl-section .hero-ptfl-link--second.is--transparent { display: none; } .hero-ptfl-section .hero-ptfl-link--second { position: relative; } .hero-ptfl-section .hero-ptfl-link-web:hover, .hero-ptfl-section .hero-ptfl-link-photo:hover { color: var(--hero-ptfl-black); } .hero-ptfl-section .hero-ptfl-link-web.is--transparent, .hero-ptfl-section .hero-ptfl-link-photo.is--transparent { color: transparent; } .hero-ptfl-section .hero-ptfl-link-photo { position: relative; z-index: 1; } .hero-ptfl-section .is--outline-text { color: transparent; -webkit-text-stroke: 2px var(--hero-ptfl-stroke) !important; } .hero-ptfl-section .hero-ptfl-clients { z-index: 100; display: flex; align-items: center; } .hero-ptfl-section .hero-ptfl-client-logo { width: clamp(6rem, 8.33vw, 12rem); margin-right: var(--dma_space_32); opacity: 0.5; filter: grayscale(100%); } .hero-ptfl-section .hero-ptfl-init--hidden { opacity: 0; } .hero-ptfl-section .hero-ptfl-init--shift-up { transform: translate3d(0, calc(var(--dma_font_size_30) * -2.2), 0); } .hero-ptfl-section .hero-ptfl-init--off-right { transform: translate3d(100%, 0, 0); } .hero-ptfl-section .hero-ptfl-init--off-left { transform: translate3d(-100%, 0, 0); } .hero-ptfl-section .hero-ptfl-init--off-left-far { transform: translate3d(-120%, 0, 0); } .hero-ptfl-section .hero-ptfl-init--shift-down { transform: translate3d(0, var(--dma_space_16), 0); } .hero-ptfl-section .hero-ptfl-init--scaled { opacity: 0; transform: scale3d(0.2, 0.2, 1); } @media screen and (min-width: 1024px) and (max-height: 900px) { .hero-ptfl-section { transform: scale(0.9); } .hero-ptfl-section .hero-ptfl-front { bottom: 0; } } @media screen and (min-width: 1024px) and (max-height: 740px) { .hero-ptfl-section .hero-ptfl-micro-top-left { display: none; } } @media screen and (min-width: 1024px) { .hero-ptfl-section .hero-ptfl-image { width: clamp(32%, 38vw, 40%); } .hero-ptfl-section .hero-ptfl-title-wrap { display: grid; grid-template-areas: "stack"; justify-items: center; } .hero-ptfl-section .hero-ptfl-title-wrap > * { grid-area: stack; width: 100%; } .hero-ptfl-section .hero-ptfl-title-wrap .hero-ptfl-title-line-outline { position: relative; inset: auto; } .hero-ptfl-section .hero-ptfl-micro-top-left + .hero-ptfl-title-wrap { cursor: none; } .hero-ptfl-section .hero-ptfl-image, .hero-ptfl-section .hero-ptfl-title-line-outline { pointer-events: none; } } @media screen and (min-width: 1024px){ .hero-ptfl-section .hero-ptfl-title-wrap > * { -ms-grid-row: 1; -ms-grid-column: 1; } } @media screen and (min-width: 1024px) and (max-width: 1179px) { .hero-ptfl-section { overflow: visible; padding-inline: var(--dma_space_24); } .hero-ptfl-section .hero-ptfl-inner { padding-top: var(--dma_space_128); margin-bottom: var(--dma_space_48); overflow: visible; margin-top: 5%; } .hero-ptfl-section .hero-ptfl-title-line-outline, .hero-ptfl-section .hero-ptfl-title-line-solid, .hero-ptfl-section .hero-ptfl-title-solid--web, .hero-ptfl-section .hero-ptfl-title-solid--dev { font-size: var(--dma_space_136); } .hero-ptfl-section .hero-ptfl-title-line-outline, .hero-ptfl-section .hero-ptfl-title-solid--web, .hero-ptfl-section .hero-ptfl-title-solid--dev { overflow: visible; } .hero-ptfl-section .hero-ptfl-title-wrap { padding-inline: var(--dma_space_16); } .hero-ptfl-section .hero-ptfl-image { width: 48%; } .hero-ptfl-section .hero-ptfl-front { bottom: var(--dma_space_48); gap: var(--dma_space_12); } .hero-ptfl-section .hero-ptfl-bottom { padding-inline: var(--dma_space_16); } .hero-ptfl-section .hero-ptfl-client-logo { width: clamp(9rem, 6vw, 8rem); margin-right: var(--dma_space_24); } } @media screen and (min-width: 1024px) and (max-width: 1179px) and (max-height: 900px) { .hero-ptfl-section { transform: none; } .hero-ptfl-section .hero-ptfl-inner { padding-top: var(--dma_space_96); margin-top: 7%; } .hero-ptfl-section .hero-ptfl-front { bottom: var(--dma_space_24); } } @media screen and (max-width: 1023px) { .hero-ptfl-section { height: auto; } .hero-ptfl-section .hero-ptfl-container { height: auto; } .hero-ptfl-section .hero-ptfl-link-photo, .hero-ptfl-section .hero-ptfl-link-web { display: block; } .hero-ptfl-section .hero-ptfl-image { position: relative; left: auto; display: block; width: 40%; transform: none; margin-inline: auto; } .hero-ptfl-section .hero-ptfl-title-line-outline { display: none; } .hero-ptfl-section .hero-ptfl-link-photo { -webkit-text-stroke: 1px var(--hero-ptfl-stroke) !important; } .hero-ptfl-section .hero-ptfl-image, .hero-ptfl-section .hero-ptfl-title-line-outline { pointer-events: auto; } .hero-ptfl-section .hero-ptfl-micro-top-left + .hero-ptfl-title-wrap { cursor: auto; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .hero-ptfl-section { overflow: visible; padding-inline: var(--dma_space_24); } .hero-ptfl-section .hero-ptfl-inner { padding-top: var(--dma_space_128); margin-top: 5%; margin-bottom: var(--dma_space_48); text-align: center; overflow: visible; } .hero-ptfl-section .hero-ptfl-title-line-solid, .hero-ptfl-section .hero-ptfl-title-solid--web, .hero-ptfl-section .hero-ptfl-title-solid--dev { font-size: var(--dma_font_size_96); } .hero-ptfl-section .hero-ptfl-title-wrap { padding-inline: var(--dma_space_16); } .hero-ptfl-section .hero-ptfl-bottom { flex-direction: column; align-items: center; gap: var(--dma_space_24); width: 100%; padding-inline: var(--dma_space_16); } .hero-ptfl-section .hero-ptfl-micro-bottom-right { width: 100%; text-align: center; } .hero-ptfl-section .hero-ptfl-clients { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--dma_space_32); } .hero-ptfl-section .hero-ptfl-client-logo { margin-right: 0; } .hero-ptfl-section .hero-ptfl-front { position: relative; left: auto; bottom: auto; width: 100%; margin-top: var(--dma_space_32); transform: none; justify-content: center; } .hero-ptfl-section .hero-ptfl-image { width: 55%; } } @media screen and (max-width: 767px) { .hero-ptfl-section .hero-ptfl-micro-top-left { width: 90%; margin-inline: auto; font-size: var(--dma_font_size_22); } .hero-ptfl-section .hero-ptfl-container { align-items: center; } .hero-ptfl-section .hero-ptfl-clients { display: none; } .hero-ptfl-section .hero-ptfl-image { width: 56%; } .hero-ptfl-section .hero-ptfl-bottom { flex-direction: column; align-items: center; width: 90%; margin: var(--dma_space_12) auto 0; text-align: center; } .hero-ptfl-section .hero-ptfl-micro-bottom-right { width: 100%; text-align: center; font-size: var(--dma_font_size_22); margin-bottom: 0; } .hero-ptfl-section .hero-ptfl-front { position: relative; left: auto; bottom: 0; width: 100%; margin-top: var(--dma_space_32); transform: none; align-items: center; } .hero-ptfl-section .hero-ptfl-front a.button { display: inline-flex; width: auto; margin-right: 0; } .hero-ptfl-section .hero-ptfl-front a.button.white-button, .hero-ptfl-section .hero-ptfl-front a.button:visited.white-button { background-color: var(--dma_black) !important; border-color: var(--dma_black) !important; color: var(--dma_white) !important; padding: var(--dma_space_12) var(--dma_space_20) !important; } .hero-ptfl-section .hero-ptfl-front a.button.white-button:hover, .hero-ptfl-section .hero-ptfl-front a.button:visited.white-button:hover { background-color: var(--dma_white) !important; border-color: var(--dma_black) !important; color: var(--dma_black) !important; } .hero-ptfl-section .hero-ptfl-inner { margin-top: 5%; text-align: center; } .hero-ptfl-section .hero-ptfl-inner h1.hero-ptfl-title-line-outline { margin-top: var(--dma_space_24); } } @media screen and (max-width: 479px) { .hero-ptfl-section .hero-ptfl-inner { margin-top: 12%; } .hero-ptfl-section .hero-ptfl-link--first, .hero-ptfl-section .hero-ptfl-link--second, .hero-ptfl-section .hero-ptfl-link-web, .hero-ptfl-section .hero-ptfl-link-photo { text-decoration: none; } .hero-ptfl-section .hero-ptfl-link--first:hover, .hero-ptfl-section .hero-ptfl-link--second:hover, .hero-ptfl-section .hero-ptfl-link-web:hover, .hero-ptfl-section .hero-ptfl-link-photo:hover { text-decoration: none; } .hero-ptfl-section .hero-ptfl-micro-bottom-right { margin-top: 0; } .hero-ptfl-section .hero-ptfl-image { width: 80%; margin-top: -40px; } .hero-ptfl-section .hero-ptfl-front { flex-direction: column; align-items: center; gap: var(--dma_space_12); } .hero-ptfl-section .hero-ptfl-front a.button { display: inline-flex; width: auto; } .hero-ptfl-section .hero-ptfl-inner { transform: scale(1.1); } } @media screen and (max-width: 450px) and (max-height: 700px) { .hero-ptfl-section .hero-ptfl-image { width: 80%; } } @media screen and (max-width: 1180px) { .hero-ptfl-section { height: auto; } .hero-ptfl-section .hero-ptfl-container { height: auto; } .hero-ptfl-section .hero-ptfl-inner { padding-top: var(--dma_space_36) !important; margin-top: 0 !important; margin-bottom: var(--dma_space_36); } } html.w-mod-touch * { background-attachment: scroll !important; } @media screen and (max-width: 479px) { .no--mobile { display: none; } } /*------------------------------------------------- >> Styles for Home -------------------------------------------------*/ .hero-home-logos { gap: 24px; line-height: 0.65; margin-top: var(--dma_space_48); min-height: 48px; align-items: center; } .hero-home-logo { line-height: 0.65; } .hero-home-logo img { display: block; width: auto; height: auto; } .hero-home-logo a, .hero-home-logo a:visited { line-height: 0.65; border: none; padding: 0; } @media only screen and (max-width: 748px) { .hero-home-logo { max-width: 120px; min-height: 96px; } .hero-home-logo img { height: 96px; max-width: 120px; } .hero-home-logo a img, .hero-home-logo a:visited img { width: 100%; } } .hero-default { box-sizing: border-box; position: relative; padding: var(--dma_space_200) 0 var(--dma_space_128); overflow: hidden; } a.explor-btn, a.explor-btn:visited { width: var(--dma_space_156); height: var(--dma_space_156); display: flex; justify-content: center; align-items: center; line-height: 0.65; overflow: hidden; position: absolute; right: 7%; bottom: 13%; border: none; padding: 0; max-width: 100%; } a.explor-btn img, a.explor-btn:visited img { position: relative; } @media only screen and (max-width: 747px) { a.explor-btn, a.explor-btn:visited { width: 100px; height: 100px; right: 0; bottom: 5.4%; } } @keyframes explor-bg-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .explor-bg { width: 100%; height: 100%; background-image: url(images/explor-bg.webp); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; inset: 0; transform-origin: center; animation: explor-bg-spin 12s linear infinite; } @media (prefers-reduced-motion: reduce) { .explor-bg { animation: none; } } .hero-home-section { position: relative; } .hero-content-text p { font-size: var(--dma_font_size_32); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .hero-content-text p:last-of-type { margin-bottom: 0; } .hero-button { margin-top: var(--dma_space_48); } .digital-glow { position: absolute; top: -160px; left: 50%; transform: translateX(-50%); width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, var(--dma_brand_yellow) 0%, transparent 70%); opacity: 0.3; filter: blur(60px); pointer-events: none; } .digital-grid-boxes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; -webkit-mask-image: radial-gradient(ellipse at center, transparent 15%, black 70%); mask-image: radial-gradient(ellipse at center, transparent 15%, black 70%); } .digital-grid-boxes .hex-row { display: inline-flex; margin-top: -28px; margin-left: -50px; } .digital-grid-boxes .hex-row:nth-child(even) { margin-left: 2px; } .digital-grid-boxes .hex-row:first-child { margin-top: 0; } .digital-grid-boxes .hexagon { position: relative; width: 90px; height: 100px; margin: 3px 2px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); pointer-events: auto; } .digital-grid-boxes .hexagon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.04); transition: background 0.8s ease, opacity 0.8s ease; } .digital-grid-boxes .hexagon::after { content: ""; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; background: rgba(255, 255, 255, 0.85); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); transition: background 0.8s ease; } .digital-grid-boxes .hexagon:hover::before { background: var(--dma_brand_yellow); opacity: 0.7; transition: background 0s, opacity 0s; } .digital-grid-boxes .hexagon:hover::after { background: rgba(255, 255, 255, 0.95); } .hero-home { padding-top: var(--dma_space_96); position: relative; z-index: 9; } .hero-home-content { box-sizing: border-box; padding: var(--dma_space_128) 0 var(--dma_space_48); } .hero-home-content p { max-width: 970px; font-size: var(--dma_font_size_24); } .hero-home-content p:last-child { margin: 0; } h3.services-tile-heading { font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .services-tile-body span.button { background: transparent; border-color: var(--dma_black); } .work-block-content h3 { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .work-block-content h3 a { font-size: var(--dma_font_size_36); line-height: 1.15; } .resources-ctn { gap: 40px; } .hero-home-video { position: relative; } .video-thumbnail { aspect-ratio: 1140/596; line-height: 0.65; position: relative; } .video-thumbnail::after { position: absolute; content: ""; inset: 0; margin: auto; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.91%, rgba(0, 0, 0, 0.64) 100%); } .play-button { position: absolute; left: 16px; bottom: 16px; display: inline-flex; padding: var(--dma_space_8) var(--dma_space_24) var(--dma_space_8) var(--dma_space_8); justify-content: center; align-items: center; gap: 8px; border-radius: 56px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .video-icon { display: flex; width: 30px; height: 30px; box-sizing: border-box; padding: 8px; justify-content: center; align-items: center; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--dma_black); } .video-icon svg { margin: 0 0 0 2px; width: 100%; height: 100%; } .play-text { color: var(--dma_white); } .resources-cta a.button { background: transparent; } .resources-cta a.button:hover { background: #000; } .play-text { font-size: var(--dma_font_size_14); font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; line-height: 1.3; letter-spacing: 0.02em; } .checkbox-btn .gfield_checkbox { display: flex; flex-wrap: wrap; gap: 12px; } .checkbox-btn .gchoice { position: relative; } .checkbox-btn .gchoice label { margin: 0px; padding: 7px 17px 5px; position: relative; z-index: 1; } .checkbox-btn .gchoice [type=checkbox]:checked + label::before, .checkbox-btn .gchoice [type=checkbox]:not(:checked) + label::before { background-color: transparent !important; border-radius: 100px !important; border-color: #000 !important; width: 100%; height: 100%; top: 0px; } .checkbox-btn [type=checkbox]:checked + label::after, .checkbox-btn [type=checkbox]:not(:checked) + label::after, .checkbox-btn [type=checkbox]:checked + span::after, .checkbox-btn [type=checkbox]:not(:checked) + span::after { inset: 0; margin: auto; } .checkbox-btn [type=checkbox]:checked + label::after { width: 100%; height: 100%; inset: 0; border-radius: 100px; z-index: -1; } .checkbox-btn [type=checkbox]:checked + label { color: #fff !important; } legend.gfield_label.gform-field-label.gfield_label_before_complex { font-size: 24px; font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .validation_message--hidden-on-empty { display: none; } .contact-form input { margin-bottom: 0px !important; } .hero-testi-content { box-sizing: border-box; padding: var(--dma_space_200) 0 var(--dma_space_96); } .hero-testi-content h1 span:after { left: 0; background-size: 328px; } .hero-testi-content h1 span.draw-image:after { width: 328px; } .hero-testi-content p { max-width: 920px; margin: 0; font-size: var(--dma_font_size_24); } .gform-icon--circle-error { display: none !important; } /*------------------------------------------------- >> Styles for single-contact-us -------------------------------------------------*/ .hero-contact { gap: var(--dma_space_64); } .hero-contact__intro { width: 50%; } .hero-contact__main { width: 50%; max-width: 731px; box-sizing: border-box; } .hero-contact__title h1 { font-size: var(--dma_font_size_56); padding-bottom: 0; margin-bottom: 0; font-family: "Poppins", arial, sans-serif; font-weight: 500; font-style: normal; } .hero-contact__title h1 span { display: inline; font-family: "Poppins", arial, sans-serif; font-weight: 700; font-style: normal; } .hero-contact__title h1 span:after { background-size: 238px !important; width: 238px !important; } .hero-contact__ways { display: flex; flex-wrap: wrap; gap: var(--dma_space_30); margin-top: var(--dma_space_96); } .hero-contact__way { width: 100%; } .hero-contact__way-label { margin: 0 0 var(--dma_space_12); font-size: var(--dma_font_size_24); line-height: 1.3; color: var(--dma_medium_grey); } .hero-contact__way-body a, .hero-contact__way-body a:visited { display: inline-block; margin-bottom: 6px; font-size: var(--dma_font_size_20); line-height: 1.5; color: var(--dma_black); text-decoration: underline; text-underline-offset: 3px; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; transition: color 0.33s linear; } .hero-contact__way-body a:hover, .hero-contact__way-body a:focus-visible, .hero-contact__way-body a:visited:hover, .hero-contact__way-body a:visited:focus-visible { color: var(--dma_blue); } .hero-contact__form form { margin: 0; } .hero-contact__form textarea { height: 60px; margin-bottom: var(--dma_space_28); } .hero-contact__form .hero-contact__upload, .hero-contact__form .gfield--type-fileupload { margin-bottom: var(--dma_space_30); width: 100%; } .hero-contact__form .hero-contact__upload-btn, .hero-contact__form .gfield--type-fileupload .gfield_label.gform-field-label { position: relative; flex-shrink: 0; display: inline-flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 11px 24px; border: 2px solid var(--dma_black); border-radius: 999px; background: transparent; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_16); line-height: 1; cursor: pointer; white-space: nowrap; box-sizing: border-box; transition: all 0.25s ease-in-out; } .hero-contact__form .hero-contact__upload-btn input[type=file] { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; border: none !important; padding: 0 !important; margin: 0; background: transparent !important; box-shadow: none !important; } .hero-contact__form .gfield--type-fileupload.hidden_label .gfield_label.gform-field-label { display: inline-flex !important; } .hero-contact__form .gfield--type-fileupload .gfield_label.gform-field-label { color: transparent; font-size: 0; line-height: 1; cursor: pointer; } .hero-contact__form .gfield--type-fileupload .gfield_label.gform-field-label::before { content: "Upload a file"; color: var(--dma_black); font-size: var(--dma_font_size_16); line-height: 1; } .hero-contact__form .hero-contact__upload-hint { margin: 0; font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--dma_font_size_14); line-height: 1.3; color: var(--dma_black); } .hero-contact__form .checkbox-btn input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):not([type=hidden]), .hero-contact__form .checkbox-btn textarea, .hero-contact__form .checkbox-btn select { margin-bottom: var(--dma_space_28); } .hero-contact__form .checkbox-btn [type=checkbox]:checked + label, .hero-contact__form .checkbox-btn [type=checkbox]:not(:checked) + label { margin: 0 !important; font-size: var(--dma_font_size_14); } .hero-contact__form .checkbox-btn input[type=submit], .hero-contact__form .checkbox-btn .gform_button { margin-bottom: 0 !important; } .hero-contact__form .checkbox-btn .gfield_checkbox { padding-bottom: var(--dma_space_36); list-style: none; padding-left: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: flex-start; -moz-column-gap: var(--dma_space_4); column-gap: var(--dma_space_4); row-gap: var(--dma_space_8); } .hero-contact__form .checkbox-btn .gfield_checkbox .gchoice { display: inline-block; margin: 0; padding: 0; } .hero-contact__form .checkbox-btn .gfield_checkbox .gchoice::before { display: none; } .hero-contact__form .checkbox-btn .gfield_checkbox .gchoice label { margin: 0 !important; padding: 6px 16px 4px !important; border: 1px solid var(--dma_black); border-radius: 100px; background: var(--dma_white); cursor: pointer; display: inline-block; line-height: 1.2; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_18) !important; } .hero-contact__form .checkbox-btn .gfield_checkbox .gchoice label::before, .hero-contact__form .checkbox-btn .gfield_checkbox .gchoice label::after { display: none !important; } .hero-contact__form .checkbox-btn .gfield_checkbox .gchoice input[type=checkbox] { position: absolute; left: -9999px; } .hero-contact__form .checkbox-btn .gfield_checkbox .gchoice input[type=checkbox]:checked + label { background: var(--dma_black) !important; border-color: var(--dma_black) !important; color: var(--dma_white) !important; } .hero-contact [type=checkbox]:not(:checked) + label { line-height: 1.2 !important; margin: 0 0 20px 0 !important; font-size: var(--dma_font_size_16) !important; } /*------------------------------------------------- >> Styles for single-contact-us -------------------------------------------------*/ .result-column span { font-size: var(--dma_font_size_96); color: var(--dma_black); line-height: 120%; } .colr-style { color: var(--dma_black); margin-bottom: 56px; } .result-categoires { gap: 7px; } .result-categoires p { margin-bottom: 0px; font-size: var(--dma_font_size_20); } .result-categoires img { filter: brightness(0); } .overview-column h3 { color: var(--dma_black); } .result-heading { padding-bottom: 80px; } .grid-box { display: grid; grid-template-columns: 1fr 1fr; gap: 43px; } .grid-box .grid-item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .grid-box .grid-item-img:nth-child(4n+1) { grid-column: span 2; } .grid-box .grid-item-img:nth-child(4n+4) { grid-column: span 2; } .management-box { max-width: 856px; margin-left: auto; } .management-box p { font-size: var(--dma_font_size_24); } .management-box h2 { color: var(--dma_black); } .management-box .management-list { padding: 12px 0px; } .management-box .management-list P { font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .management-box .management-list ul { margin: 0; margin-left: 40px; } .management-box .management-list ul li { margin: 0; padding-top: 6px; } .management-grid { padding-top: 72px; } .management-grid .management-img img { width: 100%; display: block; } .work-card-content { padding-top: 28px; } .work-card-content h3 { font-size: var(--dma_font_size_28); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .work-card-content h3 a { color: var(--dma_black) !important; font-size: inherit; } .work-heading { color: var(--dma_black); } .discus-sec { position: relative; } .discus-shape { position: absolute; top: 0; right: 0; z-index: 0; } .discus-box h2 { color: var(--dma_white); max-width: 714px; margin-bottom: 32px; position: relative; z-index: 2; } .discus-btn a { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dma_font_size_16); background-color: var(--dma_brand_yellow); color: var(--dma_black) !important; padding: 12px 25px !important; border-radius: 100px; display: inline-block; } .discus-btn a:hover { background-color: var(--dma_white); color: var(--dma_black) !important; } .discus-btn a img { padding-left: 8px; } /*------------------------------------------------- >> Styles for single-contact-us -------------------------------------------------*/ .hero-seo { align-items: center; } .hero-seo.two-columns { grid-template-columns: repeat(auto-fill, minmax(min(clamp(280px, 50% - 5%, 100%), 100%), 1fr)); gap: 5%; } .heading-color { color: var(--dma_black); } .hero-seo-content h1 { font-size: var(--dma_font_size_72); margin-bottom: 28px; color: var(--dma_black); } .hero-seo-content h1 strong { font-family: "Poppins", arial, sans-serif; font-weight: 500; font-style: normal; } .hero-seo-content h1 span:after { left: 0; background-size: 312px; } .hero-seo-content h1 span.draw-image:after { width: 312px; } .hero-seo-content p { font-size: var(--dma_font_size_22); margin-bottom: 24px; } .hero-seo-content p:last-of-type { margin-bottom: 48px; } .form-heading { margin-bottom: 20px !important; } .hero-seo-form { background-color: #FEF4CE; padding: var(--dma_space_48); border-radius: var(--dma_space_8); } .hero-seo-form h2 { font-size: var(--dma_font_size_48); } .hero-seo-form .gfield--type-fileupload { margin-bottom: var(--dma_space_24); } .hero-seo-form .gfield--type-fileupload .ginput_container_fileupload { display: flex; align-items: center; gap: var(--dma_space_16); } .hero-seo-form .gfield--type-fileupload input[type=file] { font-size: 0; color: transparent; max-width: 132px; padding: 0; border: none !important; } .hero-seo-form .gfield--type-fileupload input[type=file]::file-selector-button { border: 2px solid var(--dma_black); border-radius: 999px; padding: 14px 24px; background-color: transparent; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_16); line-height: 1; cursor: pointer; transition: all 0.25s ease-in-out; } .hero-seo-form .gfield--type-fileupload input[type=file]:hover::file-selector-button, .hero-seo-form .gfield--type-fileupload input[type=file]:focus-visible::file-selector-button, .hero-seo-form .gfield--type-fileupload input[type=file]:hover::-webkit-file-upload-button, .hero-seo-form .gfield--type-fileupload input[type=file]:focus-visible::-webkit-file-upload-button { background-color: var(--dma_black); color: var(--dma_white); } .hero-seo-form .gfield--type-fileupload .gform_fileupload_rules { margin: 0; font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--dma_font_size_14); line-height: 1.3; color: var(--dma_black); } /*------------------------------------------------- >> Styles for footer -------------------------------------------------*/ .footer-ctn { background-color: var(--dma_footer_bgcolor); padding: 80px 0 0; box-sizing: border-box; } .footer-ctn h1, .footer-ctn h2, .footer-ctn h3, .footer-ctn h4, .footer-ctn h5, .footer-ctn h6, .footer-ctn p, .footer-ctn ul, .footer-ctn a { color: var(--dma_footer_color); } /* ------------------------------------------------- >> Footer Toolkit (pixel-perfect: CTA + 3-col + bottom bar) ------------------------------------------------- */ .footer-ctn { background-color: var(--dma_black); padding: 0; } .footer-ctn .footer-cta, .footer-ctn .footer-cols, .footer-ctn .footer-bottom { border-bottom: 1px solid var(--dma_border_4); } .footer-ctn .footer-bottom { border-top: none; border-bottom: none; } .footer-cta { padding: var(--dma_space_72) 0 var(--dma_space_48); gap: var(--dma_space_24); transition: all 0.35s ease-in-out; } .footer-cta-left { gap: var(--dma_space_20); } .footer-cta-heading { margin: 0; font-size: var(--dma_font_size_64); color: var(--dma_white); line-height: 1.2; letter-spacing: -1%; font-family: "Poppins", arial, sans-serif; font-weight: 700; font-style: normal; } .footer-cta-arrow { display: inline-flex; align-items: center; justify-content: center; margin-top: 10px; width: 34px; height: 34px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMyAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMzMzMzcgMzAuMzMzTDMwLjMzMzQgMi4zMzMwMU0zMC4zMzM0IDIuMzMzMDFIMTEuNjY2N00zMC4zMzM0IDIuMzMzMDFWMjAuOTk5NyIgc3Ryb2tlPSIjRkZFMzExIiBzdHJva2Utd2lkdGg9IjQuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: cover; background-repeat: no-repeat; background-position: center; } .footer-cta-right { max-width: 472px; width: 100%; } .footer-cta-text { margin: 0 0 var(--dma_space_12); font-size: var(--dma_font_size_20); color: var(--dma_white); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } /* Gravity Form inside footer newsletter (same layout as .footer-newsletter-form) */ .footer-cta-form { max-width: 100%; } .footer-cta-form form { display: flex; align-items: center; gap: 0; margin: 0; padding: 0; border: 0; position: relative; } .footer-cta-form .gform_body { flex: 1; min-width: 0; margin: 0; } .footer-cta-form .gform_fields { margin: 0; padding: 0; border: 0; list-style: none; } .footer-cta-form .gfield { margin: 0; padding: 0; border: 0; } .footer-cta-form .ginput_container { margin: 0; } .footer-cta-form .ginput_container input[type=email], .footer-cta-form .ginput_container input[type=text] { width: 100%; height: 56px; padding: 6px 153px 6px var(--dma_space_24); border: 1px solid var(--dma_white); border-radius: 30px; background-color: var(--dma_black); color: var(--dma_white); font-size: var(--dma_font_size_16); box-sizing: border-box; margin: 0; line-height: 1.4; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .footer-cta-form .ginput_container input[type=email]::-moz-placeholder, .footer-cta-form .ginput_container input[type=text]::-moz-placeholder { color: var(--dma_white); } .footer-cta-form .ginput_container input[type=email]::placeholder, .footer-cta-form .ginput_container input[type=text]::placeholder { color: var(--dma_white); } .footer-cta-form .ginput_container input[type=email]:focus, .footer-cta-form .ginput_container input[type=text]:focus { outline: none; border-color: var(--dma_brand_yellow); } .footer-cta-form .gform_footer { margin: 0; padding: 0; border: 0; } .footer-cta-form .gform_footer input[type=submit], .footer-cta-form .gform_footer .gform-button { position: absolute; top: 0; bottom: 0; right: 6px; height: 44px; padding: 0 var(--dma_space_24); border: 1px solid var(--dma_brand_yellow); border-radius: 30px; background-color: var(--dma_brand_yellow); color: var(--dma_black); font-size: var(--dma_font_size_16); cursor: pointer; margin: auto; font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .footer-cta-form .gform_footer input[type=submit]:hover, .footer-cta-form .gform_footer input[type=submit]:focus-visible, .footer-cta-form .gform_footer .gform-button:hover, .footer-cta-form .gform_footer .gform-button:focus-visible { background-color: var(--dma_white); color: var(--dma_black); border-color: var(--dma_white); } .footer-cols { padding: var(--dma_space_72) 0; gap: var(--dma_space_36); } .footer-col-left { max-width: 350px; width: 100%; } .footer-col-right { max-width: 720px; width: 100%; } .footer-col-right .footer-col { width: 46%; } .footer-col-right .footer-col.footer-col--contact { width: 40%; position: relative; } .footer-col-right .footer-col.footer-col--contact::before { content: ""; position: absolute; top: 0; left: -24%; width: 2px; height: 100%; background-color: var(--dma_border_4); z-index: 1; } .footer-col-heading { margin: 0 0 var(--dma_space_20); font-size: var(--dma_font_size_24); color: var(--dma_white); line-height: 1.3; font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .social-icons { gap: var(--dma_space_12); flex-wrap: wrap; } .social-icon { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--dma_black_1); background-color: var(--dma_black_1); color: var(--dma_white); line-height: 0.65; box-sizing: border-box; padding: 3px; transition: all 0.35s ease-in-out; } .social-icon img { width: 100%; height: 100%; max-height: 20px; filter: brightness(0) invert(1); transition: all 0.35s ease-in-out; line-height: 0.65; -o-object-fit: contain; object-fit: contain; } .social-icon:hover, .social-icon:focus-visible { background-color: var(--dma_brand_yellow); border-color: var(--dma_brand_yellow); color: var(--dma_black); } .social-icon:hover img, .social-icon:focus-visible img { filter: brightness(0); /* black on yellow */ } .footer-quick-links-list { margin: 0; padding: 0; list-style: none; gap: var(--dma_space_12); } .footer-quick-links-list li { margin: 0; } .footer-pill-link { display: inline-block; padding: var(--dma_space_8) var(--dma_space_16); border-radius: 999px; background-color: var(--dma_black_1); color: var(--dma_white); font-size: var(--dma_font_size_16); text-decoration: none; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; transition: all 0.35s ease-in-out; } .footer-pill-link:hover, .footer-pill-link:focus-visible { background-color: var(--dma_brand_yellow); color: var(--dma_black); } .footer-contact { margin: 0; font-style: normal; } .footer-contact-list { margin: 0; padding: 0; list-style: none; } .footer-contact-list li { display: flex; align-items: center; gap: var(--dma_space_12); margin-bottom: var(--dma_space_12); font-size: var(--dma_font_size_16); color: var(--dma_white); line-height: 1.4; cursor: pointer; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .footer-contact-list li:last-child { margin-bottom: 0; } .footer-contact-list li:hover a, .footer-contact-list li:hover a:visited, .footer-contact-list li:focus-visible a, .footer-contact-list li:focus-visible a:visited { color: var(--dma_brand_yellow); } .footer-contact-list li:hover .footer-contact-icon, .footer-contact-list li:focus-visible .footer-contact-icon { background-color: var(--dma_brand_yellow); } .footer-contact-list li:hover .footer-contact-icon img, .footer-contact-list li:focus-visible .footer-contact-icon img { filter: brightness(0); /* black on yellow */ } .footer-contact-list a, .footer-contact-list a:visited { color: var(--dma_white); text-decoration: none; } .footer-contact-list a:hover, .footer-contact-list a:focus-visible, .footer-contact-list a:visited:hover, .footer-contact-list a:visited:focus-visible { color: var(--dma_brand_yellow); } .footer-contact-list a:hover img, .footer-contact-list a:focus-visible img, .footer-contact-list a:visited:hover img, .footer-contact-list a:visited:focus-visible img { filter: brightness(0); /* black on yellow */ } .footer-contact-icon { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--dma_black_1); color: var(--dma_white); transition: all 0.35s ease-in-out; } .footer-contact-icon img { width: 20px; height: 20px; filter: brightness(0) invert(1); transition: all 0.35s ease-in-out; } .footer-bottom { padding: var(--dma_space_24) 0; } .copy-right { width: auto; font-size: var(--dma_font_size_16); color: var(--dma_copyright_color); } .legal-nav { width: auto; } .footer-legal-list { margin: 0; padding: 0; list-style: none; line-height: 0.65; } .footer-legal-list li { margin: 0; padding: 0 var(--dma_space_12); border-right: 1px solid var(--dma_white); line-height: 0.65; } .footer-legal-list li:first-child { padding-left: 0; } .footer-legal-list li:last-child { padding-right: 0; border-right: 0; } .footer-legal-list a, .footer-legal-list a:visited { color: var(--dma_legal_nav_color); text-decoration: none; font-size: var(--dma_font_size_16); line-height: 1.4; } .footer-legal-list a:hover, .footer-legal-list a:focus-visible, .footer-legal-list a:visited:hover, .footer-legal-list a:visited:focus-visible { color: var(--dma_legal_nav_border_color_hover); } /* Responsive: stack columns, keep padding from variables */ @media only screen and (max-width: 1023px) { .footer-cta { flex-direction: column; align-items: flex-start; text-align: left; } .footer-cta-right { text-align: left; width: 100%; } .footer-newsletter-form, .footer-cta-form { margin-left: 0; max-width: 100%; } .footer-main { flex-direction: column; align-items: stretch; } .footer-main-col { min-width: 0; } } @media only screen and (max-width: 747px) { .footer-ctn--toolkit .footer-bottom { flex-direction: column; align-items: flex-start; gap: var(--dma_space_16); } .footer-legal-list li { border-right: 0; padding: 0 var(--dma_space_8) 0 0; } } /*------------------------------------------------- >> Styles for Containers -------------------------------------------------*/ /**** * * containers * ****/ .wrapper { max-width: 1280px; width: 90%; margin: 0 auto; } .ctn-1440 .wrapper { max-width: 1440px; } .ctn-1140 .wrapper { max-width: 1140px; } .ctn-980 .wrapper { max-width: 980px; } .ctn-760 .wrapper { max-width: 760px; } .ctn-full-width { overflow: hidden; } .ctn-full-width .wrapper { max-width: 100%; width: 100%; } .ctn-full-width { overflow: hidden; } .ctn-full-width .wrapper { max-width: 100%; width: 100%; } .ctn-black { background-color: var(--dma_black); } .ctn-lgrey { background-color: var(--dma_light_grey_blue); } /*------------------------------------------------- >> Styles for Spacers -------------------------------------------------*/ .is-style-gl-s2, .gl-s2 { height: var(--dma_space_2) !important; } .is-style-gl-s4, .gl-s4 { height: var(--dma_space_4) !important; } .is-style-gl-s6, .gl-s6 { height: var(--dma_space_6) !important; } .is-style-gl-s8, .gl-s8 { height: var(--dma_space_8) !important; } .is-style-gl-s12, .gl-s12 { height: var(--dma_space_12) !important; } .is-style-gl-s16, .gl-s16 { height: var(--dma_space_16) !important; } .is-style-gl-s20, .gl-s20 { height: var(--dma_space_20) !important; } .is-style-gl-s24, .gl-s24 { height: var(--dma_space_24) !important; } .is-style-gl-s30, .gl-s30 { height: var(--dma_space_30) !important; } .is-style-gl-s36, .gl-s36 { height: var(--dma_space_36) !important; } .is-style-gl-s48, .gl-s48 { height: var(--dma_space_48) !important; } .is-style-gl-s72, .gl-s72 { height: var(--dma_space_72) !important; } .is-style-gl-s96, .gl-s96 { height: var(--dma_space_96) !important; } .is-style-gl-s100, .gl-s100 { height: var(--dma_space_100) !important; } .is-style-gl-s128, .gl-s128 { height: var(--dma_space_128) !important; } .is-style-gl-s156, .gl-s156 { height: var(--dma_space_156) !important; } .is-style-gl-s200, .gl-s200 { height: var(--dma_space_200) !important; } .is-style-gl-s236, .gl-s236 { height: var(--dma_space_236) !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(--dma_font_size_22); line-height: 1.3; } .small-text { font-size: var(--dma_font_size_14); line-height: 1; } .black-text { color: var(--wp--preset--color--black); } .white_text { color: var(--dma_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-decoration-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-no-repeat { background-repeat: no-repeat; } .bg-repeat { background-repeat: repeat; } .reset-bg { background-size: cover; background-repeat: no-repeat; background-position: center; } .image-cover { line-height: 0.65; } .image-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /**** * * Breadcrumbs * ****/ #breadcrumbs { color: var(--dma_breadcrumb_color); text-transform: uppercase; margin-bottom: 23px; font-size: var(--dma_font_size_14); } #breadcrumbs span { font-size: var(--dma_font_size_18); } #breadcrumbs span.breadcrumb_last { font-size: var(--dma_font_size_14); font-weight: 500; margin-left: 10px; } #breadcrumbs a, #breadcrumbs:visited { color: var(--dma_breadcrumb_link_color); font-weight: 700; margin: 0 10px; border-bottom: 1px solid var(--dma_breadcrumb_border_color); font-size: var(--dma_font_size_14); } #breadcrumbs a:hover, #breadcrumbs a:focus-visible, #breadcrumbs:visited:hover, #breadcrumbs:visited:focus-visible { border-bottom: 1px solid var(--dma_breadcrumb_border_color_hover); } .single-post #breadcrumbs span span span span span span { color: var(--dma_breadcrumb_span_color); } .single-post #breadcrumbs span span span span span span a { color: var(--dma_breadcrumb_link_color); } /**** * * Learn Button * ****/ .learn-more { color: var(--wp--preset--color--black); font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } /**** * * Theme Buttons * ****/ a.button, a.button:visited, span.button, .is-style-mycustomstyle .wp-element-button { box-sizing: border-box; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; overflow: hidden; padding: var(--dma_font_size_8) var(--dma_font_size_14); text-decoration: none; color: var(--dma_theme_btn_color); background-color: var(--dma_theme_btn_bgcolor); border: 2px solid var(--dma_button_border_color); transition: all 0.35s ease-in-out; margin-right: 9px; text-align: center; border-radius: 30px; line-height: 1.375; font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dma_font_size_20); } a.button svg, a.button:visited svg, span.button svg, .is-style-mycustomstyle .wp-element-button svg { margin: 0; --icon-color: var(--dma_theme_btn_color); transition: all 0.35s ease-in-out; } 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 .button-icon, a.button:visited .button-icon, span.button .button-icon, .is-style-mycustomstyle .wp-element-button .button-icon { line-height: 0.65; } a.button:hover, a.button:focus-visible, a.button:visited:hover, a.button:visited:focus-visible, span.button:hover, span.button:focus-visible, .is-style-mycustomstyle .wp-element-button:hover, .is-style-mycustomstyle .wp-element-button:focus-visible { background-color: var(--dma_theme_btn_bgcolor_hover); border: solid 2px var(--dma_theme_btn_border_color_hover); color: var(--dma_theme_btn_color_hover); } a.button:hover svg, a.button:focus-visible svg, a.button:visited:hover svg, a.button:visited:focus-visible svg, span.button:hover svg, span.button:focus-visible svg, .is-style-mycustomstyle .wp-element-button:hover svg, .is-style-mycustomstyle .wp-element-button:focus-visible svg { --icon-color: var(--dma_theme_btn_color_hover); transform: rotate(-45deg); } 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(--dma_theme_btn_color_hover); } a.button.white-button, a.button:visited.white-button, span.button.white-button, .is-style-mycustomstyle .wp-element-button.white-button { background-color: var(--dma_white); border-color: var(--dma_white); } a.button.white-button:hover, a.button:visited.white-button:hover, span.button.white-button:hover, .is-style-mycustomstyle .wp-element-button.white-button:hover { background-color: var(--dma_brand_yellow); border-color: var(--dma_brand_yellow); color: var(--dma_black); } a.button.yellow-button, a.button:visited.yellow-button, span.button.yellow-button, .is-style-mycustomstyle .wp-element-button.yellow-button { background-color: var(--dma_brand_yellow); color: var(--dma_black); border: 2px solid var(--dma_brand_yellow); padding: 4px 4px 4px 22px; gap: 12px; } a.button.yellow-button.back-button, a.button:visited.yellow-button.back-button, span.button.yellow-button.back-button, .is-style-mycustomstyle .wp-element-button.yellow-button.back-button { padding: 4px 22px 4px 4px; gap: 12px; font-size: var(--dma_font_size_18); } a.button.yellow-button.back-button .button-icon, a.button:visited.yellow-button.back-button .button-icon, span.button.yellow-button.back-button .button-icon, .is-style-mycustomstyle .wp-element-button.yellow-button.back-button .button-icon { padding: 6px; width: 30px; height: 30px; } a.button.yellow-button.back-button .button-icon svg, a.button:visited.yellow-button.back-button .button-icon svg, span.button.yellow-button.back-button .button-icon svg, .is-style-mycustomstyle .wp-element-button.yellow-button.back-button .button-icon svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transform: rotate(180deg); } a.button.yellow-button .button-icon, a.button:visited.yellow-button .button-icon, span.button.yellow-button .button-icon, .is-style-mycustomstyle .wp-element-button.yellow-button .button-icon { box-sizing: border-box; padding: 9px; background-color: var(--dma_black); border-radius: 50%; width: 36px; height: 36px; line-height: 0.65; display: flex; align-items: center; justify-content: center; } a.button.yellow-button .button-icon svg, a.button:visited.yellow-button .button-icon svg, span.button.yellow-button .button-icon svg, .is-style-mycustomstyle .wp-element-button.yellow-button .button-icon svg { --icon-color: var(--dma_white); } a.button.yellow-button:hover, a.button.yellow-button:focus-visible, a.button:visited.yellow-button:hover, a.button:visited.yellow-button:focus-visible, span.button.yellow-button:hover, span.button.yellow-button:focus-visible, .is-style-mycustomstyle .wp-element-button.yellow-button:hover, .is-style-mycustomstyle .wp-element-button.yellow-button:focus-visible { background-color: var(--dma_black); border: 2px solid var(--dma_black); color: var(--dma_white); } a.button.yellow-button:hover .button-icon, a.button.yellow-button:focus-visible .button-icon, a.button:visited.yellow-button:hover .button-icon, a.button:visited.yellow-button:focus-visible .button-icon, span.button.yellow-button:hover .button-icon, span.button.yellow-button:focus-visible .button-icon, .is-style-mycustomstyle .wp-element-button.yellow-button:hover .button-icon, .is-style-mycustomstyle .wp-element-button.yellow-button:focus-visible .button-icon { background-color: var(--dma_brand_yellow); } a.button.yellow-button:hover .button-icon svg, a.button.yellow-button:focus-visible .button-icon svg, a.button:visited.yellow-button:hover .button-icon svg, a.button:visited.yellow-button:focus-visible .button-icon svg, span.button.yellow-button:hover .button-icon svg, span.button.yellow-button:focus-visible .button-icon svg, .is-style-mycustomstyle .wp-element-button.yellow-button:hover .button-icon svg, .is-style-mycustomstyle .wp-element-button.yellow-button:focus-visible .button-icon svg { --icon-color: var(--dma_black); } a.button.black-button, a.button:visited.black-button, span.button.black-button, .is-style-mycustomstyle .wp-element-button.black-button { background-color: var(--dma_black); color: var(--dma_white); border: 2px solid var(--dma_black); padding: 4px 4px 4px 22px; gap: 12px; } a.button.black-button .button-icon, a.button:visited.black-button .button-icon, span.button.black-button .button-icon, .is-style-mycustomstyle .wp-element-button.black-button .button-icon { box-sizing: border-box; padding: 9px; background-color: var(--dma_brand_yellow); border-radius: 50%; width: 36px; height: 36px; line-height: 0.65; display: flex; align-items: center; justify-content: center; } a.button.black-button .button-icon svg, a.button:visited.black-button .button-icon svg, span.button.black-button .button-icon svg, .is-style-mycustomstyle .wp-element-button.black-button .button-icon svg { --icon-color: var(--dma_black); } a.button.black-button:hover, a.button.black-button:focus-visible, a.button:visited.black-button:hover, a.button:visited.black-button:focus-visible, span.button.black-button:hover, span.button.black-button:focus-visible, .is-style-mycustomstyle .wp-element-button.black-button:hover, .is-style-mycustomstyle .wp-element-button.black-button:focus-visible { background-color: var(--dma_brand_yellow); border: 2px solid var(--dma_brand_yellow); color: var(--dma_black); } a.button.black-button:hover .button-icon, a.button.black-button:focus-visible .button-icon, a.button:visited.black-button:hover .button-icon, a.button:visited.black-button:focus-visible .button-icon, span.button.black-button:hover .button-icon, span.button.black-button:focus-visible .button-icon, .is-style-mycustomstyle .wp-element-button.black-button:hover .button-icon, .is-style-mycustomstyle .wp-element-button.black-button:focus-visible .button-icon { background-color: var(--dma_black); } a.button.black-button:hover .button-icon svg, a.button.black-button:focus-visible .button-icon svg, a.button:visited.black-button:hover .button-icon svg, a.button:visited.black-button:focus-visible .button-icon svg, span.button.black-button:hover .button-icon svg, span.button.black-button:focus-visible .button-icon svg, .is-style-mycustomstyle .wp-element-button.black-button:hover .button-icon svg, .is-style-mycustomstyle .wp-element-button.black-button:focus-visible .button-icon svg { transform: rotate(0deg); --icon-color: var(--dma_white); } button[disabled] { background-color: var(--dma_light_grey_bg); color: var(--dma_medium_grey); cursor: not-allowed; border: 1px solid var(--dma_border_2); opacity: 0.6; } button[disabled]:hover { background-color: var(--dma_light_grey_bg); } .no-visible { visibility: hidden; } /** * 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 0.35s ease-in-out; } picture img.loaded { opacity: 1; } .cky-consent-container { position: fixed !important; inset: auto 0 0 0 !important; z-index: 999999 !important; max-width: 100% !important; pointer-events: none; } .cky-consent-container .cky-consent-bar { pointer-events: auto; background-color: var(--dma_white) !important; border: 1px solid var(--dma_blue_2) !important; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important; padding: var(--dma_space_24) !important; } .cky-consent-container .cky-notice { gap: var(--dma_space_16) !important; } .cky-consent-container .cky-title { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; color: var(--dma_black) !important; font-size: var(--dma_font_size_22) !important; line-height: 1.3 !important; margin: 0 0 var(--dma_space_12) !important; } .cky-consent-container .cky-notice-des, .cky-consent-container .cky-notice-desc { font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; color: var(--dma_black) !important; font-size: var(--dma_font_size_16) !important; line-height: 1.5 !important; margin: 0 !important; } .cky-consent-container .cky-notice-des a, .cky-consent-container .cky-notice-desc a { color: var(--dma_black) !important; text-decoration: underline; } .cky-consent-container .cky-notice-des a:hover, .cky-consent-container .cky-notice-des a:focus-visible, .cky-consent-container .cky-notice-desc a:hover, .cky-consent-container .cky-notice-desc a:focus-visible { color: var(--dma_black) !important; } button.cky-btn { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; align-items: center !important; background-color: var(--dma_black) !important; border: 2px solid var(--dma_black) !important; border-radius: 30px !important; box-sizing: border-box !important; color: var(--dma_white) !important; display: inline-flex !important; font-size: var(--dma_font_size_16) !important; justify-content: center !important; line-height: 1.375 !important; min-height: auto !important; padding: 10px 22px !important; text-decoration: none !important; text-transform: none !important; transition: all 0.35s ease-in-out; } button.cky-btn:hover, button.cky-btn:focus-visible { background-color: var(--dma_brand_yellow) !important; border-color: var(--dma_brand_yellow) !important; color: var(--dma_black) !important; } button.cky-btn.cky-btn-accept { background-color: var(--dma_brand_yellow) !important; border: none !important; color: var(--dma_black) !important; } button.cky-btn.cky-btn-accept:hover, button.cky-btn.cky-btn-accept:focus-visible { background-color: var(--dma_black) !important; border: none !important; color: var(--dma_white) !important; opacity: 1 !important; } .cky-notice-btn-wrapper { display: flex !important; flex-wrap: wrap !important; gap: var(--dma_space_12) !important; margin-top: var(--dma_space_16) !important; } .cky-accordion-header button { height: auto !important; } .cky-btn-revisit-wrapper { background-color: var(--dma_black) !important; } @media (max-width: 767px) { .cky-consent-container .cky-consent-bar { padding: var(--dma_space_20) !important; } .cky-consent-container .cky-title { font-size: var(--dma_font_size_20) !important; } .cky-notice-btn-wrapper { flex-direction: column !important; align-items: stretch !important; } .cky-notice-btn-wrapper .cky-btn { width: 100% !important; } } /*------------------------------------------------- >> 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-archive.three-columns { row-gap: 64px; } .post-content { margin-top: 15px; } .post-box-img { overflow: hidden; aspect-ratio: 409/440; } .post-box-img a, .post-box-img a:visited { display: block; height: 100%; width: 100%; } .post-box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.35s 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(--dma_body_color); border-bottom: none; padding: 0; font-size: inherit; line-height: 1.15; } .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(--dma_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(--dma_dark-gray); font-size: var(--dma_font_size_16); } .post-box-meta { margin-bottom: 15px; } .post-box-meta .post-date { margin-right: 20px; font-size: var(--dma_font_size_14); } .post-box-meta .ac-post-cat { font-size: var(--dma_font_size_14); } .post-box-meta a { text-decoration: none; border-bottom: none; margin-left: 5px; } .post-box-excerpt p { margin-bottom: 24px; font-size: var(--dma_font_size_20); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .post-box-excerpt p:last-of-type { margin-bottom: 0; } .hero-ctn .post-box-meta { margin-bottom: 15px; } .post-tag a { font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; margin-bottom: 8px; border-bottom: none; padding: 3px 10px; display: inline-block; background-color: var(--dma_theme_btn_bgcolor); color: var(--dma_white); } .post-tag a:hover, .post-tag a:focus-visible { color: var(--dma_black); background-color: var(--dma_white_2); } .blog-nav .nav-ctn ul { display: flex; justify-content: center; flex-wrap: wrap; padding: 0; margin: 0; } .blog-nav .nav-ctn ul ul { margin-left: 0; } .blog-nav .nav-ctn ul li { list-style: none; padding: 0; } .blog-nav .nav-ctn ul li a, .blog-nav .nav-ctn ul li a:visited { margin: 0 5px; background-color: var(--dma_transparent); padding: 10px 20px; font-size: var(--dma_font_size_16); color: var(--dma_white); border: 1px solid var(--dma_black); color: var(--dma_black); display: block; border-radius: 100px; } .blog-nav .nav-ctn ul li a:hover, .blog-nav .nav-ctn ul li a:focus-visible, .blog-nav .nav-ctn ul li a:visited:hover, .blog-nav .nav-ctn ul li a:visited:focus-visible { color: var(--dma_black); background-color: var(--dma_white_2); } .blog-nav .nav-ctn ul li a.active, .blog-nav .nav-ctn ul li a:visited.active { background-color: var(--dma_black); color: var(--dma_white); } .blog-nav .nav-ctn ul li::before { display: none; } .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.35s ease-in-out; } .post-meta { margin-bottom: 30px; } @keyframes blog-posts-skeleton-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .blog-posts.is-loading .blog-nav a, .blog-posts.is-loading .js-blog-posts-load-more, .blog-posts.is-loading .js-search-load-more { pointer-events: none; } .blog-posts__load-more.is-hidden { display: none; } .blog-posts__empty { width: 100%; margin: 0; } .blog-posts-skeleton { pointer-events: none; } .blog-posts-skeleton__image { height: 440px; border-radius: 4px; margin-bottom: 15px; } .blog-posts-skeleton__body { display: flex; flex-direction: column; gap: 12px; } .blog-posts-skeleton__title { display: block; height: 28px; width: 85%; border-radius: 4px; } .blog-posts-skeleton__line { display: block; height: 16px; width: 100%; border-radius: 4px; } .blog-posts-skeleton__line--short { width: 70%; } .blog-posts-skeleton-shimmer { background: linear-gradient(90deg, var(--dma_white_2) 0%, var(--dma_white) 50%, var(--dma_white_2) 100%); background-size: 200% 100%; animation: blog-posts-skeleton-shimmer 1.15s ease-in-out infinite; } .blog-nav .nav-ctn ul li a { text-transform: capitalize; } @media (max-width: 747px) { .blog-nav .nav-ctn ul { display: none; width: 100%; padding-top: 12px; background: rgba(254, 244, 206, 0.6509803922); border-radius: 19px; padding: 19px; } .blog-nav .nav-ctn ul.active { display: block; } .blog-nav ul li { width: 100%; margin-bottom: 10px; } .blog-nav .accordion-btn { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 9px 20px; border: none; background: transparent; font-size: 22px; font-weight: 600; cursor: pointer; margin-bottom: 10px; text-transform: capitalize; border: 1px solid !important; } .blog-nav .nav-ctn ul li a { font-size: 18px; font-weight: 600; } .blog-nav .accordion-btn span { font-size: 20px; transition: 0.3s; } .blog-nav .accordion-btn.active span { transform: rotate(45deg); } button.accordion-btn:hover, button.accordion-btn.active { background-color: var(--dma_black); color: var(--dma_white) !important; } .blog-nav .nav-ctn ul li a { background: transparent !important; padding: 0px; border: 0px; color: #000 !important; } .blog-nav .nav-ctn ul li a.active { text-decoration: underline; } } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .single-banner { padding: var(--dma_space_200) 0 var(--dma_space_48); } .kicker { color: var(--dma_dark_grey); display: block; font-size: var(--dma_font_size_20); text-transform: uppercase; font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .single-details h1 { color: var(--dma_black); } .service-hero-detail { align-items: flex-start; display: flex; } .service-hero-left { width: 40%; } .service-hero-image { width: 60%; } .service-hero-image img { width: auto; height: auto; -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left; } .service-hero-left .service-hero-content { box-sizing: border-box; padding-right: var(--dma_space_48); width: 100%; } .service-hero-left .service-hero-content p { font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_22); } .service-hero-left .service-hero-content p:last-child { margin: 0; } .service-hero-left .service-hero-content .service-hero-cta { text-align: left; margin-top: var(--dma_space_48); } .work-process-list.single .work-process-item { border: 1px solid var(--dma_blue_2); border-radius: 24px; padding: var(--dma_space_36); background-color: var(--dma_white); } .work-process-list.single .work-process-item:nth-child(n+2) { margin-top: var(--dma_space_24); } .view-project h2 { font-size: var(--dma_font_size_64) !important; text-transform: capitalize; margin: 0px; } .view-project h2 span:after { background-size: 188px; } .service-tools h2 { font-size: var(--dma_font_size_64) !important; text-transform: capitalize; margin: 0px; } .service-tools h2 span:after { background-size: 188px; } .service-tools-list { margin-top: var(--dma_space_64); } .service-tools-item { gap: 2%; row-gap: var(--dma_space_30); padding: var(--dma_space_36) 0; border-bottom: 1px solid var(--dma_blue_2); } .service-tools-icon { width: 35%; position: relative; display: flex; gap: var(--dma_space_16); align-items: center; } .service-tools-icon h3 { margin: 0; font-size: var(--dma_font_size_32); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .service-tools-icon img { line-height: 0.65; width: 56px; height: 56px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .service-tools-desc { width: 63%; } .service-tools-desc p { margin: 0; } .owl-nav span { display: none; } .owl-nav button { width: 36px; height: 36px; position: relative; background: transparent !important; margin: 0; } .owl-nav button::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC4zNzUiIHk9IjAuMzc1IiB3aWR0aD0iMzkuMjUiIGhlaWdodD0iMzkuMjUiIHJ4PSIxOS42MjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC43NSIvPgo8cGF0aCBkPSJNMTcuNSAyNUwyMi41IDIwTDE3LjUgMTUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS4xMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } button.owl-prev::after { rotate: 180deg; } .project-img-over a { border: 0px !important; padding: 0px !important; margin: 0px !important; display: block; } .project-img-over a img { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .project-img-over a:hover img { transform: scale(1.05); } .service-tools-icon h3 { padding-top: 8px; } .projects-slider { margin-top: var(--dma_space_64); } .projects-slider .owl-stage-outer { overflow: visible !important; } .projects-slider .owl-nav { margin-top: var(--dma_space_48) !important; display: flex; justify-content: center; gap: 210px; } .projects-slider .owl-dots { position: absolute !important; left: 0; right: 0; width: -moz-fit-content; width: fit-content; margin: auto; bottom: var(--dma_space_4) !important; background: var(--dma_white); } .projects-slider .owl-dots::after { content: ""; position: absolute; right: -49px; width: 44px; height: 1px; background: var(--dma_blue_2); top: 13px; } .projects-slider .owl-dots::before { content: ""; position: absolute; left: -49px; width: 44px; height: 1px; background: var(--dma_blue_2); top: 13px; } .project-img-over a { position: relative; overflow: hidden; cursor: none; } .project-img-over .tooltip { position: absolute; top: 0; left: 0; background: var(--dma_matte_black_90); color: var(--dma_white); width: var(--dma_space_128); height: var(--dma_space_128); text-align: center; font-size: var(--dma_font_size_20); border-radius: 50%; pointer-events: none; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px 10px; font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; opacity: 0; transform: translate(-50%, -50%) scale(0); transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease; will-change: transform; } .project-img-over a:hover .tooltip { opacity: 1; transform: translate(-50%, -50%) scale(1); } /*------------------------------------------------- >> HTML Sitemap page -------------------------------------------------*/ .kwayy-html-sitemap-wrapper { padding-bottom: var(--dma_space_96); } .kwayy-html-sitemap-wrapper > h2.kwayy-html-sitemap-post-title { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dma_font_size_48); line-height: 1.2; margin: 0 0 var(--dma_space_16); color: var(--dma_heading_color); } .kwayy-html-sitemap-wrapper > ul.kwayy-page-list, .kwayy-html-sitemap-wrapper > ul.kwayy-service-list { margin-bottom: var(--dma_space_48); } .kwayy-html-sitemap-wrapper > h2.kwayy-portfolio-title { margin-top: var(--dma_space_24); } .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list { list-style: none; margin: 0; padding: 0; } .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list ul { list-style: none; margin: 0; padding: 0; } .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list li { margin: 0 0 var(--dma_space_12); padding-left: 16px; position: relative; -moz-column-break-inside: avoid; break-inside: avoid; } .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list li::before { content: ""; width: 5px; height: 5px; background-color: var(--dma_list_marker_bgcolor); position: absolute; left: 0; top: 10px; border-radius: 50%; } .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list a, .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list a:visited { color: var(--dma_black); border-bottom: 1px solid var(--dma_black); padding-bottom: 2px; font-size: var(--dma_font_size_24); line-height: 1.4; text-decoration: none; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; transition: all 0.4s ease-in-out; } .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list a:hover, .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list a:focus-visible, .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list a:visited:hover, .kwayy-html-sitemap-wrapper > ul.kwayy-html-sitemap-post-list a:visited:focus-visible { color: var(--dma_black); border-color: transparent; } @media only screen and (max-width: 1180px) { .kwayy-html-sitemap-wrapper { padding-bottom: var(--dma_space_64); } .kwayy-html-sitemap-wrapper > h2.kwayy-portfolio-title { margin-top: var(--dma_space_36); } .kwayy-html-sitemap-wrapper > ul.kwayy-page-list, .kwayy-html-sitemap-wrapper > ul.kwayy-service-list { margin-bottom: var(--dma_space_36); } } /*------------------------------------------------- >> 404 page -------------------------------------------------*/ #hero-section.dma-404-hero { box-sizing: border-box; padding: var(--dma_space_200) 0 var(--dma_space_48); background: var(--dma_white); } #hero-section.dma-404-hero .hero__content { max-width: 960px; margin: 0 auto; } #hero-section.dma-404-hero .hero__text { margin-top: var(--dma_space_16); } #hero-section.dma-404-hero .hero__text p { margin: 0; } .dma-404__title { margin: 0; font-size: clamp(72px, 12vw, 128px); line-height: 1; letter-spacing: -0.03em; color: var(--dma_black); font-family: "Poppins", arial, sans-serif; font-weight: 700; font-style: normal; } .dma-404__title span::after { display: none; } .dma-404__tagline { font-size: var(--dma_font_size_24); line-height: 1.3; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .dma-404 { padding-bottom: var(--dma_space_156); background: var(--dma_white); color: var(--dma_dark_grey); } .dma-404 .page-content { max-width: 960px; margin: 0 auto; } .dma-404__text { margin: 0 0 var(--dma_space_56); font-size: var(--dma_font_size_18); line-height: 1.55; color: var(--dma_dark_grey); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .dma-404__nav { margin-bottom: var(--dma_space_56); } .dma-404__nav-menu { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--dma_space_12) var(--dma_space_24); margin: 0; padding: 0; list-style: none; } .dma-404__nav-menu li { margin: 0; padding: 0; } .dma-404__nav-menu li::before { display: none; } .dma-404__nav-menu a, .dma-404__nav-menu a:visited { border-bottom: none; padding: 0; color: var(--dma_black); font-size: var(--dma_font_size_18); line-height: 1.3; text-decoration: none; transition: color 0.15s ease-in-out; font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .dma-404__nav-menu a:hover, .dma-404__nav-menu a:focus-visible, .dma-404__nav-menu a:visited:hover, .dma-404__nav-menu a:visited:focus-visible { color: var(--dma_brand_yellow); } .form-404 .search-form { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--dma_space_12); margin: 0; width: 100%; } .form-404 .search-form label { margin: 0; width: calc(100% - 140px); } .form-404 .search-form .search-field { box-sizing: border-box; width: 100%; height: 52px; margin: 0; padding: 0 var(--dma_space_16); border: 1px solid rgba(20, 20, 20, 0.25); border-radius: 9999px; background: var(--dma_white); color: var(--dma_black); font-size: var(--dma_font_size_18); line-height: 1; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .form-404 .search-form .search-field::-moz-placeholder { color: var(--dma_medium_grey); } .form-404 .search-form .search-field::placeholder { color: var(--dma_medium_grey); } .form-404 .search-form .search-field:focus { border-color: var(--dma_black); } .form-404 .search-form .search-submit { height: 52px; margin: 0; padding: 0 var(--dma_space_36); border: 2px solid var(--dma_brand_yellow); border-radius: 9999px; background: var(--dma_brand_yellow); color: var(--dma_black); font-size: var(--dma_font_size_16); line-height: 1; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; transition: all 0.2s ease-in-out; } .form-404 .search-form .search-submit:hover, .form-404 .search-form .search-submit:focus-visible { background: var(--dma_black); border-color: var(--dma_black); color: var(--dma_white); } @media only screen and (max-width: 1180px) { #hero-section.dma-404-hero { margin-top: 0 !important; padding: var(--dma_space_36) 0 var(--dma_space_48) !important; } } @media only screen and (max-width: 767px) { .dma-404__title { font-size: clamp(56px, 16vw, 96px); } .dma-404__tagline { font-size: var(--dma_font_size_20); } .dma-404__text { margin-bottom: var(--dma_space_40); } .dma-404__nav { margin-bottom: var(--dma_space_40); } .dma-404__nav-menu { gap: var(--dma_space_8) var(--dma_space_16); } .dma-404__nav-menu a, .dma-404__nav-menu a:visited { font-size: var(--dma_font_size_16); } .form-404 .search-form { flex-direction: column; width: 100%; } .form-404 .search-form .search-field, .form-404 .search-form .search-submit { width: 100%; } } /*------------------------------------------------- >> Default page content (legal, etc.) -------------------------------------------------*/ .page-content-default .page-default-hero { padding: var(--dma_space_200) 0 var(--dma_space_48); } .page-content-default .page-default-hero .main-title { margin-bottom: 0; } .page-content-default .type-page:has(.block-acf-inner-section) > section.ctn:first-of-type { padding: var(--dma_space_200) 0 var(--dma_space_48); } .page-content-default .type-page:has(.block-acf-inner-section) > section.ctn:first-of-type .block-acf-inner-section > [class^=gl-s] { display: none !important; height: 0 !important; margin: 0 !important; } .page-content-default .type-page:has(.block-acf-inner-section) > section.ctn:first-of-type .hero-default-inner { max-width: 960px; } .page-content-default .type-page:has(.block-acf-inner-section) > section.ctn:first-of-type .main-title { margin-bottom: 0; } .page-content-default .type-page > .wp-block-spacer:first-child { display: none; } .page-content-default .type-page > section.ctn:not(:first-of-type) { padding-bottom: var(--dma_space_96); } .page-content-default .type-page:not(:has(.block-acf-inner-section)) > section.ctn { padding-bottom: var(--dma_space_96); } .page-content-default .type-page h2.wp-block-heading { margin: var(--dma_space_48) 0 var(--dma_space_16); font-size: var(--dma_font_size_36); line-height: 1.2; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .page-content-default .type-page h2.wp-block-heading:first-child { margin-top: 0; } .page-content-default .type-page h3.wp-block-heading { margin: var(--dma_space_36) 0 var(--dma_space_12); font-size: var(--dma_font_size_28); line-height: 1.25; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .page-content-default .type-page p.wp-block-paragraph { margin-bottom: var(--dma_space_16); font-size: var(--dma_font_size_18); line-height: 1.6; color: var(--dma_dark_grey); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .page-content-default .type-page p.wp-block-paragraph:last-child { margin-bottom: 0; } .page-content-default .type-page > section.ctn > .wrapper > p.wp-block-paragraph:first-child strong, .page-content-default .type-page > section.ctn:nth-of-type(2) > .wrapper > p.wp-block-paragraph:first-child strong { color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .page-content-default .type-page ul.wp-block-list { list-style: none; margin: 0 0 var(--dma_space_24); padding: 0; } .page-content-default .type-page ul.wp-block-list li { margin: 0 0 var(--dma_space_12); padding-left: 16px; position: relative; font-size: var(--dma_font_size_18); line-height: 1.5; color: var(--dma_dark_grey); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .page-content-default .type-page ul.wp-block-list li::before { content: ""; width: 5px; height: 5px; background-color: var(--dma_list_marker_bgcolor); position: absolute; left: 0; top: 10px; border-radius: 50%; } .page-content-default .type-page strong { color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .page-content-default .type-page a, .page-content-default .type-page a:visited { color: var(--dma_black); border-bottom: 1px solid var(--dma_black); padding-bottom: 2px; text-decoration: none; font-weight: 600; transition: all 0.4s ease-in-out; } .page-content-default .type-page a:hover, .page-content-default .type-page a:focus-visible, .page-content-default .type-page a:visited:hover, .page-content-default .type-page a:visited:focus-visible { color: var(--dma_black); border-color: var(--dma_transparent); } @media only screen and (max-width: 1180px) { .page-content-default .page-default-hero { padding: var(--dma_space_36) 0 var(--dma_space_36); } .page-content-default .type-page:has(.block-acf-inner-section) > section.ctn:first-of-type { padding: var(--dma_space_36) 0 var(--dma_space_36); } } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .two-columns { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(clamp(280px, 50% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--dma_space_30); } .three-columns { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(clamp(280px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--dma_space_30); } .four-columns { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(clamp(250px, 25% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--dma_space_30); } .five-columns { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(clamp(200px, 20% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--dma_space_30); } /*------------------------------------------------- >> Styles for Website Blocks -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for Defualt Block -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for FAQ's Block -------------------------------------------------*/ .faq-block { max-width: 825px; margin: 0 auto; } .faq-single > span { border: none; display: block; font-size: var(--dma_font_size_28); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; line-height: 1.3; cursor: pointer; position: relative; padding: var(--dma_space_24) var(--dma_space_48) var(--dma_space_24) 0; border-top: 1px solid var(--dma_border_3); } .faq-single > span::after { position: absolute; content: ""; width: var(--dma_space_24); height: var(--dma_space_24); right: 0; top: var(--dma_space_30); transition: all 0.3s ease-in-out; display: block; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUzODUgMEgxNC40NjMxQzE0LjU0MDkgMC4wOTU4NDI5IDE0Ljg1NTQgMC4zNTIwNyAxNC45OTY1IDAuNDk4Nzc1QzE1LjEwMzYgMC45NjcxNTkgMTUuMDc2NCAxLjY2Mzk3IDE1LjA3NTQgMi4xNjA1MUwxNS4wNzM4IDQuMDgxMjdDMTUuMDc0NSA2LjgzOTQ2IDE1LjA0MzcgOS42MDIxNCAxNS4wNzk0IDEyLjM1OTlDMTUuMDgwNSAxMi40NTE0IDE1LjA2ODUgMTIuODY1NiAxNS4xMzI2IDEyLjg5NzFDMTUuMjg5NSAxMi45NzQxIDIzLjc2NzcgMTIuOTI2MyAyNC42NzQ0IDEyLjkyNjJDMjUuNDcxNSAxMi45MjYxIDI2LjcxMjcgMTIuODU3OSAyNy40NTIgMTIuOTgxMkMyNy42MTY0IDEzLjEyMiAyNy44NzY3IDEzLjM1MTYgMjggMTMuNTMyM1YxNC41MDEyQzI3Ljc5NTUgMTQuNzA4NiAyNy42NTE5IDE0Ljg1MjUgMjcuNDIxNyAxNS4wMjg4QzI2LjUwNTYgMTUuMTE1NyAyNS4yMzYxIDE1LjA3NTEgMjQuMjkzOSAxNS4wNzQ0TDE4LjA4MzQgMTUuMDczOUwxNi4yMDg0IDE1LjA3MjNDMTUuODczNiAxNS4wNzA1IDE1LjQwMTIgMTUuMDUyMyAxNS4wNzczIDE1LjA3MzFMMTUuMDc0NCAyMy4zOTMxTDE1LjA3NTMgMjUuNjUzNkMxNS4wNzU1IDI2LjI2MTQgMTUuMTAzOCAyNi45MjEzIDE0Ljk4OTMgMjcuNTEyN0MxNC44MjI1IDI3LjcwNDcgMTQuNjIwNSAyNy44NTEgMTQuNDE0NiAyOEgxMy41NTEyQzEzLjQzNDMgMjcuODU1NCAxMy4wNTk5IDI3LjY2MDkgMTMuMDEzMiAyNy41MDk1QzEyLjg5NDcgMjcuMTI1NiAxMi45MjcgMjYuNDg1NSAxMi45Mjc0IDI2LjA5NDFMMTIuOTI5NCAyNC4zMTM2TDEyLjkyNzkgMTguMjE2TDEyLjkyNjggMTYuMjU2N0MxMi45MjY0IDE1Ljg5NzQgMTIuOTM3NCAxNS40NDQxIDEyLjkxMDkgMTUuMDkxNUMxMi40ODkzIDE1LjA1OCAxMS45OTc5IDE1LjA3MTEgMTEuNTcgMTUuMDcyMkw5LjY5MDQxIDE1LjA3MjVMMy40NzA2NiAxNS4wNzIxQzIuNjAwOTMgMTUuMDcyNiAxLjQ2MTA5IDE1LjExMjIgMC41OTIyOSAxNS4wMTExQzAuNDA1NjU1IDE0Ljk4OTQgMC4yMDIxODYgMTQuNjQ3OSAwLjAyMTc0MDQgMTQuNTEzOUwwIDE0LjQ5ODFWMTMuNDkyOUMwLjA2NDQ3ODIgMTMuNDE4NyAwLjEzMDUxNyAxMy4zNDU5IDAuMTk4MDcyIDEzLjI3NDVDMC40NjQyMDQgMTIuOTk3MSAwLjU1ODk5NCAxMi45NDUxIDAuOTQ4MTAxIDEyLjkzMjdDMS4yODE3NSAxMi45MjIyIDEuNjE0NTcgMTIuOTI1OSAxLjk0ODM3IDEyLjkyNjJMNC4xMjc4NCAxMi45MjhMOS43MzQ4MSAxMi45MjcxQzEwLjc4MzcgMTIuOTI2OSAxMS44Njg1IDEyLjk0MDMgMTIuOTEzMiAxMi45MTk2QzEyLjk0MDYgMTIuNzI4MSAxMi45MjYyIDEyLjE4MjIgMTIuOTI2NCAxMS45NTY4TDEyLjkyNzQgOS45OTA0OEwxMi45MjgyIDQuMDYwNDFDMTIuOTI3NCAyLjk2NjM2IDEyLjg4MjIgMS41Njk0MiAxMi45NzEgMC41MTUxODlDMTMuMTk2NiAwLjI1OTkwOSAxMy4yNzY4IDAuMjA0NzQ2IDEzLjUzODUgMFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center; } .faq-single > span:hover, .faq-single > span:focus-visible { color: var(--wp--preset--color--black); border-top: 1px solid var(--dma_border_3); } .faq-single > span.active { color: var(--wp--preset--color--black); } .faq-single > span.active::after { transform: rotate(45deg); } .faq-content { display: none; border-top: 0; color: var(--wp--preset--color--black); font-size: var(--dma_font_size_20); line-height: 32px; padding-bottom: 48px; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .faq-content p:last-child { margin-bottom: 0; } /*------------------------------------------------- >> Basic styles for Team Block -------------------------------------------------*/ .team-member { box-sizing: border-box; padding: var(--dma_space_16); background-color: var(--dma_light_grey_blue); line-height: 0.65; position: relative; } .team-member[data-team-panel] { cursor: pointer; } .team-member-image { background: linear-gradient(135deg, #dcdcdc 0%, #cfcfcf 40%, #bfbfbf 100%); margin-bottom: var(--dma_space_16); aspect-ratio: 268/309; } .team-member-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .team-member-content h3 { margin-bottom: 0; line-height: 1.1; font-size: var(--dma_font_size_26); } .team-member-text { font-size: var(--dma_font_size_14); color: var(--dma_medium_grey); line-height: 1.5; margin-bottom: var(--dma_space_16); } .team-member-overlay { background-color: rgba(10, 11, 12, 0.45); height: 100%; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; transition: opacity 0.4s ease-in-out; width: 100%; z-index: 998; } .team-member-overlay.is-visible { opacity: 1; pointer-events: auto; } .team-member-panel { background-color: var(--dma_brand_yellow); box-sizing: border-box; color: var(--dma_black); height: 100vh; max-width: 596px; overflow-y: auto; padding: var(--dma_space_72) var(--dma_space_48); position: fixed; right: -100%; text-align: left; top: 0; transition: right 0.4s ease-in-out; width: 80%; z-index: 999; } .team-member-panel * { color: var(--dma_black); } .team-member-panel.is-open { right: 0; } .team-member-panel::-webkit-scrollbar { width: 6px; } .team-member-panel::-webkit-scrollbar-track { background: var(--dma_white); } .team-member-panel::-webkit-scrollbar-thumb { background: var(--dma_black); border-radius: 20px; } .team-member-panel .social-icons { margin-top: var(--dma_space_48); } .team-member-panel__close { background-color: var(--dma_black); background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L12 12L23 23%27 stroke=%27%23ffffff%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M23 1L1 23%27 stroke=%27%23ffffff%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; border: none; border-radius: 100%; cursor: pointer; display: flex; width: 28px; height: 28px; box-sizing: border-box; padding: 4px; line-height: 0.65; padding: 0; position: absolute; right: 28px; top: 28px; transition: opacity 0.3s ease-in-out; border-radius: 4px; background-size: 16px; } .team-member-panel__close:hover, .team-member-panel__close:focus-visible { opacity: 0.7; } .team-member-panel__image { display: none; line-height: 0.65; overflow: hidden; } .team-member-panel__image img { height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: top; object-position: top; width: 100%; } .team-member-panel__name { margin-bottom: 0; line-height: 1.1; font-size: var(--dma_font_size_32); } .team-member-panel__role { font-size: var(--dma_font_size_18); color: #0D1B2A; line-height: 1.5; margin-bottom: var(--dma_space_16); } .team-member-panel__body { margin-top: var(--dma_space_24); } .team-member-panel__body p { line-height: 1.5; font-size: var(--dma_font_size_20); } .team-member-panel__body p:last-child { margin-bottom: 0; } .team-member-panel__body .social-icon:hover, .team-member-panel__body .social-icon:focus-visible { border-color: var(--dma_black); } body.team-popup-open { overflow: hidden; } @media (max-width: 1003px) { .team-member-panel { max-width: 600px; padding: 63px var(--dma_space_24) 52px; width: 100%; } .team-member-panel__close { height: 28px; right: 18px; top: 15px; width: 28px; } .team-member-panel__image { display: none !important; height: 294px; margin: 30px 0 30px calc(var(--dma_space_24) * -1); width: calc(100% + var(--dma_space_48)); } .team-member-panel__name { margin-bottom: 0; } } .team-block-variation h2:last-child { margin-bottom: 0; } .team-block-variation h2 span:after { left: 0; background-size: 212px; } .team-block-variation h2 span.draw-image:after { width: 212px; } .team-block-variation.two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: var(--dma_space_72); } .team-block-variation .team-image { aspect-ratio: 80/80; border-radius: 100%; line-height: 0.65; overflow: hidden; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); } .team-block-variation .team-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.35s ease-in-out; } .team-images { display: flex; flex-direction: column; gap: var(--dma_space_36); } .team-images-row { width: 100%; display: flex; gap: var(--dma_space_20); } .team-images-column { width: -moz-max-content; width: max-content; display: flex; gap: var(--dma_space_20); } .team-images-column:nth-child(2) { justify-content: flex-end; } .team-images-row { box-sizing: border-box; } .team-images-row:nth-child(1) { padding-left: var(--dma_space_96); } .team-images-row:nth-child(2) { justify-content: flex-end; padding-right: var(--dma_space_96); } .team-images-row:nth-child(3) { justify-content: space-between; } .team-images-row:nth-child(4) { padding-left: 34%; } /*------------------------------------------------- >> Basic styles for Image Alongside Text Block -------------------------------------------------*/ .image-at-right .iat-image { order: 2; } /*------------------------------------------------- >> Basic styles for Lead Paragraph Block -------------------------------------------------*/ .lead-paragraph-inner { max-width: 80%; font-size: var(--dma_font_size_48); line-height: 1.3; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .lead-paragraph-inner strong { font-family: "Poppins", arial, sans-serif; font-weight: 700; font-style: normal; letter-spacing: -0.02em; color: var(--dma_black); } /*------------------------------------------------- >> Basic styles for Process Block -------------------------------------------------*/ /*------------------------------------------------- >> Process Block (draggable cards + connectors) -------------------------------------------------*/ .process-block { --process-block-lime: var(--dma_brand_yellow); --process-block-ink: var(--dma_black); --process-block-line: var(--dma_border_3); --process-block-line-hi: var(--dma_white); --process-block-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); width: 100%; min-height: 70vh; position: relative; background: var(--process-block-bg); padding-block: 0; } .process-block-head { margin-bottom: var(--dma_space_48); } .process-block-heading { margin: 0; max-width: 790px; color: var(--dma_black); line-height: 1.05; font-size: var(--dma_font_size_68); font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .process-block-orb { position: absolute; right: 3vw; bottom: -4vw; width: 20vw; height: 20vw; border-radius: 50%; background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 35%), radial-gradient(circle at 62% 68%, rgba(187, 253, 106, 0.78), rgba(44, 56, 26, 0.2) 45%, transparent 68%), radial-gradient(circle at 50% 50%, #121212, #040404 72%); filter: blur(0.25px); opacity: 0.95; z-index: 1; pointer-events: none; } .process-block-connectors { position: absolute; inset: 0; pointer-events: none; z-index: 100; } /* Source content for dynamic block – hidden; JS reads from here and builds layout */ .process-block-data { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .process-block-desktop { width: 100%; height: 100%; display: grid; position: relative; grid-template-columns: repeat(4, auto); grid-template-rows: repeat(3, auto); grid-template-areas: ". card2 . ." "card1 card3 card5 card6" ". card4 . ."; gap: var(--dma_space_48); -moz-column-gap: var(--dma_space_48); column-gap: var(--dma_space_48); justify-content: center; align-content: center; z-index: 50; min-height: 675px; } .process-block-mobile { width: 100%; height: 100%; display: none; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 50; } .process-block .row { display: flex; justify-content: center; } .process-block .card-wrap { display: flex; flex-direction: column; align-items: flex-start; justify-self: center; align-self: center; transition: opacity 0.8s ease-in-out; position: relative; z-index: 20; opacity: 0; } .process-block .card-title { letter-spacing: 0.05em; color: var(--process-block-ink); margin: 0 0 var(--dma_space_12) 0; line-height: 1; text-transform: capitalize; pointer-events: none; } .process-block .process-card { border-radius: 0.75rem; box-shadow: var(--process-block-shadow); cursor: move; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #e4e4e7; touch-action: none; position: relative; white-space: nowrap; will-change: transform; transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out; } .process-block .process-card .process-block-card-lines { list-style: none; margin: 0 0 0 8px; padding: 0; } .process-block .process-card .line { width: 100%; line-height: 1.35; font-size: var(--dma_font_size_14); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .process-block .process-card .line:last-child { margin-bottom: 0; } .process-block .process-card.bg-lime { background: var(--process-block-lime); color: var(--process-block-ink); } .process-block .process-card.bg-ink { background: var(--dma_white); color: var(--process-block-ink); } .process-block .process-card.text-white { color: var(--process-block-ink); } /* Blue card in design is the hover state */ .process-block .process-card:hover, .process-block .process-card:focus-visible { background: var(--dma_dark_blue); color: var(--dma_white); box-shadow: 0 12px 20px -8px rgba(21, 14, 72, 0.55); } .process-block .process-card:hover .line::before, .process-block .process-card:focus-visible .line::before { background-color: var(--dma_white); } .process-block .process-card:hover .line, .process-block .process-card:focus-visible .line { color: var(--dma_white); } .process-block-rearrange-wrap { position: absolute; z-index: 70; bottom: var(--dma_space_16); right: 0; } .process-block-rearrange-btn { font-weight: 600; background: var(--process-block-lime); color: var(--dma_black); border: 0; border-radius: 999px; font-size: var(--dma_font_size_16); padding: var(--dma_space_12) var(--dma_space_24); cursor: pointer; box-shadow: var(--process-block-shadow); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } @media (max-width: 1023px) { .process-block { min-height: auto; padding-top: var(--dma_space_24); padding-bottom: 0; } .process-block-head { margin-bottom: var(--dma_space_24); } .process-block-heading { max-width: 360px; font-size: var(--dma_font_size_40); } .process-block-desktop { display: none; } .process-block-mobile { display: flex; gap: var(--dma_space_24); } .process-block-orb { display: none; } } /*------------------------------------------------- >> Process Block (draggable cards + connectors) -------------------------------------------------*/ .process-block { --process-block-lime: var(--dma_brand_yellow); --process-block-ink: var(--dma_black); --process-block-line: var(--dma_border_3); --process-block-line-hi: var(--dma_white); --process-block-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); width: 100%; min-height: 70vh; position: relative; background: var(--process-block-bg); padding-block: 0; } .process-block-head { margin-bottom: var(--dma_space_48); } .process-block-heading { margin: 0; max-width: 790px; color: var(--dma_black); line-height: 1.05; font-size: var(--dma_font_size_68); font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .process-block-orb { position: absolute; right: 3vw; bottom: -4vw; width: 20vw; height: 20vw; border-radius: 50%; background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 35%), radial-gradient(circle at 62% 68%, rgba(187, 253, 106, 0.78), rgba(44, 56, 26, 0.2) 45%, transparent 68%), radial-gradient(circle at 50% 50%, #121212, #040404 72%); filter: blur(0.25px); opacity: 0.95; z-index: 1; pointer-events: none; } .process-block-connectors { position: absolute; inset: 0; pointer-events: none; z-index: 100; } /* Source content for dynamic block – hidden; JS reads from here and builds layout */ .process-block-data { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .process-block-desktop { width: 100%; height: 100%; display: grid; position: relative; grid-template-columns: repeat(4, auto); grid-template-rows: repeat(3, auto); grid-template-areas: ". card2 . ." "card1 card3 card5 card6" ". card4 . ."; gap: var(--dma_space_48); -moz-column-gap: var(--dma_space_48); column-gap: var(--dma_space_48); justify-content: center; align-content: center; z-index: 50; min-height: 675px; } .process-block-mobile { width: 100%; height: 100%; display: none; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 50; } .process-block .row { display: flex; justify-content: center; } .process-block .card-wrap { display: flex; flex-direction: column; align-items: flex-start; justify-self: center; align-self: center; transition: opacity 0.8s ease-in-out; position: relative; z-index: 20; opacity: 0; } .process-block .card-title { letter-spacing: 0.05em; color: var(--process-block-ink); margin: 0 0 var(--dma_space_12) 0; line-height: 1; text-transform: capitalize; pointer-events: none; } .process-block .process-card { border-radius: 0.75rem; box-shadow: var(--process-block-shadow); cursor: move; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #e4e4e7; touch-action: none; position: relative; white-space: nowrap; will-change: transform; transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out; } .process-block .process-card .process-block-card-lines { list-style: none; margin: 0 0 0 8px; padding: 0; } .process-block .process-card .line { width: 100%; line-height: 1.35; font-size: var(--dma_font_size_14); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .process-block .process-card .line:last-child { margin-bottom: 0; } .process-block .process-card.bg-lime { background: var(--process-block-lime); color: var(--process-block-ink); } .process-block .process-card.bg-ink { background: var(--dma_white); color: var(--process-block-ink); } .process-block .process-card.text-white { color: var(--process-block-ink); } /* Blue card in design is the hover state */ .process-block .process-card:hover, .process-block .process-card:focus-visible { background: var(--dma_dark_blue); color: var(--dma_white); box-shadow: 0 12px 20px -8px rgba(21, 14, 72, 0.55); } .process-block .process-card:hover .line::before, .process-block .process-card:focus-visible .line::before { background-color: var(--dma_white); } .process-block .process-card:hover .line, .process-block .process-card:focus-visible .line { color: var(--dma_white); } .process-block-rearrange-wrap { position: absolute; z-index: 70; bottom: var(--dma_space_16); right: 0; } .process-block-rearrange-btn { font-weight: 600; background: var(--process-block-lime); color: var(--dma_black); border: 0; border-radius: 999px; font-size: var(--dma_font_size_16); padding: var(--dma_space_12) var(--dma_space_24); cursor: pointer; box-shadow: var(--process-block-shadow); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } @media (max-width: 1023px) { .process-block { min-height: auto; padding-top: var(--dma_space_24); padding-bottom: 0; } .process-block-head { margin-bottom: var(--dma_space_24); } .process-block-heading { max-width: 360px; font-size: var(--dma_font_size_40); } .process-block-desktop { display: none; } .process-block-mobile { display: flex; gap: var(--dma_space_24); } .process-block-orb { display: none; } } .work-process-block { box-sizing: border-box; padding-right: 34%; } .work-process-block .section-head { max-width: 100%; } .work-process-block .section-head h2 span:after { background-size: 288px; } .work-process-list { position: relative; } .work-process-item { position: relative; opacity: 0; transform: translateY(-90px) scale(0.97); will-change: transform, opacity; } .work-process-item:nth-child(1) { z-index: 12; } .work-process-item:nth-child(2) { z-index: 11; } .work-process-item:nth-child(3) { z-index: 10; } .work-process-item:nth-child(4) { z-index: 9; } .work-process-item:nth-child(5) { z-index: 8; } .work-process-item:nth-child(6) { z-index: 7; } .work-process-item:nth-child(7) { z-index: 6; } .work-process-item:nth-child(8) { z-index: 5; } .work-process-item:nth-child(9) { z-index: 4; } .work-process-item:nth-child(10) { z-index: 3; } .work-process-item:nth-child(11) { z-index: 2; } .work-process-item:nth-child(12) { z-index: 1; } .work-process-item:nth-child(n+2) { margin-top: var(--dma_space_48); } .work-process-number { width: var(--dma_space_64); height: var(--dma_space_64); border-radius: 50%; background-color: var(--dma_transparent); border: 1px solid var(--dma_black); box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: var(--dma_font_size_32); line-height: 1.3; text-align: center; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .work-process-content { width: calc(100% - var(--dma_space_96)); } .work-process-content .work-process-title { letter-spacing: -0.01em; margin-bottom: var(--dma_space_12); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; } .work-process-content p { font-size: var(--dma_font_size_22); } .work-process-content p:last-child { margin-bottom: 0; } /*------------------------------------------------- >> Basic styles for Services Block -------------------------------------------------*/ /* Section sticks at 156px; extra height so each card can stick in turn (stacked scroll) */ .services-block { position: sticky; top: var(--dma_space_156); gap: var(--dma_space_48); } .services-left { max-width: 560px; width: 100%; align-self: flex-start; position: sticky; top: var(--dma_space_156); } .services-left h2 span:after { left: 0; background-size: 288px; } .services-left h2 span.draw-image:after { width: 288px; } .services-right { max-width: 600px; width: 100%; } /* 1st tile sticks at 156px; each next 96px below (2nd at 252px, 3rd at 348px, etc.) */ .services-tile { position: relative; z-index: 1; /* Overlap spacing: each card sits this much below the previous when stacked */ } .services-tile a, .services-tile a:visited { display: block; border-bottom: none; background-color: var(--dma_light_grey_blue); padding: var(--dma_space_30); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08); } .services-tile a:hover, .services-tile a:focus-visible, .services-tile a:active, .services-tile a:visited:hover, .services-tile a:visited:focus-visible, .services-tile a:visited:active { background-color: var(--dma_brand_yellow); } .services-tile a:hover span.button, .services-tile a:focus-visible span.button, .services-tile a:active span.button, .services-tile a:visited:hover span.button, .services-tile a:visited:focus-visible span.button, .services-tile a:visited:active span.button { background-color: var(--dma_black); border-color: var(--dma_black); color: var(--dma_white); } .services-tile a:hover span.button .button-text, .services-tile a:focus-visible span.button .button-text, .services-tile a:active span.button .button-text, .services-tile a:visited:hover span.button .button-text, .services-tile a:visited:focus-visible span.button .button-text, .services-tile a:visited:active span.button .button-text { color: var(--dma_white); } .services-tile a:hover span.button .button-icon svg, .services-tile a:focus-visible span.button .button-icon svg, .services-tile a:active span.button .button-icon svg, .services-tile a:visited:hover span.button .button-icon svg, .services-tile a:visited:focus-visible span.button .button-icon svg, .services-tile a:visited:active span.button .button-icon svg { --icon-color: var(--dma_white); } .services-tile:nth-child(n+2) { margin-top: var(--dma_space_30); } .services-tiles { position: relative; } .services-tile-head { gap: var(--dma_space_30); margin-bottom: var(--dma_space_16); } .services-tile-heading { color: var(--dma_black); margin-bottom: 0; transition: all 0.35s ease-in-out; } .services-tile-icon { min-width: 48px; height: 48px; line-height: 0.65; } .services-tile-icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.35s ease-in-out; filter: brightness(0); } .services-tile-body { max-width: 400px; transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out; } .services-tile-body p { color: var(--dma_black); } /*------------------------------------------------- >> Basic styles for Logo Grid Block -------------------------------------------------*/ .section-head { margin-bottom: var(--dma_space_64); } .section-head h2:last-child { margin-bottom: 0; } .logo-grid-block h2:last-child { margin-bottom: 0; } .logo-grid-block h2 span:after { left: 0; background-size: 238px; } .logo-grid-block h2 span.draw-image:after { width: 238px; } .logo-grid.five-columns { grid-template-columns: repeat(auto-fill, minmax(min(clamp(200px, 20% - 0, 100%), 100%), 1fr)); gap: 0; row-gap: 0; } .logo-single { display: flex; padding: var(--dma_space_30) var(--dma_space_20); flex-direction: column; justify-content: center; align-items: center; border-radius: 0; border: 1px solid rgba(5, 88, 142, 0.16); background: var(--dma_white); } .logo-single img { width: 100%; height: 100%; max-height: 72px; -o-object-fit: contain; object-fit: contain; filter: brightness(0); } /*------------------------------------------------- >> Trusted by brands block (cards slider) -------------------------------------------------*/ /*------------------------------------------------- >> Trusted by brands – two-column + Swiper cards >> Uses global .two-columns; root .tb for scoped styles -------------------------------------------------*/ .tb .two-columns { align-items: center; } .tb .tb-content .heading-2 { margin-bottom: var(--dma_space_24); color: var(--dma_black); line-height: 1.15; } .tb .tb-content-inner { max-width: 590px; } .tb .tb-lede { margin: 0 0 var(--dma_space_36); } .tb .tb-lede p { margin: 0; font-size: var(--dma_font_size_16); line-height: 1.6; color: var(--dma_medium_grey); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .tb .tb-cta { line-height: 0.65; } .tb .tb-media { display: flex; flex-direction: column; align-items: center; width: 100%; min-width: 0; } .tb .tb-swiper { width: 100%; max-width: 340px; height: 420px; margin: 0 auto; overflow: visible; } .tb .tb-swiper .swiper-wrapper { overflow: visible; } .tb .tb-swiper .swiper-slide { height: 100%; } .tb .tb-slide { border-radius: var(--dma_space_20); overflow: hidden; height: 100%; } .tb .tb-card { box-sizing: border-box; height: 100%; display: flex; flex-direction: column; padding: var(--dma_space_24); border-radius: var(--dma_space_20); background-color: var(--dma_light_grey_blue); border: 1px solid var(--dma_border_3); transition: all 0.45s ease-in-out; } .tb .swiper-slide-active .tb-card { background-color: var(--dma_brand_yellow); border-color: var(--dma_black); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08); } .tb .swiper-slide:not(.swiper-slide-active) .tb-card { opacity: 0.92; } .tb .tb-card-head { position: relative; flex: 1; min-height: var(--dma_space_128); padding-right: var(--dma_space_72); } .tb .tb-card-icon { display: block; line-height: 0.65; width: var(--dma_space_64); height: var(--dma_space_64); color: var(--dma_black); } .tb .tb-card-icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .tb .tb-card-deco { position: absolute; top: -60px; right: -60px; width: var(--dma_space_156); height: var(--dma_space_156); pointer-events: none; opacity: 0.45; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUzIiBoZWlnaHQ9IjE1NCIgdmlld0JveD0iMCAwIDE1MyAxNTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQzMzU5IDE5LjkwMDNDNS4xODQ3NCAzMi4wODUgMTkuODEzOCA2Mi43NjE4IDQyLjMyMDYgNjUuMDU1M0M3MC40NTQzIDY3LjkyMjMgMTExLjkxNSA1Ni43NTIyIDEyMi43MDIgNDcuMTM4NUMxMjYuNzIxIDQzLjU1NjUgMTQ1LjIwOSAzMC42NTAxIDEyNy41MjUgOS44NjU4MUMxMDkuMDM3IC03LjMzNzU1IDgwLjkwMzkgNC45OTE5MyA2MS42MTIzIDE5LjkwMDNDMzcuNDk3NyAzOC41MzU3IDI1LjQ0MDUgMTAxLjYxIDk3Ljc4NCAxMjQuNTQ2QzEyNC43OTIgMTMyLjU3MyAxNjkuMzI0IDExMC4yMDkgMTQyLjc5OCA5MC4xNDE5QzEyOC4zMjkgODIuOTcyOSAxMDQuODU4IDkzLjAwODkgMTA3LjQzIDEzMy4xNDdDMTA5LjM1OSAxNDcuNDgyIDExOC45NTEgMTUyLjAyMSAxMjMuNTA2IDE1Mi40OTkiIHN0cm9rZT0iI0JBOTIwMCIgc3Ryb2tlLXdpZHRoPSIzIi8+Cjwvc3ZnPgo=); background-size: cover; background-position: center; background-repeat: no-repeat; } .tb .tb-card-rule { margin: 0 0 var(--dma_space_20); border: 0; border-top: 1px solid var(--dma_black); opacity: 0.85; } .tb .tb-card-title { margin: 0 0 var(--dma_space_12); font-size: var(--dma_font_size_20); line-height: 1.25; color: var(--dma_black); font-family: "Poppins", arial, sans-serif; font-weight: 700; font-style: normal; } .tb .tb-card-text { margin: 0; font-size: var(--dma_font_size_14); line-height: 1.5; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .tb-bar { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 420px; margin-top: var(--dma_space_36); gap: var(--dma_space_12); } .tb-bar-line { flex: 1; height: 1px; background-color: var(--dma_border_3); min-width: var(--dma_space_16); } .tb-dots, .cta-testi-dots { position: static !important; display: flex !important; align-items: center; justify-content: center; gap: var(--dma_space_12); width: auto !important; } .tb-dots .swiper-pagination-bullet, .cta-testi-dots .swiper-pagination-bullet { box-sizing: border-box; width: var(--dma_space_20); height: var(--dma_space_20); margin: 0 !important; padding: 0; border: 1px solid var(--dma_border_2); border-radius: 50%; background: transparent; opacity: 1; position: relative; transition: all 0.3s ease-in-out; } .tb-dots .swiper-pagination-bullet::after, .cta-testi-dots .swiper-pagination-bullet::after { content: ""; position: absolute; inset: var(--dma_space_4); border-radius: 50%; background: transparent; transition: all 0.3s ease-in-out; } .tb-dots .swiper-pagination-bullet-active, .cta-testi-dots .swiper-pagination-bullet-active { border-color: var(--dma_black); } .tb-dots .swiper-pagination-bullet-active::after, .cta-testi-dots .swiper-pagination-bullet-active::after { background-color: var(--dma_black); } .tb-prev, .tb-next, .cta-testi-prev, .cta-testi-next { box-sizing: border-box; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: var(--dma_space_48); height: var(--dma_space_48); padding: 0; margin: 0 !important; border: 1px solid var(--dma_border_2); border-radius: 50%; background-color: var(--dma_white); color: var(--dma_black); cursor: pointer; transition: all 0.3s ease-in-out; } .tb-prev svg, .tb-next svg, .cta-testi-prev svg, .cta-testi-next svg { width: var(--dma_font_size_16); height: var(--dma_font_size_16); display: block; } .tb-prev:hover, .tb-prev:focus-visible, .tb-next:hover, .tb-next:focus-visible, .cta-testi-prev:hover, .cta-testi-prev:focus-visible, .cta-testi-next:hover, .cta-testi-next:focus-visible { border-color: var(--dma_black); background-color: var(--dma_light_grey_blue); } .tb-prev:focus-visible, .tb-next:focus-visible, .cta-testi-prev:focus-visible, .cta-testi-next:focus-visible { outline: 2px solid var(--dma_brand_yellow); outline-offset: 2px; } .cta-testi-dots { max-width: 80%; } .cta-testi-dots .swiper-pagination-bullet { border: 1px solid var(--dma_white); } .cta-testi-dots .swiper-pagination-bullet-active { border-color: var(--dma_white); } .cta-testi-dots .swiper-pagination-bullet-active::after { background-color: var(--dma_white); } .cta-testi-nav { max-width: 110px; width: 100%; position: absolute; top: 14px; right: var(--dma_space_48); z-index: 2; background-color: var(--dma_black); } .cta-testi-nav .cta-testi-prev, .cta-testi-nav .cta-testi-next { background-color: transparent; } .cta-testi-nav .cta-testi-prev svg, .cta-testi-nav .cta-testi-next svg { --icon-color: var(--dma_white); transition: all 0.3s ease-in-out; } .cta-testi-nav .cta-testi-prev:hover, .cta-testi-nav .cta-testi-prev:focus-visible, .cta-testi-nav .cta-testi-next:hover, .cta-testi-nav .cta-testi-next:focus-visible { border-color: var(--dma_white); background-color: var(--dma_white); } .cta-testi-nav .cta-testi-prev:hover svg, .cta-testi-nav .cta-testi-prev:focus-visible svg, .cta-testi-nav .cta-testi-next:hover svg, .cta-testi-nav .cta-testi-next:focus-visible svg { --icon-color: var(--dma_black); } /*------------------------------------------------- >> Basic styles for Work (Featured work) Block -------------------------------------------------*/ /*------------------------------------------------- >> Featured work block – card grid (match reference) -------------------------------------------------*/ .work-block h2:last-child { margin-bottom: 0; } .work-block h2 span:after { left: 0; background-size: 188px; } .work-block h2 span.draw-image:after { width: 188px; } .work-block-items.two-columns { grid-template-columns: repeat(auto-fill, minmax(min(clamp(250px, 50% - 6%, 100%), 100%), 1fr)); gap: 6%; gap: var(--dma_space_72) !important; } .work-block-item a, .work-block-item a:visited { display: block; border-bottom: none; padding: 0; } .work-block-item:nth-child(2n+2) { margin-top: var(--dma_space_72); } .work-block-image { aspect-ratio: 530/605; overflow: hidden; line-height: 0.65; } .work-block-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; transform: scale(1); transition: all 0.35s ease; } .work-block-image a, .work-block-image a:visited { display: block; border-bottom: none; padding: 0; } .work-block-image a:hover img, .work-block-image a:focus-visible img, .work-block-image a:visited:hover img, .work-block-image a:visited:focus-visible img { transform: scale(1.05); } .work-block-content { padding-top: var(--dma_space_24); } .work-block-kicker { display: flex; align-items: center; gap: var(--dma_space_16); margin-bottom: var(--dma_space_16); } .work-block-kicker span { font-size: var(--dma_font_size_20); color: var(--dma_black); line-height: 1.2; letter-spacing: -0.02em; font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; position: relative; } .work-block-kicker span::after { content: "/"; top: 0; right: -10px; position: absolute; color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 600; font-style: normal; font-size: var(--dma_font_size_20); } .work-block-kicker span:last-child::after { display: none; } .work-block-item .heading-3 { margin-bottom: 0; } .work-block-item .heading-3 a, .work-block-item .heading-3 a:visited { border-bottom: none; color: inherit; } .work-block-item .heading-3 a:hover, .work-block-item .heading-3 a:focus-visible, .work-block-item .heading-3 a:visited:hover, .work-block-item .heading-3 a:visited:focus-visible { color: var(--dma_heading_link_color_hover); } .work-block-item .heading-3 span { font-weight: inherit; color: inherit; } .work-block-bottom { margin-top: var(--dma_space_64); line-height: 0.65; text-align: center; } /*------------------------------------------------- >> Basic styles for Testimonials Block -------------------------------------------------*/ /*------------------------------------------------- >> Testimonial Block (slide: stats card + testimonial card) >> Pixel-perfect: first item – dark blue stats card + white testimonial card -------------------------------------------------*/ .testimonial-block .section-head { max-width: 1280px; margin: 0 auto var(--dma_space_72); } .testimonial-block .section-head h2 { max-width: 800px; } .marquee-container { cursor: grab; } .marquee-container:active { cursor: grabbing; } .marquee-track { width: 100%; display: flex; gap: 30px; will-change: transform; } .testi-slide { flex: 0 0 384px; width: 384px; min-width: 384px; max-width: 384px; display: flex; flex-wrap: wrap; margin-bottom: var(--dma_space_64); } .testi-slide:nth-child(even) { flex-direction: column-reverse; margin-bottom: 0; margin-top: var(--dma_space_64); } .testi-slide:nth-child(even) .testi-stats { background-color: var(--dma_brand_yellow); border-radius: 0 0 var(--dma_space_20) var(--dma_space_20); } .testi-slide:nth-child(even) .testi-stats .stat-number { color: var(--dma_black); } .testi-slide:nth-child(even) .testi-stats .stat-text { color: var(--dma_black); } .testi-slide:nth-child(even) .testi-stats .stat-button a.button, .testi-slide:nth-child(even) .testi-stats .stat-button a.button:visited { color: var(--dma_black); border-color: var(--dma_black); } .testi-slide:nth-child(even) .testi-stats .stat-button a.button svg, .testi-slide:nth-child(even) .testi-stats .stat-button a.button:visited svg { --icon-color: var(--dma_black); } .testi-slide:nth-child(even) .testi-stats .stat-button a.button:hover, .testi-slide:nth-child(even) .testi-stats .stat-button a.button:focus-visible, .testi-slide:nth-child(even) .testi-stats .stat-button a.button:visited:hover, .testi-slide:nth-child(even) .testi-stats .stat-button a.button:visited:focus-visible { color: var(--dma_white); border-color: var(--dma_black); background-color: var(--dma_black); } .testi-slide:nth-child(even) .testi-stats .stat-button a.button:hover svg, .testi-slide:nth-child(even) .testi-stats .stat-button a.button:focus-visible svg, .testi-slide:nth-child(even) .testi-stats .stat-button a.button:visited:hover svg, .testi-slide:nth-child(even) .testi-stats .stat-button a.button:visited:focus-visible svg { --icon-color: var(--dma_white); } .testi-slide:nth-child(even) .testi-body blockquote p mark { background-color: rgba(252, 199, 8, 0.48); } .testi-stats { max-width: 330px; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 16px; border-radius: var(--dma_space_20) var(--dma_space_20) 0 0; background-color: var(--dma_dark_blue); } .stat-number { line-height: 1.3; font-family: "Poppins", arial, sans-serif; font-weight: 700; font-style: normal; color: var(--dma_white); margin-bottom: var(--dma_space_6); font-size: var(--dma_font_size_32); } .stat-text { max-width: 130px; line-height: 1.3; font-family: "Poppins", arial, sans-serif; font-weight: 500; font-style: normal; color: var(--dma_white); font-size: var(--dma_font_size_14); } .stat-text strong { font-family: "Poppins", arial, sans-serif; font-weight: 700; font-style: normal; color: inherit; } .stat-button { max-width: 132px; } .stat-button a.button, .stat-button a.button:visited { font-family: "Poppins", arial, sans-serif; font-weight: 500; font-style: normal; color: var(--dma_white); border-color: var(--dma_white); border-radius: var(--dma_space_10); padding: 6px 10px 6px 10px; font-size: var(--dma_font_size_14); border-radius: 50px; } .stat-button a.button svg, .stat-button a.button:visited svg { --icon-color: var(--dma_white); } .stat-button a.button .button-icon, .stat-button a.button:visited .button-icon { max-width: 12px; } .stat-button a.button .button-icon svg, .stat-button a.button:visited .button-icon svg { width: 100%; height: 100%; } .stat-button a.button:hover, .stat-button a.button:focus-visible, .stat-button a.button:visited:hover, .stat-button a.button:visited:focus-visible { color: var(--dma_black); border-color: var(--dma_white); background-color: var(--dma_white); } .stat-button a.button:hover svg, .stat-button a.button:focus-visible svg, .stat-button a.button:visited:hover svg, .stat-button a.button:visited:focus-visible svg { --icon-color: var(--dma_black); } .client-rating { line-height: 0.65; } .rating-text { line-height: 1.5; font-family: "Poppins", arial, sans-serif; font-weight: 500; font-style: normal; color: var(--dma_medium_grey); font-size: var(--dma_font_size_10); margin-bottom: var(--dma_space_4); gap: 4px; } .rating-text span { font-size: var(--dma_font_size_16); color: var(--dma_black); font-family: "Poppins", arial, sans-serif; font-weight: 700; font-style: normal; margin-bottom: -2px; } .rating-star { display: inline-flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 2px; border-radius: 39.273px; background: rgba(252, 199, 8, 0.63); } .rating-star svg { margin: 0; } .client-details { width: 100%; margin-bottom: var(--dma_space_24); } .client-name { margin-top: var(--dma_space_20); line-height: 0.65; } .client-name p { line-height: 1.5; margin-bottom: 0; font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; font-size: var(--dma_font_size_12); color: var(--dma_medium_grey); } .client-name-heading { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; color: var(--dma_black); line-height: 1.5; font-size: var(--dma_font_size_18); } .client-image { max-width: 112px; max-height: 112px; width: 100%; height: 100%; aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; border-radius: 0; line-height: 0.65; border-radius: 100%; background-color: var(--dma_white); } .client-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 0; } .testi-container { box-sizing: border-box; padding: 10px; border-radius: var(--dma_space_20); background-color: var(--dma_white); box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08); } .testi-inner { box-sizing: border-box; padding: var(--dma_space_16); border-radius: var(--dma_space_20); border: 1px solid rgba(5, 88, 142, 0.08); } .testi-body { position: relative; box-sizing: border-box; padding: var(--dma_space_12); border-radius: var(--dma_space_20); background-color: var(--dma_light_grey_blue); } .testi-body::after { content: ""; position: absolute; bottom: 12px; right: 12px; width: 21px; height: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjU2NSAwVjYuMDI1NzVDOC42NTY1IDkuMzIxODYgNy45ODg1NiAxMi4wMjU4IDYuNjUyNjcgMTQuMTM3M0M1LjI2MzM1IDE2LjI0ODkgMy4wNDU3NyAxNy41MzY1IDAgMThWMTQuODMyNkMxLjgxNjgxIDE0LjYyNjYgMy4wOTkyMSAxMy45NTcxIDMuODQ3MzEgMTIuODI0QzQuNTk1NCAxMS42OTEgNC45Njk0NSA5Ljg4ODM5IDQuOTY5NDUgNy40MTYzMkw3LjM3NDA1IDcuNzI1MzRIMC4wODAxNTQ0VjBIOC42NTY1Wk0yMSAwVjYuMDI1NzVDMjEgOS4zMjE4NiAyMC4zMzIxIDEyLjAyNTggMTguOTk2MiAxNC4xMzczQzE3LjYwNjkgMTYuMjQ4OSAxNS4zODkzIDE3LjUzNjUgMTIuMzQzNSAxOFYxNC44MzI2QzE0LjE2MDMgMTQuNjI2NiAxNS40NDI4IDEzLjk1NzEgMTYuMTkwOCAxMi44MjRDMTYuOTM4OSAxMS42OTEgMTcuMzEzIDkuODg4MzkgMTcuMzEzIDcuNDE2MzJMMTkuNzE3NiA3LjcyNTM0SDEyLjQyMzdWMEgyMVoiIGZpbGw9IiM3NTg1OTkiLz4KPC9zdmc+Cg==); background-size: contain; background-repeat: no-repeat; } .testi-body blockquote { margin-bottom: 0; padding: 0 16px 0 0; box-sizing: border-box; border: none; line-height: 1.5; } .testi-body blockquote p { margin-bottom: 0; font-size: var(--dma_font_size_16); color: var(--dma_black); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .testi-body blockquote p span { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .testi-body blockquote p mark { background-color: var(--dma_matte_black_20); padding: 2px 4px; color: var(--dma_black); } /*------------------------------------------------- >> Testimonial Listing (archive page – Freshy style) -------------------------------------------------*/ .testi-listing { display: flex; flex-direction: column; gap: var(--dma_space_64); } .testi-listing-item { gap: var(--dma_space_64); } .testi-listing-item__image { width: 276px; height: 276px; flex-shrink: 0; border-radius: var(--dma_space_20); overflow: hidden; display: flex; align-items: center; justify-content: center; } .testi-listing-item__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; filter: brightness(0); } .testi-listing-item__content { flex: 1; min-width: 0; } .testi-listing-item__stars { display: inline-flex; align-items: center; gap: 3px; border-radius: 39px; margin-bottom: var(--dma_space_16); } .testi-listing-item__stars svg { width: 20px; height: 20px; } .testi-listing-item__quote { padding-bottom: var(--dma_space_16); } .testi-listing-item__quote p { margin: 0; font-size: var(--dma_font_size_28); line-height: 1.25; color: var(--dma_dark_grey); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; } .testi-listing-item__quote p strong { font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; color: var(--dma_black); } .testi-listing-item__meta { gap: var(--dma_space_20); margin-top: var(--dma_space_8); flex-wrap: wrap; } .testi-listing-item__author, .testi-listing-item__company { font-size: var(--dma_font_size_20); line-height: 1.2; color: var(--dma_dark_grey); font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } @keyframes testi-listing-skeleton-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .testi-listing__skeleton { display: flex; flex-direction: column; gap: var(--dma_space_64); pointer-events: none; } .testi-listing-skeleton-item { gap: var(--dma_space_64); } .testi-listing-skeleton-shimmer { background: linear-gradient(90deg, var(--dma_light_grey_bg) 0%, var(--dma_light_grey_blue) 45%, var(--dma_light_grey_bg) 90%); background-size: 200% 100%; animation: testi-listing-skeleton-shimmer 1.15s ease-in-out infinite; } .testi-listing-skeleton-item__image { width: 276px; height: 276px; flex-shrink: 0; border-radius: var(--dma_space_20); overflow: hidden; } .testi-listing-skeleton-item__content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--dma_space_12); } .testi-listing-skeleton-item__stars { width: 112px; height: 22px; border-radius: 39px; } .testi-listing-skeleton-item__quote { display: flex; flex-direction: column; gap: var(--dma_space_12); padding-bottom: var(--dma_space_8); } .testi-listing-skeleton-line { display: block; height: 18px; width: 100%; max-width: 100%; border-radius: 6px; } .testi-listing-skeleton-line--short { max-width: 72%; } .testi-listing-skeleton-item__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dma_space_16); margin-top: var(--dma_space_4); } .testi-listing-skeleton-pill { display: inline-block; height: 16px; width: 120px; border-radius: 6px; } .testi-listing-skeleton-pill--wide { width: 180px; } .testi-listing-section .pagination { margin-top: var(--dma_space_96); } .testi-listing-section .pagination .dots { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: var(--dma_font_size_20); color: var(--dma_dark_grey); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; cursor: default; } .testi-listing-section .pagination .next { width: auto; padding: 0 var(--dma_space_16); font-size: var(--dma_font_size_16); font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } @media (max-width: 1023px) { .testi-listing-item__image { width: 200px; height: 200px; } .testi-listing-skeleton-item__image { width: 200px; height: 200px; } .testi-listing-item { gap: var(--dma_space_36); } .testi-listing-skeleton-item { gap: var(--dma_space_36); } .testi-listing-item__quote p { font-size: var(--dma_font_size_28); } } @media (max-width: 767px) { .testi-listing-item { flex-direction: column; align-items: flex-start; position: relative; } .testi-listing-item::after { content: ""; position: absolute; bottom: -20px; left: -5%; width: 110%; height: 2px; background-color: var(--dma_black); opacity: 0.2; } .testi-listing-item:last-child::after { display: none; } .testi-listing-skeleton-item { flex-direction: column; align-items: flex-start; } .testi-listing-item__image { width: 100%; max-width: 172px; height: auto; aspect-ratio: initial; } .testi-listing-item__quote p { font-size: var(--dma_font_size_24); } } /*------------------------------------------------- >> Basic styles for Resources Block -------------------------------------------------*/ .resources-left { max-width: 458px; width: 100%; } .resources-right { max-width: 766px; width: 100%; } .resource-item a, .resource-item a:visited { display: flex; align-items: center; width: 100%; height: 100%; position: relative; line-height: 0.65; border: none; padding: var(--dma_space_24) 0; position: relative; box-sizing: border-box; border-bottom: 1px solid var(--dma_blue_2); } .resource-item a:hover, .resource-item a:focus-visible, .resource-item a:visited:hover, .resource-item a:visited:focus-visible { border-color: var(--dma_blue_1); } .resource-item a:hover .resource-image, .resource-item a:focus-visible .resource-image, .resource-item a:visited:hover .resource-image, .resource-item a:visited:focus-visible .resource-image { transform: rotate(6.5deg) scale(1); } .resource-item a:hover svg, .resource-item a:focus-visible svg, .resource-item a:visited:hover svg, .resource-item a:visited:focus-visible svg { transform: rotate(-45deg); --icon-color: var(--dma_black); } .resource-item .resource-image { aspect-ratio: 1.1; max-width: 160px; aspect-ratio: 1/1; transition: all 0.35s ease-in-out; transform: rotate(0) scale(0); position: absolute; top: 0; right: 15%; } .resource-item .resource-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0; } .resource-item .resource-date { box-sizing: border-box; padding: var(--dma_space_12) var(--dma_space_16); background-color: var(--dma_light_grey_blue); text-align: center; font-size: var(--dma_font_size_12); line-height: 1.5; min-width: 88px; border-radius: 12px; margin-right: var(--dma_space_24); } .resource-item .resource-date span { font-size: var(--dma_font_size_40); display: block; margin-bottom: var(--dma_space_4); line-height: 1.1; } .resource-item .resources-sub-title { font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_12); margin-bottom: var(--dma_space_8); line-height: 1.2; } .resource-item .resources-title { font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_24); line-height: 1.25; margin-bottom: 0; } .resource-item .resource-content { align-items: center; width: 100%; } .resource-item .resource-content * { color: var(--dma_black); } .resource-item .resource-content svg { margin: 0; --icon-color: var(--dma_medium_grey); transition: all 0.35s ease-in-out; } .resource-item .resource-content-left { max-width: 60%; } .resource-item .resource-content-right { width: 40px; margin-left: 21%; } .resource-item.featured-resource { aspect-ratio: 458/522; position: relative; } .resource-item.featured-resource a, .resource-item.featured-resource a:visited { display: flex; align-items: flex-end; width: 100%; height: 100%; position: relative; padding: var(--dma_space_24); box-sizing: border-box; line-height: 0.65; border: none; } .resource-item.featured-resource a:hover svg, .resource-item.featured-resource a:focus-visible svg, .resource-item.featured-resource a:visited:hover svg, .resource-item.featured-resource a:visited:focus-visible svg { transform: rotate(-45deg); } .resource-item.featured-resource a:hover .resource-image, .resource-item.featured-resource a:focus-visible .resource-image, .resource-item.featured-resource a:visited:hover .resource-image, .resource-item.featured-resource a:visited:focus-visible .resource-image { transform: none; } .resource-item.featured-resource .resource-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0; transform: none; } .resource-item.featured-resource .resource-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0; } .resource-item.featured-resource .resource-image::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.36%, rgba(0, 0, 0, 0.72) 99.9%); } .resource-item.featured-resource .resource-content { position: relative; flex-wrap: wrap; justify-content: space-between; } .resource-item.featured-resource .resource-content * { color: var(--dma_white); } .resource-item.featured-resource .resource-content svg { --icon-color: var(--dma_white); } .resource-item.featured-resource .resource-content-left { max-width: 80%; } .resource-item.featured-resource .resource-content-right { margin-left: 0; } .resource-item.featured-resource .resource-date { min-width: auto; text-align: left; box-sizing: border-box; padding: 0 0 0 var(--dma_space_30); line-height: 1.5; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; font-size: var(--dma_font_size_16); margin: 0 0var --dma_space_16; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgOC4zMzM2NkgyLjVNMTMuMzMzMyAxLjY2Njk5VjUuMDAwMzNNNi42NjY2NyAxLjY2Njk5VjUuMDAwMzNNNi41IDE4LjMzMzdIMTMuNUMxNC45MDAxIDE4LjMzMzcgMTUuNjAwMiAxOC4zMzM3IDE2LjEzNSAxOC4wNjEyQzE2LjYwNTQgMTcuODIxNSAxNi45ODc4IDE3LjQzOSAxNy4yMjc1IDE2Ljk2ODZDMTcuNSAxNi40MzM5IDE3LjUgMTUuNzMzOCAxNy41IDE0LjMzMzdWNy4zMzM2NkMxNy41IDUuOTMzNTMgMTcuNSA1LjIzMzQ2IDE3LjIyNzUgNC42OTg2OEMxNi45ODc4IDQuMjI4MjggMTYuNjA1NCAzLjg0NTgzIDE2LjEzNSAzLjYwNjE0QzE1LjYwMDIgMy4zMzM2NiAxNC45MDAxIDMuMzMzNjYgMTMuNSAzLjMzMzY2SDYuNUM1LjA5OTg3IDMuMzMzNjYgNC4zOTk4IDMuMzMzNjYgMy44NjUwMiAzLjYwNjE0QzMuMzk0NjIgMy44NDU4MyAzLjAxMjE3IDQuMjI4MjggMi43NzI0OCA0LjY5ODY4QzIuNSA1LjIzMzQ2IDIuNSA1LjkzMzUzIDIuNSA3LjMzMzY2VjE0LjMzMzdDMi41IDE1LjczMzggMi41IDE2LjQzMzkgMi43NzI0OCAxNi45Njg2QzMuMDEyMTcgMTcuNDM5IDMuMzk0NjIgMTcuODIxNSAzLjg2NTAyIDE4LjA2MTJDNC4zOTk4IDE4LjMzMzcgNS4wOTk4NyAxOC4zMzM3IDYuNSAxOC4zMzM3WiIgc3Ryb2tlPSIjRkZFMzExIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: 20px; background-position: left 2px top 1px; background-repeat: no-repeat; background-color: transparent; } .resource-item.featured-resource .resource-date span { font-size: inherit; display: inline; } .resource-item.featured-resource .resources-sub-title { font-size: var(--dma_font_size_14); } .resources-cta { line-height: 0.65; margin-top: var(--dma_space_48); } /*------------------------------------------------- >> Basic styles for Believe Block -------------------------------------------------*/ .believe-block { position: relative; } .believe-kicker { font-size: var(--dma_font_size_20); left: 0; line-height: 1.5; margin: 0; max-width: 200px; position: absolute; top: 16px; font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .believe-content { font-size: var(--dma_font_size_48); font-family: "Urbanist", arial, sans-serif; font-weight: 400; font-style: normal; line-height: 1.35; text-indent: 365px; } /*------------------------------------------------- >> Basic styles for Overview Block -------------------------------------------------*/ /*------------------------------------------------- >> Overview block – column helpers -------------------------------------------------*/ .overview-columns.two-columns { grid-template-columns: repeat(auto-fill, minmax(min(clamp(280px, 50% - 4%, 100%), 100%), 1fr)); gap: 4%; row-gap: var(--dma_space_48); } .overview-column { border-top: 1px solid rgba(5, 88, 142, 0.16); box-sizing: border-box; padding-top: var(--dma_space_16); } .overview-column .heading-4 { margin-bottom: var(--dma_space_16); } .overview-column p { font-size: var(--dma_font_size_20); margin-bottom: 0; } /*------------------------------------------------- >> Basic styles for MP CTA Block -------------------------------------------------*/ .mp-cta-form { width: 50%; padding: var(--dma_space_96) var(--dma_space_48) var(--dma_space_96); margin-top: calc(var(--dma_space_96) * -1); background-color: #FEF4CE; box-sizing: border-box; /* Gravity Forms: File upload + submit button styling (scoped) */ } .mp-cta-form form { margin: 0; } .mp-cta-form .gform-footer input[type=submit] { margin: 0; background-color: var(--dma_black); color: var(--dma_white); background-color: var(--dma_black); } .mp-cta-form .gform-footer input[type=submit]:focus-visible, .mp-cta-form .gform-footer button:focus-visible, .mp-cta-form .gform-footer input[type=button]:focus-visible { color: var(--dma_black); background-color: var(--dma_white); } .mp-cta-form .gform-footer::before { background-color: var(--dma_brand_yellow); } .mp-cta-form .gform-footer::after { filter: brightness(0); } .mp-cta-form .gform-footer:hover input[type=submit], .mp-cta-form .gform-footer:focus-visible input[type=submit] { color: var(--dma_black); background-color: var(--dma_white); } .mp-cta-form .gform-footer:hover::before, .mp-cta-form .gform-footer:focus-visible::before { background-color: var(--dma_black); } .mp-cta-form .gform-footer:hover::after, .mp-cta-form .gform-footer:focus-visible::after { filter: brightness(100%); } .mp-cta-form .gfield--type-fileupload { margin-bottom: var(--dma_space_36); } .mp-cta-form .gfield--type-fileupload .gfield_label.gform-field-label { border: 2px solid var(--dma_black); border-radius: 999px; display: inline-flex !important; align-items: center; justify-content: center; padding: var(--dma_space_12) var(--dma_space_20); line-height: 1; margin: 0 !important; color: transparent; font-size: 0; cursor: pointer; font-family: "Urbanist", arial, sans-serif; font-weight: 500; font-style: normal; } .mp-cta-form .gfield--type-fileupload .gfield_label.gform-field-label::before { content: "Upload a file"; color: var(--dma_black); font-size: var(--dma_font_size_16); line-height: 1; } .mp-cta-testimonials { width: 50%; padding: 0 var(--dma_space_48) var(--dma_space_72); box-sizing: border-box; position: relative; margin-top: var(--dma_space_72); } .cta-testi-slide .client-rating { margin-bottom: var(--dma_space_36); } .cta-testi-slide .rating-text { line-height: 1.5; color: var(--dma_white); font-size: var(--dma_font_size_14); } .cta-testi-slide .rating-text span { font-size: var(--dma_font_size_28); color: var(--dma_white); margin-bottom: -5px; font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; } .cta-testi-slide .rating-star { background-color: var(--dma_brand_yellow); padding: 6px 14px; } .cta-testi-slide .rating-star svg { width: 11px; height: 11px; } .cta-testi-slide blockquote { position: relative; color: var(--dma_white); border-left: none; padding: 0; margin: 0; font-size: var(--dma_font_size_28); line-height: 1.3; } .cta-testi-slide blockquote strong { color: inherit; } .cta-testi-slide .client-details { margin-bottom: 0; width: 80%; } .cta-testi-slide .client-image { width: 80px; height: 80px; border-radius: 100%; overflow: clip; } .cta-testi-slide .client-name { width: calc(100% - (var(--dma_space_96) + var(--dma_space_8))); margin: 0; } .cta-testi-slide .client-name * { color: var(--dma_white); } .cta-testi-slide .client-name p { font-size: var(--dma_font_size_16); } .cta-testi-slide .client-name-heading { font-size: var(--dma_font_size_24); } .cta-testi-body { margin-bottom: var(--dma_space_48); } .quote-icon { line-height: 0.65; } .cta-testi-bar { margin-top: 0; } /*------------------------------------------------- >> Styles for Wp Buttons -------------------------------------------------*/ /**** * * WordPress buttons * ****/ .wp-block-button .wp-block-button__link { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; padding: 11px 30px; text-decoration: none; color: var(--dma_theme_btn_color); background-color: var(--dma_theme_btn_bgcolor); border: 2px solid var(--dma_theme_btn_border_color); transition: all 0.35s ease-in-out; border-radius: 0; font-family: "Urbanist", arial, sans-serif; font-weight: 700; font-style: normal; font-size: var(--dma_font_size_16); } .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus-visible { background-color: var(--dma_theme_btn_bgcolor_hover); border: 2px solid var(--dma_theme_btn_border_color_hover); color: var(--dma_theme_btn_color_hover); } .wp-block-button .wp-block-button__link.has-background { border: none; } .wp-block-button .wp-block-button__link.has-background:hover, .wp-block-button .wp-block-button__link.has-background:focus-visible { border: none; color: unset; } .wp-block-button .wp-block-button__link.has-text-color.has-background { border: none; } .wp-block-button .wp-block-button__link.has-text-color.has-background:hover, .wp-block-button .wp-block-button__link.has-text-color.has-background:focus-visible { border: none; } .wp-block-button.is-style-outline-boxed .wp-block-button__link { background-color: var(--dma_transparent); color: var(--dma_theme_btn_color_hover); } .wp-block-button.is-style-outline-boxed .wp-block-button__link:hover, .wp-block-button.is-style-outline-boxed .wp-block-button__link:focus-visible { color: var(--dma_wp_outline_btn_color); } .wp-block-button.is-style-fill-boxed .wp-block-button__link { border-radius: inherit; } /* ------------------------------------------------------------------ > Responsive ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Responsive queries ------------------------------------------------- */ @media only screen and (max-width: 1290px) { .hero-detail-left .hero__detail--content { max-width: 75%; } } @media only screen and (max-width: 1180px) { .hero-ptfl-front { width: 90% !important; margin: 0 auto !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 10% !important; flex-direction: initial !important; transform: translateX(0%) !important; } } @media only screen and (max-width: 1100px) { .lead-paragraph-inner { max-width: 100%; } .project-img-over a img { height: 313px; } .projects-slider .owl-nav { margin-top: 20px !important; } .projects-slider .owl-dots { bottom: 7px !important; } .single-banner { padding-top: 140px; } .hero__detail { flex-direction: column; width: 90%; margin: auto; } .hero__detail--image, .hero-detail-left { width: 100%; } .work-process-block { padding-left: 0px; } .hero-detail-left .hero__detail--content .work-block-bottom.top { margin-top: 20px; } .hero-detail-left .hero__detail--content { max-width: 100%; padding: 0px; margin-bottom: 30px; } .resources-left, .resources-right, .services-left, .services-right { max-width: 100%; position: unset; } .resource-item .resource-content-right { margin-left: 35%; } .services-block { flex-wrap: wrap; gap: 10px; } .resources-ctn { flex-wrap: wrap; } .team-block-variation.two-columns { display: flex; flex-direction: column-reverse; gap: 40px; } .team-images { max-width: 600px; margin: 0 auto; } .mp-cta-form { width: 100%; } .mp-cta-testimonials { width: 100%; padding: 0px 0px 50px 0px; margin-top: 35px; } .service-hero-detail.d-flex.align-items-start { flex-direction: column; gap: 48px; } .service-hero-left, .service-hero-image { width: 100%; } .single-banner { padding-bottom: 0px; } .work-process-block { padding-right: 0px; } } @media only screen and (max-width: 900px) { .service-tools-desc, .service-tools-icon { width: 100%; } .service-tools-item.d-flex { flex-direction: column; } .service-tools-list { margin-top: 10px; } } @media only screen and (max-width: 747px) { .logo-single:nth-child(15) { display: none; } .work-process-block .section-head h2 span:after { background-size: 208px; } .view-project h2 span:after { background-size: 128px; } .service-tools h2 span:after { background-size: 128px; } .faq-ctn h2 span:after { background-size: 256px !important; } .work-block h2 span:after { background-size: 128px !important; } .services-left h2 span.draw-image:after { width: 218px !important; } .services-left-text p { font-size: 20px; } .hero-ptfl-section .hero-ptfl-micro-top-left { margin-bottom: 8px !important; } .service-hero-left .service-hero-content { padding-right: 0; } .work-process-item { flex-direction: column; gap: 24px; } .work-process-content { width: 100%; } .hero-blog { padding: 161px 0 var(--dma_space_96); } .cta-testi-slide .client-image { width: 64px; height: 64px; margin-right: 12px; } .gfield.half-input-field, .gfield.gfield--width-half { width: 100% !important; } .cta-testi-nav { max-width: 84px; right: 0; } h1 span:after, .heading-1 span:after, h2 span:after, .heading-2 span:after, h3 span:after, .heading-3 span:after, h4 span:after, .heading-4 span:after, h5 span:after, .heading-5 span:after, h6 span:after, .heading-6 span:after { background-size: 174px; } .hero-blog h1 span.draw-image:after, .hero-testi-content h1 span.draw-image:after { width: 100%; } .logo-grid-block h2 span.draw-image:after, .work-block h2 span.draw-image:after, .team-block-variation h2 span.draw-image:after, .services-left h2 span.draw-image:after { width: 100%; } .hero-blog h1 span.draw-image:after, .hero-testi-content h1 span:after, .logo-grid-block h2 span:after, .work-block h2 span:after, .team-block-variation h2 span:after, .services-left h2 span:after { background-size: contain; } .team-images-row { flex-wrap: wrap; } .col-two, .one-chat { width: 100%; } .resource-item .resource-image { max-width: 100px; right: 15%; } .process-block-rearrange-wrap { position: initial !important; margin-top: 36px !important; text-align: center !important; transform: none !important; } .main-title { font-size: var(--dma_font_size_60) !important; line-height: 1.05 !important; } .main-title span:after { background-size: contain; max-width: 100%; } .main-title span.draw-image:after { width: 100%; } .process-block-rearrange-btn { margin: 0 !important; } .top-bar.center-align { text-align: left; } .hero-single { padding: 40px 0 30px; } .rs-view-100 { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .post-box-meta { margin-bottom: 10px; } .featured-post { margin-bottom: 0; } .featured-post .post-image { margin-bottom: 20px; min-height: 250px; } .post-meta { flex-wrap: wrap; } .post-meta .post-cat { margin-bottom: 20px; } .post-meta .post-cat a { padding-bottom: 0; margin-bottom: 4px; display: inline-block; } .post-meta .post-shares a { margin: 0 8px 0 0; } .footer-widgets { flex-wrap: wrap; } .footer-widgets .single-widget { width: 43%; margin-right: 20px; margin-bottom: 50px; } .footer-widgets .single-widget:nth-child(1) { width: 100%; margin-right: 0; } .footer-widgets .single-widget:nth-child(2n+2) { margin-right: 0; } .footer-widgets .single-widget:last-child { margin-bottom: 0; } .work-block-item:nth-child(2n+2) { margin-top: 0px; } .footer-logo { max-width: 190px; } .footer-bottom { flex-wrap: wrap; padding: 30px 0; } .footer-bottom .copy-right, .footer-bottom .menu-legal-nav { width: 100%; } .footer-bottom .legal-nav ul { justify-content: left; } .footer-bottom .legal-nav ul li { margin: 10px 10px 0 0; } .footer-bottom .legal-nav { width: 100%; } .footer-cta { align-items: baseline !important; } } @media only screen and (max-width: 600px) { .projects-slider .owl-nav { gap: 0; } } @media only screen and (max-width: 550px) { .footer-col-right .footer-col.footer-col--contact { width: 100%; margin-top: 27px; } .footer-col-right .footer-col { width: 100%; } .resource-content.d-flex { flex-wrap: wrap; position: relative; } .resource-content.d-flex .resource-content-right { position: absolute; right: 0px; top: 33px; } .resource-item .resource-content-left { max-width: 100%; margin-top: 23px; } .resource-item .resource-image { right: 23%; } } @media only screen and (max-width: 459px) { .logo-grid.five-columns { display: flex; flex-wrap: wrap; gap: 2%; row-gap: 10px; } .logo-single { width: 49%; box-sizing: border-box; } .footer-widgets .single-widget { width: 100%; margin-bottom: 30px; } .footer-widgets .single-widget:first-child { margin-bottom: 50px; } } /* ------------------------------------------------- >> Base Responsive queries ------------------------------------------------- */ @media only screen and (max-width: 747px) { .hero-default.with-image .hero-default-content, .hero-default.with-image .hero-default-image { width: 100%; } .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; } } /* ------------------------------------------------- >> Base Responsive extra-queries ------------------------------------------------- */ @media only screen and (min-width: 1300px) and (max-width: 1782px) { .mega-menu__inner { gap: var(--dma_space_20); } .mega-menu__grid { flex: 1 1 0; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); } .mega-menu__item { padding: var(--dma_space_20) !important; } .mega-menu__cta { flex: 0 0 210px; width: 210px; max-width: 210px; padding: var(--dma_space_20) !important; } .mega-menu__cta-text { font-size: var(--dma_font_size_18); margin-bottom: var(--dma_space_16); } .mega-menu__cta p { font-size: var(--dma_font_size_28); } .mega-menu__cta-btn { width: 48px; height: 48px; } } @media only screen and (min-width: 1181px) and (max-width: 1299px) { .header-nav ul li a, .header-nav ul li a:visited, .header-nav ul li span.menu-link { font-size: var(--dma_font_size_20); } .footer-cols { flex-wrap: nowrap !important; } .mega-menu__grid { grid-template-columns: repeat(2, 1fr); } .mega-menu__cta { max-width: 380px; } } @media only screen and (max-width: 1100px) { .services-left { padding-bottom: 0px; } } @media only screen and (max-width: 1120px) { .business-form-row .business-form-col .contact-form { padding: 40px !important; } } @media only screen and (max-width: 991px) { .hero-contact { flex-direction: column; row-gap: 30px; } .hero-seo.two-columns { box-sizing: border-box; grid-template-columns: 1fr; row-gap: var(--dma_space_48); } .business-form-row { flex-direction: column; row-gap: 30px; } .business-form-row .business-form-col { width: 100%; margin-top: 50px; } .business-form-row .testimonials-col { width: 100%; padding: 0px; } .business-form-row .business-form-col .contact-form { padding: 20px !important; } .hero-seo-form-main .contact-form { padding: 30px 20px; } .hero-seo-form-main .contact-form h3 { margin-bottom: 30px; } .hero-seo-content p { margin-bottom: 30px; } .hero-seo .seo-banner-col-one { width: 100%; } .hero-seo .seo-banner-col-two { width: 100%; } .hero-contact__intro { width: 100%; } .hero-contact__main { width: 100%; max-width: 100%; padding: 0 20px; } .result-box { row-gap: 30px; } .grid-box { gap: 20px; grid-template-columns: 1fr; } .grid-item-img { grid-column: span 1 !important; } } @media only screen and (max-width: 768px) { .hero-contact__ways { flex-direction: column; gap: var(--dma_space_24); margin-top: var(--dma_space_36); } .hero-contact__way { width: 100%; } .hero-contact__title h1 { padding-bottom: var(--dma_space_30); } } /* ------------------------------------------------------------------ > Import Fonts ------------------------------------------------------------------ */ @font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/Poppins-Medium.woff2) format("woff2"); } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/Poppins-Bold.woff2) format("woff2"); } @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/Urbanist-Bold.woff2) format("woff2"); } @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/Urbanist-Regular.woff2) format("woff2"); } @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/Urbanist-Medium.woff2) format("woff2"); } @font-face { font-family: "Urbanist"; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/Urbanist-SemiBold.woff2) format("woff2"); } @font-face { font-family: "Media Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/MediaSans-Bold.woff2) format("woff2"); } /* ------------------------------------------------------------------ > Vendors CSS Starts Here ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /*# sourceMappingURL=styles.min.css.map*/