/* DigiCareHouse static page bundle */ /* wp-content/themes/hello-elementor/assets/css/reset.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}[tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none} /* wp-content/themes/hello-elementor/assets/css/theme.css */ .comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;overflow-x:hidden;width:100vw}.alignfull img{width:100%}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:1;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)} /* wp-content/themes/hello-elementor/assets/css/header-footer.css */ .site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentcolor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentcolor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li ul a{color:#333}.site-navigation ul.menu li ul a:focus,.site-navigation ul.menu li ul a:hover{color:#222}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;inset-block-start:100%;inset-inline-start:0;max-width:calc(100vw - 2rem);min-width:150px;position:absolute;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{inset-block-start:0;inset-inline-start:100%}.site-navigation ul.menu li:last-child>ul,.site-navigation ul.menu li:nth-last-child(2)>ul{inset-inline-end:0;inset-inline-start:auto}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important} /* wp-content/plugins/acjon-elementor-addon/assets/css/bootstrap-slim.css */ /* Bootstrap 5 grid/utilities subset required by Acjon widget markup. */ *,::after,::before{box-sizing:border-box} .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto} @media(min-width:576px){.container,.container-sm{max-width:540px}} @media(min-width:768px){.container,.container-md,.container-sm{max-width:720px}} @media(min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}} @media(min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}} @media(min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}} .row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)} .col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%} .g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.gx-5{--bs-gutter-x:3rem}.gy-5{--bs-gutter-y:3rem} .d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.text-capitalize{text-transform:capitalize!important}.text-white{color:#fff!important}.text-black{color:#000!important}.w-100{width:100%!important}.h-100{height:100%!important} .justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:flex-end!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.align-self-center{align-self:center!important}.flex-wrap{flex-wrap:wrap!important} @media(min-width:576px){.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-12{flex:0 0 auto;width:100%}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.text-sm-start{text-align:left!important}.text-sm-center{text-align:center!important}.text-sm-end{text-align:right!important}} @media(min-width:768px){.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-12{flex:0 0 auto;width:100%}.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.justify-content-md-end{justify-content:flex-end!important}.align-items-md-center{align-items:center!important}.text-md-start{text-align:left!important}.text-md-center{text-align:center!important}.text-md-end{text-align:right!important}} @media(min-width:992px){.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-12{flex:0 0 auto;width:100%}.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}.justify-content-lg-end{justify-content:flex-end!important}.text-lg-start{text-align:left!important}.text-lg-center{text-align:center!important}.text-lg-end{text-align:right!important}} @media(min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}.align-items-xl-center{align-items:center!important}.text-xl-start{text-align:left!important}.text-xl-center{text-align:center!important}.text-xl-end{text-align:right!important}} @media(min-width:1400px){.col-xxl{flex:1 0 0%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-12{flex:0 0 auto;width:100%}.d-xxl-none{display:none!important}.d-xxl-block{display:block!important}.d-xxl-flex{display:flex!important}} /* wp-content/plugins/acjon-elementor-addon/assets/css/spacing.css */ .mt-5{margin-top:5px !important}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-5{margin-bottom:5px !important}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-5{padding-top:5px !important}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-220{padding-top:220px}.pt-270{padding-top:270px}.pb-5{padding-bottom:5px !important}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px} /* wp-content/plugins/acjon-elementor-addon/assets/css/acjon-responsive-images.css */ picture.acjon-responsive-picture{display:contents} /* wp-content/plugins/acjon-elementor-addon/assets/css/acjon-ai-product-detail.css */ /* Exact port of the supplied DigiCareHouse component system. */ /* DigiCareHouse — generated from tokens.json */ :root, [data-theme="light"] { --teal-950: #05383c; --teal-900: #07464d; --teal-700: #016b73; --teal-600: #01848e; --teal-400: #00989c; --teal-200: #6fd3d0; --mint-200: #cdeae8; --mint-100: #d9efed; --mint-50: #eef8f7; --grey-50: #f4f4f4; --white: #ffffff; --line: #e2e8ea; --line-dark: #1f5c61; --ink: #0d1126; --slate-600: #566269; --slate-on-dark: #b7cfd0; --orange-500: #f97316; --orange-50: #ffe8d6; --orange-700: #a8380b; --navy-950: #06081d; --shadow-card: 0 10px 30px rgba(5, 56, 60, 0.06); --shadow-lift: 0 18px 40px rgba(5, 56, 60, 0.12); } :root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px; --container: 1240px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 28px; --radius-pill: 999px; --font-display: Poppins, 'Segoe UI', system-ui, sans-serif; --font-body: 'Fira Sans', 'Segoe UI', system-ui, sans-serif; } .hero { font-family: var(--font-display); font-size: 60px; line-height: 1.12; font-weight: 700; letter-spacing: -0.01em; } .h1 { font-family: var(--font-display); font-size: 46px; line-height: 1.15; font-weight: 700; letter-spacing: -0.01em; } .statement { font-family: var(--font-display); font-size: 48px; line-height: 1.08; font-weight: 700; letter-spacing: -0.03em; } .h2 { font-family: var(--font-display); font-size: 38px; line-height: 1.2; font-weight: 600; } .h3 { font-family: var(--font-display); font-size: 26px; line-height: 1.3; font-weight: 600; } .card-title { font-family: var(--font-display); font-size: 20px; line-height: 1.3; font-weight: 600; } .label { font-family: var(--font-display); font-size: 15px; line-height: 1.4; font-weight: 500; } .eyebrow { font-family: var(--font-display); font-size: 13px; line-height: 1; font-weight: 600; letter-spacing: 0.04em; } .button { font-family: var(--font-display); font-size: 14px; line-height: 1; font-weight: 600; letter-spacing: 0.02em; } .lead { font-family: var(--font-body); font-size: 18px; line-height: 1.65; font-weight: 400; } .body { font-family: var(--font-body); font-size: 16px; line-height: 1.75; font-weight: 400; } .small { font-family: var(--font-body); font-size: 14px; line-height: 1.6; font-weight: 400; } .overline { font-family: var(--font-body); font-size: 12px; line-height: 1.2; font-weight: 600; letter-spacing: 0.16em; } /* ============ DigiCareHouse site components ============ */ .dch, .dch * { box-sizing: border-box; } .dch { font-family: var(--font-body); color: var(--slate-600); font-size: 16px; line-height: 1.75; background: var(--white); -webkit-font-smoothing: antialiased; } .dch h1, .dch h2, .dch h3, .dch h4 { font-family: var(--font-display); color: var(--ink); margin: 0; } .dch p { margin: 0; } :where(.dch) a { color: inherit; text-decoration: none; } .dch-wrap { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 24px; } .dch-sec { padding: var(--space-24) 0; position: relative; overflow: hidden; } .dch-sec--grey { background: var(--grey-50); } .dch-sec--mint { background: var(--mint-50); } .dch-sec--dark { background: var(--teal-950); color: var(--slate-on-dark); } .dch-sec--dark h2, .dch-sec--dark h3 { color: var(--white); } .dch-accent { color: var(--teal-600); } .dch-sec--dark .dch-accent, .dch-hero .dch-accent { color: var(--teal-200); } .dch-center { text-align: center; } .dch-h2 { font-size: 38px; line-height: 1.2; font-weight: 600; } .dch-h3 { font-size: 26px; line-height: 1.3; font-weight: 600; } .dch-statement { font-size: 48px; line-height: 1.08; font-weight: 700; letter-spacing: -0.03em; color: var(--teal-950) !important; } .dch-lead { font-size: 18px; line-height: 1.65; } .dch-head { margin-bottom: var(--space-12); } .dch-head .dch-eyebrow { margin-bottom: 18px; } .dch-head p { margin-top: 16px; max-width: 640px; } .dch-center.dch-head p { margin-left: auto; margin-right: auto; } .dch-split { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--space-16); align-items: center; } .dch-split--top { align-items: start; } /* ---------- Eyebrow pills ---------- */ .dch-eyebrow { display: inline-flex; align-items: center; position: relative; padding: 7px 18px 7px 30px; margin-left: 14px; border: 1px solid var(--mint-200); background: var(--mint-50); border-radius: var(--radius-pill); font-family: var(--font-display); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--teal-700); line-height: 1; } .dch-eyebrow::before { content: ""; position: absolute; left: -14px; top: 50%; width: 30px; height: 6px; margin-top: -3px; border-radius: 6px; background: var(--teal-600); } .dch-eyebrow--dark { background: rgba(255,255,255,0.06); border-color: var(--line-dark); color: var(--teal-200); } .dch-eyebrow--dark::before { background: var(--teal-200); } .dch-overline { display: inline-block; padding: 8px 14px; border-radius: var(--radius-pill); background: var(--orange-50); color: var(--orange-700); font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; line-height: 1.2; } /* ---------- Buttons ---------- */ .dch-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 50px; padding: 0 28px; border-radius: var(--radius-pill); font-family: var(--font-display); font-size: 14px; font-weight: 600; letter-spacing: 0.02em; line-height: 1; border: 1.5px solid transparent; cursor: pointer; white-space: nowrap; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; } .dch-btn:hover { transform: translateY(-2px); } .dch-btn:focus-visible { outline: 3px solid var(--teal-950); outline-offset: 3px; } .dch-btn--orange { background: var(--orange-500); color: var(--ink); box-shadow: 0 10px 24px rgba(249,115,22,0.28); } .dch-btn--teal { background: var(--teal-600); color: var(--white); text-transform: uppercase; font-weight: 700; } .dch-btn--outline { background: var(--white); color: var(--teal-700); border-color: var(--line); } .dch-btn--ondark { background: transparent; color: var(--white); border-color: var(--line-dark); } .dch-btn--sm { height: 42px; padding: 0 20px; font-size: 13px; } .dch-btn .arr { font-size: 16px; line-height: 1; } .dch-btns { display: flex; flex-wrap: wrap; gap: var(--space-3); } .dch-link { font-family: var(--font-display); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--teal-700); display: inline-flex; align-items: center; gap: 8px; } /* ---------- Header ---------- */ .dch-header { background: var(--teal-950); border-bottom: 1px solid var(--line-dark); position: relative; z-index: 5; } .dch-header__in { max-width: 1320px; margin: 0 auto; padding: 0 24px; height: 84px; display: flex; align-items: center; gap: 32px; } .dch-logo { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 600; font-size: 18px; color: var(--white); letter-spacing: -0.01em; } .dch-logo i { width: 30px; height: 26px; border: 3px solid var(--white); border-top-width: 0; border-radius: 0 0 7px 7px; position: relative; display: inline-block; } .dch-logo i::after { content: ""; position: absolute; left: 6px; right: 6px; top: 0; height: 9px; background: var(--white); border-radius: 0 0 4px 4px; } .dch-nav { display: flex; gap: 6px; margin: 0 auto; } .dch-nav a { font-family: var(--font-display); font-size: 15px; font-weight: 500; color: var(--white); padding: 9px 14px; border-radius: 8px; } .dch-nav a.is-on { background: var(--teal-900); color: var(--orange-500); box-shadow: inset 0 -2px 0 var(--orange-500); } .dch-nav a .car { font-size: 10px; margin-left: 4px; opacity: .8; } .dch-phone { font-family: var(--font-display); font-size: 14px; font-weight: 600; color: var(--white); display: inline-flex; gap: 8px; align-items: center; } .dch-phone b { color: var(--orange-500); } /* ---------- Hero (dark teal with rings + X motif) ---------- */ .dch-hero { position: relative; background: var(--teal-950); color: var(--slate-on-dark); overflow: hidden; } .dch-hero__rings { position: absolute; left: -260px; top: -120px; width: 900px; height: 900px; pointer-events: none; } .dch-hero__rings circle { fill: none; stroke: var(--teal-400); stroke-opacity: .16; } .dch-hero__in { position: relative; z-index: 2; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 48px; align-items: center; min-height: 600px; padding-top: 72px; padding-bottom: 80px; } .dch-hero h1 { color: var(--white); font-size: 54px; line-height: 1.12; font-weight: 700; letter-spacing: -0.01em; margin: 22px 0 22px; } .dch-hero .dch-lead { max-width: 560px; color: var(--slate-on-dark); } .dch-hero .dch-btns { margin-top: 34px; } .dch-hero__x { position: absolute; top: 0; bottom: 0; right: 0; width: 52%; pointer-events: none; } .dch-hero__x .a { position: absolute; top: -2%; bottom: -2%; left: 4%; width: 28%; background: linear-gradient(180deg, var(--teal-400), var(--teal-900)); clip-path: polygon(0 0, 46% 0, 100% 100%, 54% 100%); opacity: .9; } .dch-hero__x .b { position: absolute; top: -2%; bottom: -2%; left: 4%; width: 28%; background: linear-gradient(180deg, var(--teal-600), #0b5a60); clip-path: polygon(54% 0, 100% 0, 46% 100%, 0 100%); opacity: .8; } .dch-crumb { font-family: var(--font-display); font-size: 13px; color: var(--slate-on-dark); display: flex; gap: 10px; align-items: center; margin-bottom: 26px; } .dch-crumb b { color: var(--teal-200); font-weight: 500; } .dch-proof { display: flex; gap: 28px; margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--line-dark); flex-wrap: wrap; } .dch-proof div { font-size: 14px; line-height: 1.4; } .dch-proof strong { display: block; font-family: var(--font-display); font-size: 15px; color: var(--white); font-weight: 600; margin-bottom: 2px; } .dch-stars { color: var(--orange-500); letter-spacing: 2px; } /* light page-intro hero */ .dch-intro { background: var(--mint-50); position: relative; overflow: hidden; } .dch-intro .dch-crumb { color: var(--slate-600); } .dch-intro .dch-crumb b { color: var(--teal-700); } .dch-intro h1 { font-size: 46px; line-height: 1.15; font-weight: 700; letter-spacing: -0.01em; margin: 20px 0; } /* ---------- Mock UI panels ---------- */ .dch-mock { background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-lift); padding: 22px; font-family: var(--font-body); } .dch-mock__hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; } .dch-mock__hd b { font-family: var(--font-display); font-size: 15px; font-weight: 600; color: var(--ink); letter-spacing: -0.01em; } .dch-mock__hd span { font-size: 12px; font-weight: 600; color: var(--teal-700); } .dch-mock__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #eef4f6; border-radius: 10px; padding: 11px 12px; margin-top: 8px; font-size: 14px; color: var(--ink); line-height: 1.35; } .dch-badge { display: inline-block; font-size: 12px; font-weight: 600; padding: 4px 9px; border-radius: var(--radius-sm); line-height: 1.2; white-space: nowrap; } .dch-badge--pri { background: var(--orange-50); color: var(--orange-700); } .dch-badge--next { background: var(--mint-100); color: var(--teal-700); } .dch-badge--live { background: var(--teal-950); color: var(--teal-200); } .dch-flow { display: grid; gap: 10px; } .dch-flow__step { display: flex; align-items: center; gap: 12px; background: var(--white); border-radius: 12px; padding: 12px 14px; box-shadow: var(--shadow-card); font-size: 14px; color: var(--ink); line-height: 1.35; } .dch-flow__step small { display: block; color: var(--slate-600); font-size: 12px; } .dch-flow__ic { width: 36px; height: 36px; border-radius: 10px; background: var(--mint-100); display: grid; place-items: center; flex: none; } .dch-flow__line { width: 2px; height: 14px; background: var(--mint-200); margin-left: 31px; } /* ---------- Photo placeholder ---------- */ .dch-photo { position: relative; border-radius: var(--radius-md); overflow: hidden; background: linear-gradient(135deg, #0b5a60, var(--teal-950)); min-height: 220px; } .dch-photo::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 22px); } .dch-photo span { position: absolute; left: 14px; bottom: 14px; font-family: var(--font-display); font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--white); background: rgba(5,56,60,0.75); padding: 6px 10px; border-radius: 6px; } /* ---------- Service card ---------- */ .dch-grid { display: grid; gap: var(--space-6); } .dch-grid--4 { grid-template-columns: repeat(4, minmax(0,1fr)); } .dch-grid--3 { grid-template-columns: repeat(3, minmax(0,1fr)); } .dch-grid--2 { grid-template-columns: repeat(2, minmax(0,1fr)); } .dch-card { position: relative; background: var(--white); border-radius: var(--radius-lg); padding: var(--space-8); display: flex; flex-direction: column; box-shadow: var(--shadow-card); border: 1px solid transparent; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .dch-card:hover, .dch-card.is-hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); border-color: var(--mint-200); } .dch-card__ic { width: 52px; height: 52px; margin-bottom: 22px; color: var(--teal-600); } .dch-card__ic svg { width: 52px; height: 52px; } .dch-card h3 { font-size: 20px; line-height: 1.3; font-weight: 600; margin-bottom: 12px; } .dch-card p { font-size: 15.5px; line-height: 1.75; } .dch-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; } .dch-card__tags span { font-size: 12px; font-weight: 500; color: var(--teal-700); background: var(--mint-50); border: 1px solid var(--mint-200); border-radius: var(--radius-pill); padding: 3px 10px; line-height: 1.4; } .dch-card__ft { margin-top: auto; padding-top: 26px; display: flex; align-items: center; justify-content: space-between; } .dch-plus { width: 34px; height: 34px; border-radius: 50%; background: var(--mint-50); color: var(--teal-600); display: grid; place-items: center; font-size: 20px; line-height: 1; transition: background .2s, color .2s; } .dch-card:hover .dch-plus, .dch-card.is-hover .dch-plus { background: var(--teal-600); color: var(--white); } .dch-card__more { opacity: 0; transition: opacity .2s; } .dch-card:hover .dch-card__more, .dch-card.is-hover .dch-card__more { opacity: 1; } .dch-card--feature { background: var(--teal-950); color: var(--slate-on-dark); } .dch-card--feature h3 { color: var(--white); } .dch-card--feature .dch-card__ic { color: var(--teal-200); } .dch-card--feature .dch-card__tags span { background: rgba(255,255,255,0.06); border-color: var(--line-dark); color: var(--teal-200); } .dch-card--feature .dch-plus { background: var(--orange-500); color: var(--ink); } .dch-card--feature .dch-link { color: var(--teal-200); } .dch-sec--dark .dch-card--feature { background: var(--teal-900); border-color: var(--line-dark); box-shadow: none; } .dch-card--plain .dch-card__ft { display: none; } /* filter pills */ .dch-filter { display: inline-flex; gap: 6px; padding: 6px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-pill); margin-bottom: 36px; } .dch-filter button { font-family: var(--font-display); font-size: 14px; font-weight: 500; color: var(--ink); background: transparent; border: 0; padding: 10px 20px; border-radius: var(--radius-pill); cursor: pointer; } .dch-filter button.is-on { background: var(--teal-950); color: var(--white); } .dch-filter button em { font-style: normal; font-size: 12px; color: var(--teal-700); margin-left: 6px; } .dch-filter button.is-on em { color: var(--teal-200); } /* ---------- Index rows (listing option B) ---------- */ .dch-index { border-top: 1px solid var(--line); } .dch-row { display: grid; grid-template-columns: 70px 1.1fr 1.5fr auto; gap: 28px; align-items: center; padding: 28px 8px; border-bottom: 1px solid var(--line); transition: background .2s; border-radius: 0; } .dch-row:hover, .dch-row.is-hover { background: var(--mint-50); } .dch-row__n { font-family: var(--font-display); font-size: 15px; font-weight: 600; color: var(--teal-600); } .dch-row h3 { font-size: 22px; font-weight: 600; line-height: 1.3; } .dch-row p { font-size: 15.5px; } .dch-row .dch-card__tags { margin-top: 10px; } .dch-arrow { width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid var(--line); display: grid; place-items: center; color: var(--teal-700); font-size: 20px; transition: all .2s; } .dch-row:hover .dch-arrow, .dch-row.is-hover .dch-arrow { background: var(--orange-500); border-color: var(--orange-500); color: var(--ink); } .dch-group-h { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin: 56px 0 18px; } .dch-group-h:first-child { margin-top: 0; } .dch-group-h h3 { font-size: 26px; } .dch-group-h p { max-width: 460px; font-size: 15px; } /* ---------- Process (stage tabs) ---------- */ .dch-stages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 8px; background: var(--white); border: 1px solid var(--line); border-radius: 22px; margin: 0 auto 26px; max-width: 1100px; } .dch-stage { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 16px; cursor: pointer; border: 0; background: transparent; text-align: left; font: inherit; } .dch-stage .n { width: 38px; height: 38px; border-radius: 50%; background: var(--mint-100); color: var(--teal-700); font-family: var(--font-display); font-weight: 600; font-size: 14px; display: grid; place-items: center; flex: none; } .dch-stage b { display: block; font-family: var(--font-display); font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.3; } .dch-stage small { font-size: 13px; color: var(--teal-700); } .dch-stage.is-on { background: var(--teal-950); } .dch-stage.is-on .n { background: var(--orange-500); color: var(--ink); } .dch-stage.is-on b { color: var(--white); } .dch-stage.is-on small { color: var(--teal-200); } .dch-panel { display: grid; grid-template-columns: 1fr 1fr; max-width: 1100px; margin: 0 auto; background: var(--white); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-card); } .dch-panel__txt { padding: 44px; } .dch-panel__txt h3 { font-size: 30px; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; color: var(--teal-950); margin-bottom: 18px; } .dch-panel__txt p + p { margin-top: 14px; } .dch-panel__txt .dch-btns { margin-top: 26px; } .dch-panel__art { background: var(--mint-100); display: grid; place-items: center; padding: 44px; } .dch-panel__art .dch-mock { width: 100%; max-width: 400px; } /* ---------- Accordion ---------- */ .dch-acc { display: grid; gap: 14px; } .dch-acc__item { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md); } .dch-acc__q { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 26px; background: none; border: 0; text-align: left; cursor: pointer; font-family: var(--font-display); font-size: 16px; font-weight: 500; color: var(--ink); line-height: 1.4; } .dch-acc__q i { font-style: normal; color: var(--teal-600); font-size: 22px; line-height: 1; flex: none; } .dch-acc__a { display: none; padding: 0 26px 22px; margin: 0 26px 0 26px; padding-left: 0; padding-right: 0; border-top: 1px solid var(--line); padding-top: 18px; font-size: 15.5px; } .dch-acc__item.is-open .dch-acc__a { display: block; } /* ---------- Reviews ---------- */ .dch-reviews { display: grid; grid-template-columns: 240px repeat(3, 1fr); gap: 20px; align-items: stretch; } .dch-rev-sum { display: flex; flex-direction: column; justify-content: center; gap: 6px; } .dch-rev-sum b { font-family: var(--font-display); font-size: 18px; color: var(--ink); } .dch-rev { background: var(--white); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-card); font-size: 15px; line-height: 1.6; color: var(--ink); } .dch-rev__who { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; font-family: var(--font-display); font-weight: 600; font-size: 15px; } .dch-rev__who i { width: 38px; height: 38px; border-radius: 50%; background: var(--mint-100); display: grid; place-items: center; font-style: normal; color: var(--teal-700); font-size: 14px; } /* ---------- Tools ---------- */ .dch-tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .dch-tool { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 26px; display: flex; gap: 18px; align-items: flex-start; } .dch-tool__mk { width: 52px; height: 52px; flex: none; border-radius: 14px; background: var(--teal-950); color: var(--teal-200); display: grid; place-items: center; font-family: var(--font-display); font-weight: 700; font-size: 18px; } .dch-tool h4 { font-size: 17px; font-weight: 600; margin-bottom: 4px; } .dch-tool p { font-size: 14.5px; line-height: 1.6; } .dch-tool__no { margin-left: auto; font-family: var(--font-display); font-size: 13px; color: var(--teal-700); font-weight: 600; } /* ---------- Feature rows / benefits ---------- */ .dch-feat { display: flex; gap: 18px; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid var(--line); } .dch-feat:last-child { border-bottom: 0; } .dch-feat__ic { width: 56px; height: 56px; border-radius: 14px; background: var(--grey-50); display: grid; place-items: center; color: var(--teal-600); flex: none; } .dch-feat h4 { font-size: 18px; font-weight: 600; margin-bottom: 6px; } .dch-feat p { font-size: 15.5px; } .dch-checks { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 10px; } .dch-checks li { display: flex; gap: 12px; align-items: flex-start; font-size: 15.5px; line-height: 1.6; color: var(--ink); } .dch-checks li::before { content: "✓"; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--mint-100); color: var(--teal-700); font-size: 12px; font-weight: 700; display: grid; place-items: center; margin-top: 2px; } .dch-sec--dark .dch-checks li { color: var(--white); } .dch-sec--dark .dch-checks li::before { background: var(--teal-900); color: var(--teal-200); } /* composite photo block (as on home 'Reasons to choose') */ .dch-comp { position: relative; height: 470px; } .dch-comp .p1 { position: absolute; left: 0; top: 0; width: 56%; height: 72%; border-radius: 0 16px 50px 0; } .dch-comp .p2 { position: absolute; right: 2%; bottom: 0; width: 54%; height: 70%; border-radius: 50px 16px 16px 16px; z-index: 2; border: 6px solid var(--white); } .dch-comp .blk1 { position: absolute; left: 0; top: 54%; width: 62%; height: 30%; background: var(--teal-600); border-radius: 0 0 0 40px; } .dch-comp .blk2 { position: absolute; right: 0; top: 14%; width: 52%; height: 55%; background: var(--navy-950); border-radius: 0 40px 0 0; background-image: radial-gradient(rgba(255,255,255,.35) 1.2px, transparent 1.3px); background-size: 16px 16px; } /* ---------- CTA band ---------- */ .dch-cta { position: relative; overflow: hidden; background: var(--teal-950); border-radius: var(--radius-xl); padding: 56px 60px; display: grid; grid-template-columns: 1.4fr auto; gap: 40px; align-items: center; } .dch-cta h2 { color: var(--white); font-size: 34px; line-height: 1.2; font-weight: 600; } .dch-cta p { color: var(--slate-on-dark); margin-top: 12px; max-width: 560px; } .dch-cta svg.rings { position: absolute; right: -120px; top: -160px; width: 520px; height: 520px; } .dch-cta svg.rings circle { fill: none; stroke: var(--teal-400); stroke-opacity: .2; } .dch-cta > * { position: relative; } /* ---------- Form ---------- */ .dch-form { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; } .dch-form .full { grid-column: 1 / -1; } .dch-in { width: 100%; height: 58px; border: 1px solid #cfd8db; border-radius: var(--radius-md); padding: 0 20px; font-family: var(--font-body); font-size: 15px; color: var(--ink); background: var(--white); } .dch-in::placeholder { color: #7d878d; } textarea.dch-in { height: 140px; padding-top: 16px; resize: vertical; } .dch-sec--dark .dch-in { background: var(--teal-900); border-color: var(--line-dark); color: var(--white); } .dch-sec--dark .dch-in::placeholder { color: var(--slate-on-dark); } /* ---------- Sticky sub-nav ---------- */ .dch-subnav { background: var(--white); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 4; } .dch-subnav__in { display: flex; align-items: center; gap: 6px; height: 64px; } .dch-subnav a { font-family: var(--font-display); font-size: 14px; font-weight: 500; color: var(--ink); padding: 8px 16px; border-radius: var(--radius-pill); } .dch-subnav a.is-on { background: var(--mint-50); color: var(--teal-700); box-shadow: inset 0 0 0 1px var(--mint-200); } .dch-subnav .dch-btn { margin-left: auto; } /* ---------- Detail layout with sidebar ---------- */ .dch-layout { display: grid; grid-template-columns: 1fr 360px; gap: 56px; align-items: start; } .dch-side { position: sticky; top: 24px; display: grid; gap: 20px; } .dch-side__cta { background: var(--teal-950); border-radius: var(--radius-lg); padding: 30px; color: var(--slate-on-dark); position: relative; overflow: hidden; } .dch-side__cta h4 { color: var(--white); font-size: 22px; line-height: 1.3; font-weight: 600; margin: 14px 0 10px; } .dch-side__cta .dch-btn { display: flex; width: auto; margin-top: 20px; } .dch-side__list { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 10px; } .dch-side__list h5 { font-family: var(--font-display); font-size: 14px; font-weight: 600; color: var(--ink); margin: 12px 14px 8px; } .dch-side__list a { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-radius: 10px; font-family: var(--font-display); font-size: 14.5px; color: var(--ink); } .dch-side__list a.is-on { background: var(--teal-950); color: var(--white); } .dch-side__list a span { color: var(--teal-700); } .dch-side__list a.is-on span { color: var(--orange-500); } .dch-block { padding: 56px 0; border-bottom: 1px solid var(--line); } .dch-block:first-child { padding-top: 0; } .dch-block:last-child { border-bottom: 0; } .dch-block > h2 { margin: 16px 0 16px; } .dch-glance { background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-lift); padding: 28px; } .dch-glance h4 { font-size: 16px; font-weight: 600; margin-bottom: 12px; display: flex; justify-content: space-between; } .dch-glance h4 span { font-size: 12px; color: var(--teal-700); font-family: var(--font-body); } .dch-glance dl { margin: 0; display: grid; gap: 0; } .dch-glance dl div { display: grid; grid-template-columns: 120px 1fr; gap: 14px; padding: 14px 0; border-top: 1px solid var(--line); font-size: 14.5px; line-height: 1.5; } .dch-glance dt { font-family: var(--font-display); font-weight: 500; color: var(--slate-600); font-size: 13px; } .dch-glance dd { margin: 0; color: var(--ink); } .dch-timeline { position: relative; display: grid; gap: 0; margin-top: 10px; } .dch-tl { display: grid; grid-template-columns: 56px 1fr; gap: 20px; padding-bottom: 28px; position: relative; } .dch-tl::before { content: ""; position: absolute; left: 27px; top: 50px; bottom: 0; width: 2px; background: var(--mint-200); } .dch-tl:last-child::before { display: none; } .dch-tl .n { width: 56px; height: 56px; border-radius: 50%; background: var(--mint-50); border: 1.5px solid var(--mint-200); display: grid; place-items: center; font-family: var(--font-display); font-weight: 600; color: var(--teal-700); } .dch-tl:first-child .n { background: var(--teal-950); color: var(--orange-500); border-color: var(--teal-950); } .dch-tl h4 { font-size: 18px; font-weight: 600; margin: 6px 0 6px; } .dch-subs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .dch-sub { display: flex; gap: 14px; align-items: flex-start; padding: 20px; border-radius: var(--radius-md); background: var(--grey-50); } .dch-sub b { display: block; font-family: var(--font-display); font-size: 16px; font-weight: 600; color: var(--ink); margin-bottom: 4px; } .dch-sub p { font-size: 14.5px; line-height: 1.6; } .dch-sub .n { font-family: var(--font-display); font-size: 13px; font-weight: 600; color: var(--teal-700); background: var(--white); border-radius: 8px; padding: 6px 8px; flex: none; } .dch-chips { display: flex; flex-wrap: wrap; gap: 10px; } .dch-chip { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px 10px 10px; border: 1px solid var(--line); border-radius: var(--radius-pill); font-family: var(--font-display); font-size: 14px; font-weight: 500; color: var(--ink); background: var(--white); } .dch-chip i { width: 28px; height: 28px; border-radius: 50%; background: var(--teal-950); color: var(--teal-200); display: grid; place-items: center; font-style: normal; font-size: 12px; font-weight: 700; } /* ---------- Footer ---------- */ .dch-footer { background: linear-gradient(160deg, var(--teal-900), var(--teal-950) 60%); color: var(--slate-on-dark); padding: 80px 0 0; font-size: 15px; } .dch-footer__top { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding-bottom: 44px; border-bottom: 1px solid var(--line-dark); } .dch-footer__top p { max-width: 360px; text-align: right; color: var(--white); font-size: 15px; line-height: 1.6; } .dch-footer__cols { display: grid; grid-template-columns: 1.2fr 0.8fr 0.8fr 1.3fr; gap: 40px; padding: 48px 0; } .dch-footer h5 { font-family: var(--font-display); font-size: 14px; font-weight: 700; color: var(--white); text-transform: uppercase; margin: 0 0 22px; position: relative; padding-bottom: 12px; } .dch-footer h5::after { content: ""; position: absolute; left: 0; bottom: 0; width: 26px; height: 2px; background: var(--orange-500); } .dch-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; } .dch-footer strong { color: var(--white); font-weight: 600; } .dch-news { display: flex; padding: 4px; border: 1px solid var(--line-dark); border-radius: var(--radius-pill); background: var(--teal-900); } .dch-news input { flex: 1; min-width: 0; border: 0; border-radius: var(--radius-pill); padding: 0 18px; height: 44px; font-family: var(--font-body); font-size: 14px; } .dch-news .dch-btn { height: 44px; padding: 0 18px; font-size: 12px; text-transform: uppercase; } .dch-social { display: flex; gap: 10px; margin-top: 18px; } .dch-social span { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line-dark); display: grid; place-items: center; color: var(--white); font-family: var(--font-display); font-size: 13px; font-weight: 600; } .dch-footer__bot { display: flex; justify-content: space-between; padding: 24px 0 28px; border-top: 1px solid var(--line-dark); font-size: 14px; } .dch-footer__bot div { display: flex; gap: 24px; } /* ---------- Responsive ---------- */ @media (max-width: 1100px) { .dch-grid--4 { grid-template-columns: repeat(2, 1fr); } .dch-layout { grid-template-columns: 1fr; } .dch-side { position: static; } .dch-reviews { grid-template-columns: 1fr 1fr; } } @media (max-width: 860px) { .dch-sec { padding: 64px 0; } .dch-wrap { padding: 0 16px; } .dch-nav, .dch-phone { display: none; } .dch-header__in { justify-content: space-between; } .dch-hero__in, .dch-split, .dch-panel, .dch-cta { grid-template-columns: 1fr; } .dch-hero__x { width: 100%; opacity: .35; } .dch-hero h1 { font-size: 38px; } .dch-intro h1, .dch-statement { font-size: 34px; } .dch-h2 { font-size: 30px; } .dch-grid--3, .dch-grid--2, .dch-tools, .dch-subs, .dch-form, .dch-reviews, .dch-stages { grid-template-columns: 1fr; } .dch-grid--4 { grid-template-columns: 1fr; } .dch-row { grid-template-columns: 1fr; gap: 10px; } .dch-footer__cols { grid-template-columns: 1fr 1fr; } .dch-footer__top { flex-direction: column; align-items: flex-start; } .dch-footer__top p { text-align: left; } .dch-subnav__in { overflow-x: auto; } } /* ============ Extra page sections (listing C–E, detail C–E) ============ */ /* hero centred + quick chips */ .dch-hero--center .dch-hero__in { grid-template-columns: 1fr; text-align: center; justify-items: center; min-height: 0; padding-top: 88px; padding-bottom: 96px; } .dch-hero--center .dch-lead { margin: 0 auto; } .dch-hero--center .dch-btns, .dch-hero--center .dch-crumb { justify-content: center; } .dch-hero--center h1 { max-width: 900px; } .dch-qchips { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 34px; max-width: 900px; } .dch-qchips a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: var(--radius-pill); border: 1px solid var(--line-dark); background: rgba(255,255,255,0.04); color: var(--white); font-family: var(--font-display); font-size: 14px; font-weight: 500; } .dch-qchips a span { color: var(--teal-200); display: inline-flex; } /* zig-zag showcase */ .dch-zig { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 72px; align-items: center; padding: 56px 0; } .dch-zig + .dch-zig { border-top: 1px solid var(--line); } .dch-zig--rev > :first-child { order: 2; } .dch-zig__art { position: relative; border-radius: var(--radius-xl); background: var(--mint-100); padding: 48px; min-height: 380px; display: grid; place-items: center; overflow: hidden; } .dch-zig__art--dark { background: var(--teal-950); } .dch-zig__art .dch-mock { width: 100%; max-width: 380px; position: relative; } .dch-zig__num { font-family: var(--font-display); font-size: 14px; font-weight: 600; color: var(--teal-700); display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .dch-zig__num::after { content: ""; height: 1px; width: 48px; background: var(--mint-200); } .dch-zig h3 { font-size: 32px; line-height: 1.2; font-weight: 600; margin-bottom: 14px; } /* explorer (vertical tabs) */ .dch-explorer { display: grid; grid-template-columns: 340px minmax(0,1fr); gap: 28px; align-items: start; } .dch-exp-list { background: var(--white); border-radius: var(--radius-lg); padding: 10px; box-shadow: var(--shadow-card); display: grid; gap: 4px; } .dch-exp-list button { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border: 0; background: transparent; border-radius: 12px; cursor: pointer; text-align: left; font-family: var(--font-display); font-size: 15px; font-weight: 500; color: var(--ink); } .dch-exp-list button span.ic { color: var(--teal-600); display: inline-flex; } .dch-exp-list button em { margin-left: auto; font-style: normal; color: var(--teal-700); } .dch-exp-list button.is-on { background: var(--teal-950); color: var(--white); } .dch-exp-list button.is-on span.ic { color: var(--teal-200); } .dch-exp-list button.is-on em { color: var(--orange-500); } .dch-exp-panel { background: var(--white); border-radius: var(--radius-xl); box-shadow: var(--shadow-card); overflow: hidden; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); } .dch-exp-panel__txt { padding: 44px; } .dch-exp-panel__txt h3 { font-size: 30px; line-height: 1.2; font-weight: 600; margin: 16px 0 14px; } .dch-exp-panel__art { background: var(--mint-100); padding: 36px; display: grid; place-items: center; } .dch-exp-panel__art .dch-mock { width: 100%; } /* bento */ .dch-bento { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-auto-rows: minmax(230px, auto); gap: 20px; } .dch-bento .dch-card { height: 100%; } .dch-bento .b-wide { grid-column: span 2; } .dch-bento .b-tall { grid-row: span 2; } .dch-bento .b-big { grid-column: span 2; grid-row: span 2; } .dch-bento .b-big h3 { font-size: 30px; } .dch-bento .b-big .dch-mock { margin-top: 26px; box-shadow: none; background: var(--teal-900); } .dch-bento .b-big .dch-mock__hd b { color: var(--white); } .dch-bento .b-big .dch-mock__hd span { color: var(--teal-200); } .dch-bento .b-big .dch-mock__row { background: rgba(255,255,255,0.06); color: var(--white); } .dch-bento .b-cta { background: var(--orange-500); color: var(--ink); } .dch-bento .b-cta h3, .dch-bento .b-cta p { color: var(--ink); } .dch-bento .b-mint { background: var(--mint-100); box-shadow: none; } /* choose-by-goal cards */ .dch-goal { background: var(--white); border-radius: var(--radius-lg); padding: 32px; border: 1px solid var(--line); } .dch-goal .q { font-family: var(--font-display); font-size: 13px; font-weight: 600; color: var(--orange-700); letter-spacing: .04em; text-transform: uppercase; } .dch-goal h4 { font-size: 22px; font-weight: 600; margin: 10px 0 12px; line-height: 1.3; } .dch-goal .dch-card__tags { margin-top: 18px; } /* big quote */ .dch-quote { max-width: 900px; margin: 0 auto; text-align: center; } .dch-quote blockquote { margin: 0; font-family: var(--font-display); font-size: 30px; line-height: 1.4; font-weight: 500; color: var(--white); letter-spacing: -0.01em; } .dch-quote blockquote::before { content: "\201C"; display: block; font-size: 90px; line-height: .6; color: var(--orange-500); margin-bottom: 18px; } .dch-quote cite { display: block; margin-top: 22px; font-style: normal; font-size: 15px; color: var(--slate-on-dark); } /* pain points */ .dch-pain { background: var(--white); border-radius: var(--radius-lg); padding: 28px; box-shadow: var(--shadow-card); position: relative; } .dch-pain .x { width: 40px; height: 40px; border-radius: 50%; background: var(--orange-50); color: var(--orange-700); display: grid; place-items: center; font-weight: 700; margin-bottom: 16px; } .dch-pain h4 { font-size: 18px; font-weight: 600; margin-bottom: 8px; } /* compare table */ .dch-compare { background: var(--white); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-card); } .dch-compare table { width: 100%; border-collapse: collapse; font-size: 15.5px; } .dch-compare th { font-family: var(--font-display); font-size: 15px; font-weight: 600; text-align: left; padding: 20px 28px; color: var(--ink); background: var(--grey-50); } .dch-compare th.us { background: var(--teal-950); color: var(--white); } .dch-compare td { padding: 18px 28px; border-top: 1px solid var(--line); vertical-align: top; line-height: 1.55; } .dch-compare td:first-child { font-family: var(--font-display); font-weight: 500; color: var(--ink); width: 26%; } .dch-compare td.us { background: var(--mint-50); color: var(--ink); } .dch-compare td.us::before { content: "✓ "; color: var(--teal-700); font-weight: 700; } /* horizontal steps */ .dch-hsteps { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; position: relative; } .dch-hsteps::before { content: ""; position: absolute; left: 6%; right: 6%; top: 28px; height: 2px; background: var(--mint-200); } .dch-hstep { position: relative; text-align: center; padding: 0 8px; } .dch-hstep .n { width: 56px; height: 56px; margin: 0 auto 18px; border-radius: 50%; background: var(--white); border: 2px solid var(--mint-200); display: grid; place-items: center; font-family: var(--font-display); font-weight: 600; color: var(--teal-700); position: relative; } .dch-hstep:first-child .n { background: var(--teal-950); border-color: var(--teal-950); color: var(--orange-500); } .dch-hstep h4 { font-size: 18px; font-weight: 600; margin-bottom: 8px; } .dch-hstep p { font-size: 15px; } /* overlapping dashboard mock */ .dch-overlap { position: relative; z-index: 3; margin-top: -150px; } .dch-dash { background: var(--white); border-radius: var(--radius-xl); box-shadow: var(--shadow-lift); padding: 18px; } .dch-dash__bar { display: flex; gap: 6px; padding: 4px 6px 14px; align-items: center; } .dch-dash__bar i { width: 10px; height: 10px; border-radius: 50%; background: var(--line); } .dch-dash__bar span { margin-left: 14px; flex: 1; height: 26px; border-radius: 8px; background: var(--grey-50); font-size: 12px; color: var(--slate-600); display: flex; align-items: center; padding: 0 12px; } .dch-dash__body { display: grid; grid-template-columns: 200px minmax(0,1fr); gap: 16px; } .dch-dash__nav { background: var(--teal-950); border-radius: 14px; padding: 18px; display: grid; gap: 8px; align-content: start; } .dch-dash__nav b { color: var(--white); font-family: var(--font-display); font-size: 14px; margin-bottom: 8px; } .dch-dash__nav span { font-size: 13px; color: var(--slate-on-dark); padding: 8px 10px; border-radius: 8px; } .dch-dash__nav span.on { background: var(--teal-900); color: var(--white); } .dch-dash__main { display: grid; gap: 14px; } .dch-dash__hero { border-radius: 14px; background: linear-gradient(120deg, var(--teal-950), #0b5a60); padding: 30px; color: var(--white); min-height: 170px; display: grid; align-content: center; gap: 10px; } .dch-dash__hero b { font-family: var(--font-display); font-size: 24px; line-height: 1.2; max-width: 380px; } .dch-dash__hero em { font-style: normal; width: 130px; height: 34px; border-radius: 999px; background: var(--orange-500); } .dch-dash__tiles { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; } .dch-dash__tiles div { background: var(--grey-50); border-radius: 12px; height: 92px; padding: 14px; } .dch-dash__tiles div i { display: block; width: 28px; height: 28px; border-radius: 8px; background: var(--mint-100); margin-bottom: 12px; } .dch-dash__tiles div s { display: block; height: 8px; border-radius: 4px; background: var(--line); width: 80%; text-decoration: none; } /* scope packages */ .dch-pack { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-xl); padding: 36px; display: flex; flex-direction: column; } .dch-pack h4 { font-size: 22px; font-weight: 600; } .dch-pack .for { font-size: 14.5px; margin: 8px 0 18px; } .dch-pack .price { font-family: var(--font-display); font-weight: 600; color: var(--ink); font-size: 15px; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 6px; } .dch-pack .dch-btn { margin-top: 28px; } .dch-pack--hot { background: var(--teal-950); border-color: var(--teal-950); color: var(--slate-on-dark); position: relative; } .dch-pack--hot h4, .dch-pack--hot .price { color: var(--white); } .dch-pack--hot .price { border-color: var(--line-dark); } .dch-pack--hot .dch-checks li { color: var(--white); } .dch-pack--hot .dch-checks li::before { background: var(--teal-900); color: var(--teal-200); } .dch-pack__flag { position: absolute; top: -14px; left: 36px; background: var(--orange-500); color: var(--ink); font-family: var(--font-display); font-size: 12px; font-weight: 600; padding: 6px 12px; border-radius: var(--radius-pill); } /* platform tabs */ .dch-ptabs { display: inline-flex; gap: 6px; padding: 6px; border-radius: var(--radius-pill); background: var(--teal-950); margin-bottom: 30px; } .dch-ptabs button { border: 0; background: transparent; color: var(--slate-on-dark); font-family: var(--font-display); font-size: 15px; font-weight: 500; padding: 12px 24px; border-radius: var(--radius-pill); cursor: pointer; } .dch-ptabs button.is-on { background: var(--orange-500); color: var(--ink); } .dch-ppanel { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 56px; align-items: center; } /* case study */ .dch-case { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); border-radius: var(--radius-xl); overflow: hidden; background: var(--white); box-shadow: var(--shadow-card); } .dch-case__txt { padding: 48px; } .dch-case__txt h3 { font-size: 30px; line-height: 1.2; font-weight: 600; margin: 16px 0 14px; } .dch-case__kpis { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 28px; } .dch-case__kpis div { background: var(--mint-50); border-radius: 12px; padding: 16px; } .dch-case__kpis b { display: block; font-family: var(--font-display); font-size: 24px; font-weight: 700; color: var(--teal-950); } .dch-case__kpis span { font-size: 13px; } .dch-case .dch-photo { border-radius: 0; min-height: 100%; } .dch-note { display: inline-block; font-size: 12px; font-weight: 600; color: var(--orange-700); background: var(--orange-50); border-radius: 6px; padding: 4px 8px; } /* stat strip (real facts only) */ .dch-strip { background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); } .dch-strip div { padding: 26px 28px; border-left: 1px solid var(--line); } .dch-strip div:first-child { border-left: 0; } .dch-strip b { display: block; font-family: var(--font-display); font-size: 18px; color: var(--ink); font-weight: 600; } .dch-strip span { font-size: 14px; } @media (max-width: 860px) { .dch-zig, .dch-explorer, .dch-exp-panel, .dch-ppanel, .dch-case, .dch-case__kpis, .dch-strip, .dch-dash__body, .dch-dash__tiles { grid-template-columns: minmax(0,1fr); } .dch-zig { gap: 32px; } .dch-zig--rev > :first-child { order: 0; } .dch-bento { grid-template-columns: minmax(0,1fr); } .dch-bento .b-wide, .dch-bento .b-big { grid-column: auto; } .dch-bento .b-tall, .dch-bento .b-big { grid-row: auto; } .dch-hsteps { grid-template-columns: minmax(0,1fr); gap: 28px; } .dch-hsteps::before { display: none; } .dch-dash__nav { display: none; } .dch-overlap { margin-top: -80px; } .dch-compare { overflow-x: auto; } .dch-compare table { min-width: 620px; } .dch-quote blockquote { font-size: 22px; } .dch-intro > .dch-wrap { grid-template-columns: minmax(0,1fr) !important; } .dch-head[style*="flex"] { flex-direction: column; align-items: flex-start !important; } .dch-ptabs { flex-wrap: wrap; border-radius: 20px; } .dch-hero__in > div[style*="justify-self"] { justify-self: stretch !important; max-width: none !important; } .dch-strip div { border-left: 0; border-top: 1px solid var(--line); } .dch-strip div:first-child { border-top: 0; } .dch-exp-panel__txt, .dch-case__txt, .dch-panel__txt { padding: 28px; } .dch-cta { padding: 36px 28px; } .dch-footer__cols { grid-template-columns: minmax(0,1fr); } .dch-footer__bot { flex-direction: column; gap: 12px; } } .dch-card .dch-eyebrow { align-self: flex-start; } /* ============ Services hero options (H1–H5) ============ */ /* H1 · diagonal photo split + overlapping category tabs */ .dch-hx1 { position: relative; background: var(--teal-950); overflow: hidden; } .dch-hx1__photo { position: absolute; top: 0; right: 0; bottom: 0; width: 46%; clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%); border-radius: 0; } .dch-hx1__photo.dch-photo { min-height: 0; } .dch-hx1__slash { position: absolute; top: 0; bottom: 0; right: 41%; width: 90px; background: var(--teal-600); clip-path: polygon(70% 0, 100% 0, 30% 100%, 0 100%); opacity: .9; } .dch-hx1__in { position: relative; z-index: 2; padding-top: 84px; padding-bottom: 150px; max-width: 640px; } .dch-hx1 h1 { color: var(--white); font-size: 56px; line-height: 1.1; font-weight: 700; letter-spacing: -0.015em; margin: 22px 0 20px; } .dch-hx1 .dch-lead { color: var(--slate-on-dark); } .dch-hx1 .dch-btns { margin-top: 32px; } .dch-hx1__badge { position: absolute; z-index: 3; right: 6%; top: 96px; background: var(--white); border-radius: var(--radius-lg); padding: 16px 20px; box-shadow: var(--shadow-lift); display: flex; gap: 14px; align-items: center; } .dch-hx1__badge b { display: block; font-family: var(--font-display); font-size: 15px; color: var(--ink); } .dch-hx1__badge span { font-size: 13px; } .dch-hx1__badge i { width: 44px; height: 44px; border-radius: 12px; background: var(--mint-100); color: var(--teal-700); display: grid; place-items: center; font-style: normal; font-family: var(--font-display); font-weight: 700; } .dch-hx1__badge--2 { top: auto; bottom: 170px; right: 26%; } .dch-cattabs { position: relative; z-index: 4; margin-top: -78px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0; background: var(--white); border-radius: var(--radius-xl); box-shadow: var(--shadow-lift); overflow: hidden; } .dch-cattab { padding: 28px 30px; display: flex; gap: 18px; align-items: flex-start; border-left: 1px solid var(--line); } .dch-cattab:first-child { border-left: 0; } .dch-cattab .ic { width: 52px; height: 52px; border-radius: 14px; background: var(--mint-50); color: var(--teal-600); display: grid; place-items: center; flex: none; } .dch-cattab h4 { font-size: 18px; font-weight: 600; margin-bottom: 4px; display: flex; gap: 10px; align-items: center; } .dch-cattab h4 em { font-style: normal; font-size: 12px; font-weight: 600; color: var(--teal-700); background: var(--mint-100); border-radius: var(--radius-pill); padding: 2px 9px; } .dch-cattab p { font-size: 14.5px; line-height: 1.6; } .dch-cattab.is-on { background: var(--teal-950); } .dch-cattab.is-on h4 { color: var(--white); } .dch-cattab.is-on p { color: var(--slate-on-dark); } .dch-cattab.is-on .ic { background: var(--teal-900); color: var(--teal-200); } .dch-cattab.is-on h4 em { background: var(--orange-500); color: var(--ink); } /* H2 · mint ground + dark launcher panel of all services */ .dch-hx2 { background: var(--mint-50); position: relative; overflow: hidden; } .dch-hx2__in { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; align-items: center; padding-top: 80px; padding-bottom: 88px; position: relative; } .dch-hx2 h1 { font-size: 52px; line-height: 1.12; font-weight: 700; letter-spacing: -0.015em; margin: 22px 0 20px; } .dch-hx2 .dch-btns { margin-top: 32px; } .dch-hx2__trust { display: flex; gap: 22px; align-items: center; margin-top: 36px; font-size: 14px; } .dch-hx2__trust b { font-family: var(--font-display); color: var(--ink); } .dch-launch { position: relative; background: var(--teal-950); border-radius: 36px; padding: 28px; overflow: hidden; } .dch-launch__hd { display: flex; justify-content: space-between; align-items: center; color: var(--white); font-family: var(--font-display); font-weight: 600; font-size: 15px; margin-bottom: 18px; position: relative; } .dch-launch__hd span { font-family: var(--font-body); font-weight: 500; font-size: 13px; color: var(--teal-200); } .dch-launch__grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; } .dch-launch__tile { background: var(--teal-900); border: 1px solid var(--line-dark); border-radius: 18px; padding: 18px 16px; color: var(--white); font-family: var(--font-display); font-size: 14px; font-weight: 500; line-height: 1.3; display: grid; gap: 14px; min-height: 118px; align-content: space-between; } .dch-launch__tile span { color: var(--teal-200); } .dch-launch__tile.is-on { background: var(--white); color: var(--ink); border-color: var(--white); box-shadow: 0 0 0 4px rgba(249,115,22,.0); } .dch-launch__tile.is-on span { color: var(--teal-600); } .dch-launch__tile.is-on::after { content: "Most requested"; justify-self: start; font-family: var(--font-body); font-size: 11px; font-weight: 600; background: var(--orange-500); color: var(--ink); padding: 3px 8px; border-radius: var(--radius-pill); } /* H3 · typographic: huge heading, outline X, service ticker */ .dch-hx3 { background: var(--teal-950); position: relative; overflow: hidden; } .dch-hx3__x { position: absolute; right: -60px; top: -40px; width: 620px; height: 640px; } .dch-hx3__x path { fill: none; stroke: var(--teal-400); stroke-opacity: .35; stroke-width: 1.5; } .dch-hx3__in { position: relative; padding-top: 88px; padding-bottom: 56px; } .dch-hx3 h1 { color: var(--white); font-size: 92px; line-height: .98; font-weight: 700; letter-spacing: -0.035em; margin: 26px 0 0; max-width: 1050px; } .dch-hx3 h1 .ln2 { color: var(--teal-200); } .dch-hx3__row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 48px; align-items: end; margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--line-dark); } .dch-hx3__row .dch-lead { color: var(--slate-on-dark); max-width: 560px; } .dch-ticker { position: relative; border-top: 1px solid var(--line-dark); background: var(--teal-900); overflow: hidden; } .dch-ticker__in { display: flex; gap: 0; white-space: nowrap; padding: 22px 0; } .dch-ticker__in span { font-family: var(--font-display); font-size: 22px; font-weight: 500; color: var(--white); display: inline-flex; align-items: center; gap: 28px; padding-right: 28px; } .dch-ticker__in span::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--orange-500); } .dch-ticker__in span:nth-child(even) { color: var(--teal-200); } @media (prefers-reduced-motion: no-preference) { .dch-ticker__in { animation: dch-tick 40s linear infinite; } } @keyframes dch-tick { to { transform: translateX(-50%); } } /* H4 · search-led */ .dch-hx4 { background: var(--teal-950); position: relative; overflow: hidden; } .dch-hx4::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(111,211,208,.16) 1.2px, transparent 1.3px); background-size: 26px 26px; } .dch-hx4__in { position: relative; text-align: center; padding-top: 84px; padding-bottom: 96px; } .dch-hx4 h1 { color: var(--white); font-size: 54px; line-height: 1.12; font-weight: 700; letter-spacing: -0.015em; margin: 22px auto 18px; max-width: 880px; } .dch-hx4 .dch-lead { color: var(--slate-on-dark); max-width: 620px; margin: 0 auto; } .dch-find { max-width: 860px; margin: 40px auto 0; background: var(--white); border-radius: 26px; padding: 10px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) auto; gap: 8px; box-shadow: 0 24px 60px rgba(0,0,0,.25); text-align: left; } .dch-find label { display: grid; gap: 4px; padding: 12px 20px; border-radius: 18px; background: var(--grey-50); } .dch-find label small { font-family: var(--font-display); font-size: 12px; font-weight: 600; color: var(--teal-700); text-transform: uppercase; letter-spacing: .04em; } .dch-find select { border: 0; background: transparent; font-family: var(--font-display); font-size: 16px; font-weight: 500; color: var(--ink); padding: 0; appearance: none; } .dch-find .dch-btn { height: auto; border-radius: 18px; padding: 0 30px; } .dch-popular { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; align-items: center; color: var(--slate-on-dark); font-size: 14px; } .dch-popular a { border: 1px solid var(--line-dark); color: var(--white); border-radius: var(--radius-pill); padding: 7px 14px; font-family: var(--font-display); font-size: 13px; } .dch-hx4__trust { display: flex; justify-content: center; gap: 40px; margin-top: 52px; flex-wrap: wrap; } .dch-hx4__trust div { font-size: 14px; color: var(--slate-on-dark); text-align: left; } .dch-hx4__trust strong { display: block; font-family: var(--font-display); font-size: 15px; color: var(--white); } /* H5 · white left, deep teal right block with collage + promises bar */ .dch-hx5 { position: relative; background: var(--white); overflow: hidden; } .dch-hx5__block { position: absolute; top: 0; right: 0; bottom: 64px; width: 44%; background: var(--teal-950); border-bottom-left-radius: 80px; overflow: hidden; } .dch-hx5__block svg { position: absolute; inset: 0; width: 100%; height: 100%; } .dch-hx5__block circle { fill: none; stroke: var(--teal-400); stroke-opacity: .2; } .dch-hx5__in { position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 56px; align-items: center; padding-top: 76px; padding-bottom: 120px; } .dch-hx5 h1 { font-size: 54px; line-height: 1.1; font-weight: 700; letter-spacing: -0.015em; margin: 22px 0 18px; } .dch-hx5 .dch-btns { margin-top: 30px; } .dch-hx5__art { position: relative; height: 470px; } .dch-hx5__art .p1 { position: absolute; left: 6%; top: 0; width: 62%; height: 74%; border-radius: 28px 28px 28px 90px; } .dch-hx5__art .p2 { position: absolute; right: 0; bottom: 0; width: 52%; height: 56%; border-radius: 90px 28px 28px 28px; border: 6px solid var(--teal-950); } .dch-hx5__art .dch-mock { position: absolute; left: -8%; bottom: 6%; width: 270px; z-index: 3; } .dch-promise { position: relative; z-index: 3; margin-top: -64px; background: var(--white); border-radius: var(--radius-xl); box-shadow: var(--shadow-lift); display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); } .dch-promise div { padding: 24px 26px; display: flex; gap: 14px; align-items: center; border-left: 1px solid var(--line); font-size: 14px; line-height: 1.45; } .dch-promise div:first-child { border-left: 0; } .dch-promise b { display: block; font-family: var(--font-display); color: var(--ink); font-size: 15px; } .dch-promise i { width: 44px; height: 44px; border-radius: 12px; background: var(--mint-50); color: var(--teal-600); display: grid; place-items: center; flex: none; font-style: normal; } /* peek of the next section under each hero */ .dch-peek { background: var(--grey-50); padding: 40px 0 0; height: 150px; overflow: hidden; } .dch-peek--after-overlap { padding-top: 72px; height: 200px; } @media (max-width: 860px) { .dch-hx1__photo, .dch-hx1__slash, .dch-hx1__badge { display: none; } .dch-hx1 h1, .dch-hx2 h1, .dch-hx4 h1, .dch-hx5 h1 { font-size: 36px; } .dch-hx3 h1 { font-size: 48px; } .dch-cattabs, .dch-promise { grid-template-columns: minmax(0,1fr); } .dch-cattab, .dch-promise div { border-left: 0; border-top: 1px solid var(--line); } .dch-hx2__in, .dch-hx5__in, .dch-hx3__row { grid-template-columns: minmax(0,1fr); } .dch-launch__grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .dch-find { grid-template-columns: minmax(0,1fr); } .dch-find .dch-btn { height: 52px; } .dch-hx5__block { width: 100%; top: auto; height: 520px; border-radius: 0; } .dch-hx5__art .dch-mock { left: 0; } } .dch-hx1 .dch-accent, .dch-hx3 .dch-accent, .dch-hx4 .dch-accent { color: var(--teal-200); } .dch-hx2 .dch-crumb, .dch-hx5 .dch-crumb { color: var(--slate-600); } .dch-hx2 .dch-crumb b, .dch-hx5 .dch-crumb b { color: var(--teal-700); } .dch-hx1__photo span { top: 18px; bottom: auto; } .dch-greyband { background: linear-gradient(to bottom, transparent 0 50%, var(--grey-50) 50%); } /* text inside linked cards keeps its own colours (canvas link colour fix) */ .dch-card p, .dch-row p, .dch-goal p, .dch-cx p { color: var(--slate-600); } .dch-card--feature p { color: var(--slate-on-dark); } .dch-bento .b-cta p { color: var(--ink); } /* ============ Content card section options (CX1–CX8) ============ */ :where(.dch-cx) a { color: inherit; } .dch-cx4 .big .dch-eyebrow { align-self: flex-start; } .dch-cxhead { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 44px; } .dch-cxhead h2 { margin-top: 18px; } .dch-cxhead p { max-width: 420px; } /* CX1 numbered cards, mint icon tile, link; dark hover */ .dch-cx1 { background: var(--white); border-radius: var(--radius-lg); padding: 32px; border: 1px solid var(--line); position: relative; display: flex; flex-direction: column; gap: 14px; transition: background .2s, transform .2s; } .dch-cx1 .no { position: absolute; top: 26px; right: 28px; font-family: var(--font-display); font-size: 40px; font-weight: 700; color: var(--mint-100); line-height: 1; } .dch-cx1 .ic { width: 64px; height: 64px; border-radius: 18px; background: var(--mint-50); color: var(--teal-600); display: grid; place-items: center; } .dch-cx1 h3 { font-size: 20px; font-weight: 600; margin-top: 8px; } .dch-cx1 .dch-link { margin-top: 6px; } .dch-cx1:hover, .dch-cx1.is-hover { background: var(--teal-950); border-color: var(--teal-950); transform: translateY(-4px); } .dch-cx1:hover h3, .dch-cx1.is-hover h3 { color: var(--white); } .dch-cx1:hover p, .dch-cx1.is-hover p { color: var(--slate-on-dark); } .dch-cx1:hover .ic, .dch-cx1.is-hover .ic { background: var(--teal-900); color: var(--teal-200); } .dch-cx1:hover .no, .dch-cx1.is-hover .no { color: var(--teal-900); } .dch-cx1:hover .dch-link, .dch-cx1.is-hover .dch-link { color: var(--orange-500); } /* CX2 sticky intro + horizontal cards */ .dch-cx2 { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.4fr); gap: 64px; align-items: start; } .dch-cx2__intro { position: sticky; top: 24px; } .dch-cx2__intro h2 { margin: 18px 0 16px; } .dch-cx2__intro .dch-btns { margin-top: 28px; } .dch-cx2__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; } .dch-hcard { background: var(--white); border-radius: var(--radius-lg); padding: 24px; display: flex; gap: 18px; align-items: flex-start; box-shadow: var(--shadow-card); } .dch-hcard .ic { width: 52px; height: 52px; border-radius: 14px; background: var(--teal-950); color: var(--teal-200); display: grid; place-items: center; flex: none; } .dch-hcard h3 { font-size: 17px; font-weight: 600; margin-bottom: 6px; line-height: 1.35; } .dch-hcard p { font-size: 14.5px; line-height: 1.6; } /* CX3 accordion list + live preview */ .dch-cx3 { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0; background: var(--white); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-card); } .dch-cx3__list { padding: 20px; } .dch-cx3__item { border-radius: 16px; padding: 18px 22px; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 16px; align-items: center; } .dch-cx3__item + .dch-cx3__item { margin-top: 4px; } .dch-cx3__item .ic { color: var(--teal-600); display: grid; place-items: center; } .dch-cx3__item h3 { font-size: 17px; font-weight: 600; } .dch-cx3__item p { display: none; grid-column: 2 / 3; font-size: 15px; line-height: 1.6; margin-top: -6px; } .dch-cx3__item i { font-style: normal; color: var(--teal-600); font-size: 20px; } .dch-cx3__item.is-on { background: var(--mint-50); box-shadow: inset 0 0 0 1px var(--mint-200); } .dch-cx3__item.is-on p { display: block; } .dch-cx3__art { background: var(--teal-950); padding: 48px; display: grid; place-items: center; position: relative; overflow: hidden; } .dch-cx3__art .dch-mock { width: 100%; max-width: 380px; position: relative; } .dch-bubble { padding: 11px 14px; border-radius: 14px; font-size: 14px; line-height: 1.45; max-width: 85%; margin-top: 8px; } .dch-bubble--in { background: var(--grey-50); color: var(--ink); border-bottom-left-radius: 4px; } .dch-bubble--out { background: var(--teal-950); color: var(--white); margin-left: auto; border-bottom-right-radius: 4px; } /* CX4 bento */ .dch-cx4 { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; grid-auto-rows: minmax(220px, auto); } .dch-cx4 .big { grid-column: span 2; grid-row: span 2; background: var(--teal-950); border-radius: var(--radius-xl); padding: 36px; display: flex; flex-direction: column; gap: 14px; } .dch-cx4 .big h3 { color: var(--white); font-size: 28px; font-weight: 600; line-height: 1.25; } .dch-cx4 .big p { color: var(--slate-on-dark); } .dch-cx4 .big .dch-mock { margin-top: auto; } .dch-cx4 .sm { background: var(--white); border-radius: var(--radius-lg); padding: 28px; display: flex; flex-direction: column; gap: 10px; box-shadow: var(--shadow-card); } .dch-cx4 .sm .ic { color: var(--teal-600); margin-bottom: 6px; } .dch-cx4 .sm h3 { font-size: 18px; font-weight: 600; } .dch-cx4 .sm p { font-size: 15px; line-height: 1.6; } .dch-cx4 .wide { grid-column: span 2; flex-direction: row; align-items: center; gap: 24px; background: var(--mint-100); box-shadow: none; } .dch-cx4 .wide .ic { width: 72px; height: 72px; flex: none; background: var(--white); border-radius: 20px; display: grid; place-items: center; margin: 0; } /* CX5 open grid, hairline dividers, no cards */ .dch-cx5 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); } .dch-cx5 > div { padding: 40px 36px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 14px; position: relative; } .dch-cx5 .ic { color: var(--teal-600); } .dch-cx5 h3 { font-size: 20px; font-weight: 600; } .dch-cx5 .dash { width: 28px; height: 3px; border-radius: 3px; background: var(--orange-500); } .dch-cx5 > div:hover, .dch-cx5 > div.is-hover { background: var(--mint-50); } /* CX6 illustrated top cards */ .dch-cx6 { background: var(--white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card); display: flex; flex-direction: column; } .dch-cx6__art { background: var(--mint-100); height: 190px; padding: 22px; display: grid; align-content: center; gap: 8px; position: relative; overflow: hidden; } .dch-cx6__art .chip { background: var(--white); border-radius: 12px; padding: 10px 12px; font-size: 13px; color: var(--ink); display: flex; justify-content: space-between; align-items: center; gap: 10px; box-shadow: 0 6px 16px rgba(5,56,60,.06); line-height: 1.3; } .dch-cx6__art .chip:nth-child(2) { margin-left: 28px; } .dch-cx6__body { padding: 26px 28px 30px; display: flex; flex-direction: column; gap: 10px; } .dch-cx6__body h3 { font-size: 19px; font-weight: 600; } .dch-cx6__body p { font-size: 15px; line-height: 1.65; } /* CX7 dark section cards */ .dch-cx7 { background: var(--teal-900); border: 1px solid var(--line-dark); border-radius: var(--radius-lg); padding: 32px; display: flex; flex-direction: column; gap: 14px; } .dch-cx7 .ic { width: 56px; height: 56px; border-radius: 16px; background: var(--orange-500); color: var(--ink); display: grid; place-items: center; } .dch-cx7 h3 { color: var(--white); font-size: 20px; font-weight: 600; margin-top: 6px; } .dch-cx7 p { color: var(--slate-on-dark) !important; } .dch-cx7 .dch-card__tags span { background: rgba(255,255,255,.05); border-color: var(--line-dark); color: var(--teal-200); } /* CX8 slider row */ .dch-cx8 { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 72px) / 4 + 0px); gap: 24px; overflow: hidden; padding: 6px 2px 24px; } .dch-cx8 .dch-card { min-height: 330px; } .dch-cx8__ctl { display: flex; align-items: center; gap: 18px; margin-top: 18px; } .dch-cx8__bar { flex: 1; height: 4px; border-radius: 4px; background: var(--line); position: relative; overflow: hidden; } .dch-cx8__bar::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 66%; background: var(--teal-600); border-radius: 4px; } .dch-cx8__ctl button { width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid var(--line); background: var(--white); color: var(--teal-700); font-size: 18px; cursor: pointer; } .dch-cx8__ctl button.on { background: var(--orange-500); border-color: var(--orange-500); color: var(--ink); } .dch-cx8__count { font-family: var(--font-display); font-weight: 600; color: var(--ink); font-size: 14px; } @media (max-width: 860px) { .dch-cxhead { flex-direction: column; align-items: flex-start; } .dch-cx2, .dch-cx3, .dch-cx2__grid, .dch-cx4, .dch-cx5 { grid-template-columns: minmax(0,1fr); } .dch-cx2__intro { position: static; } .dch-cx4 .big, .dch-cx4 .wide { grid-column: auto; grid-row: auto; } .dch-cx8 { grid-auto-columns: 85%; overflow-x: auto; } } /* ============ Service detail hero options (DH1–DH5) ============ */ .dch-dh .dch-crumb { margin-bottom: 22px; } .dch-dh--dark { background: var(--teal-950); position: relative; overflow: hidden; color: var(--slate-on-dark); } .dch-dh--dark h1 { color: var(--white); } .dch-dh--dark .dch-accent { color: var(--teal-200); } .dch-dh h1 { font-size: 54px; line-height: 1.1; font-weight: 700; letter-spacing: -0.015em; margin: 20px 0 18px; } .dch-dh .dch-btns { margin-top: 30px; } .dch-dh__grid { position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 56px; align-items: center; padding-top: 72px; padding-bottom: 88px; } /* DH1 before/after board */ .dch-ba { background: var(--teal-900); border: 1px solid var(--line-dark); border-radius: 28px; padding: 22px; display: grid; grid-template-columns: minmax(0,1fr) 36px minmax(0,1fr); gap: 10px; align-items: stretch; } .dch-ba__col { display: grid; gap: 8px; align-content: start; } .dch-ba__col h5 { margin: 0 0 6px; font-family: var(--font-display); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--slate-on-dark); } .dch-ba__col--after h5 { color: var(--teal-200); } .dch-ba__it { border-radius: 12px; padding: 12px; font-size: 13.5px; line-height: 1.4; } .dch-ba__col--before .dch-ba__it { background: rgba(255,255,255,.04); border: 1px dashed var(--line-dark); color: var(--slate-on-dark); } .dch-ba__col--before .dch-ba__it small { display: block; color: var(--orange-500); font-weight: 600; margin-top: 4px; } .dch-ba__col--after .dch-ba__it { background: var(--white); color: var(--ink); } .dch-ba__col--after .dch-ba__it small { display: block; color: var(--teal-700); font-weight: 600; margin-top: 4px; } .dch-ba__arrow { display: grid; place-items: center; } .dch-ba__arrow span { width: 36px; height: 36px; border-radius: 50%; background: var(--orange-500); color: var(--ink); display: grid; place-items: center; font-weight: 700; } .dch-subrow { position: relative; z-index: 3; margin-top: -44px; display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); background: var(--white); border-radius: 22px; box-shadow: var(--shadow-lift); overflow: hidden; } .dch-subrow a { padding: 18px 16px; display: flex; flex-direction: column; gap: 10px; border-left: 1px solid var(--line); font-family: var(--font-display); font-size: 14px; font-weight: 500; color: var(--ink); line-height: 1.3; } .dch-subrow a:first-child { border-left: 0; } .dch-subrow a span { color: var(--teal-600); } /* DH2 mint centred + wide photo stage with floating chips */ .dch-dh2 { background: var(--mint-50); position: relative; overflow: hidden; } .dch-dh2__top { text-align: center; padding-top: 64px; position: relative; } .dch-dh2__top .dch-crumb { justify-content: center; color: var(--slate-600); } .dch-dh2__top .dch-crumb b { color: var(--teal-700); } .dch-dh2__top h1 { max-width: 900px; margin-left: auto; margin-right: auto; } .dch-dh2__top .dch-lead { max-width: 640px; margin: 0 auto; } .dch-dh2__top .dch-btns { justify-content: center; } .dch-stage-photo { position: relative; margin-top: 52px; height: 400px; } .dch-stage-photo .dch-photo { position: absolute; inset: 0; border-radius: 32px 32px 0 0; min-height: 0; } .dch-float { position: absolute; z-index: 2; background: var(--white); border-radius: 16px; box-shadow: var(--shadow-lift); padding: 14px 16px; display: flex; gap: 12px; align-items: center; font-size: 13.5px; line-height: 1.35; color: var(--ink); } .dch-float b { display: block; font-family: var(--font-display); font-size: 14px; } .dch-float i { width: 38px; height: 38px; border-radius: 11px; background: var(--mint-100); color: var(--teal-700); display: grid; place-items: center; font-style: normal; flex: none; } /* DH3 dark + quick-quote form card */ .dch-qform { background: var(--white); border-radius: 28px; padding: 30px; box-shadow: 0 30px 70px rgba(0,0,0,.28); display: grid; gap: 14px; } .dch-qform h4 { font-size: 22px; font-weight: 600; color: var(--ink); } .dch-qform p { font-size: 14px; color: var(--slate-600); margin-top: -8px; } .dch-qform label { display: grid; gap: 6px; font-family: var(--font-display); font-size: 13px; font-weight: 500; color: var(--ink); } .dch-qform .dch-in { height: 50px; } .dch-qform select.dch-in { appearance: none; } .dch-qform .row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; } .dch-qform .dch-btn { width: 100%; } .dch-qform small { font-size: 12.5px; color: var(--slate-600); text-align: center; } .dch-hl { position: relative; white-space: nowrap; } .dch-hl::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 10px; background: var(--orange-500); opacity: .85; border-radius: 4px; z-index: -1; } .dch-dh3 h1 { position: relative; z-index: 1; } /* DH4 two-tone diagonal with orbit */ .dch-dh4 { position: relative; overflow: hidden; background: var(--white); } .dch-dh4__dark { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: var(--teal-950); clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%); } .dch-orbit { position: relative; height: 480px; } .dch-orbit svg.rings { position: absolute; inset: 0; width: 100%; height: 100%; } .dch-orbit svg.rings circle { fill: none; stroke: var(--teal-400); stroke-opacity: .3; } .dch-orbit__core { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 40px; background: var(--teal-600); color: var(--white); display: grid; place-items: center; box-shadow: 0 0 0 14px rgba(1,132,142,.25); } .dch-orbit__chip { position: absolute; background: var(--white); border-radius: var(--radius-pill); padding: 8px 16px 8px 8px; display: flex; gap: 10px; align-items: center; font-family: var(--font-display); font-size: 14px; font-weight: 500; color: var(--ink); box-shadow: var(--shadow-lift); } .dch-orbit__chip i { width: 30px; height: 30px; border-radius: 50%; background: var(--teal-950); color: var(--teal-200); display: grid; place-items: center; font-style: normal; font-size: 12px; font-weight: 700; } /* DH5 compact band + sub-service pills + audit card */ .dch-dh5__in { position: relative; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,.8fr); gap: 56px; align-items: end; padding-top: 64px; padding-bottom: 0; } .dch-dh5 h1 { font-size: 50px; } .dch-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; } .dch-pills a { display: inline-flex; gap: 8px; align-items: center; padding: 10px 16px; border-radius: var(--radius-pill); background: var(--teal-900); border: 1px solid var(--line-dark); color: var(--white); font-family: var(--font-display); font-size: 14px; } .dch-pills a span { color: var(--teal-200); display: inline-flex; } .dch-audit { background: var(--white); border-radius: 26px 26px 0 0; padding: 30px 30px 34px; color: var(--slate-600); } .dch-audit h4 { font-size: 22px; font-weight: 600; color: var(--ink); margin: 12px 0 8px; line-height: 1.3; } .dch-audit .dch-btn { width: 100%; margin-top: 20px; } .dch-audit .dch-checks li { font-size: 14.5px; } .dch-dh5__nav { position: relative; margin-top: 48px; border-top: 1px solid var(--line-dark); } .dch-dh5__nav .dch-wrap { display: flex; gap: 6px; height: 64px; align-items: center; } .dch-dh5__nav a { font-family: var(--font-display); font-size: 14px; color: var(--slate-on-dark); padding: 8px 16px; border-radius: var(--radius-pill); } .dch-dh5__nav a.is-on { background: var(--teal-900); color: var(--white); box-shadow: inset 0 -2px 0 var(--orange-500); } @media (max-width: 860px) { .dch-dh__grid, .dch-dh5__in, .dch-qform .row { grid-template-columns: minmax(0,1fr); } .dch-dh h1 { font-size: 36px; } .dch-subrow { grid-template-columns: repeat(2, minmax(0,1fr)); } .dch-ba { grid-template-columns: minmax(0,1fr); } .dch-ba__arrow span { transform: rotate(90deg); } .dch-dh4__dark { width: 100%; top: auto; height: 520px; clip-path: none; } .dch-float { display: none; } .dch-dh5__nav .dch-wrap { overflow-x: auto; } } .dch-dh--dark .dch-checks li { color: var(--white); } .dch-dh--dark .dch-checks li::before { background: var(--teal-900); color: var(--teal-200); } .dch-dh5__in { padding-bottom: 40px; } .dch-audit { border-radius: 26px; } .dch-dh--dark .dch-audit .dch-checks li { color: var(--ink); } .dch-dh--dark .dch-audit .dch-checks li::before { background: var(--mint-100); color: var(--teal-700); } /* ============ Full content template sections (FT) ============ */ /* logo strip */ .dch-logos { background: var(--white); border-bottom: 1px solid var(--line); padding: 36px 0; } .dch-logos__in { display: grid; grid-template-columns: auto 1fr; gap: 40px; align-items: center; } .dch-logos__lbl { font-family: var(--font-display); font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--slate-600); line-height: 1.4; max-width: 140px; } .dch-logos__row { display: grid; grid-template-columns: repeat(10, minmax(0,1fr)); gap: 14px; } .dch-logos__row span { height: 52px; border-radius: 10px; background: var(--grey-50); border: 1px dashed #cfd8db; display: grid; place-items: center; font-family: var(--font-display); font-size: 11px; font-weight: 600; color: #7d878d; letter-spacing: .04em; } /* consult form section */ .dch-consult { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0; background: var(--white); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-card); } .dch-consult .dch-photo { border-radius: 0; min-height: 100%; } .dch-consult__form { padding: 48px; } .dch-consult__form h2 { font-size: 30px; line-height: 1.25; font-weight: 600; margin: 16px 0 10px; } .dch-consult__form > p { margin-bottom: 24px; } /* single photo + badge image block */ .dch-imgblock { position: relative; padding: 0 0 28px 28px; } .dch-imgblock::before { content: ""; position: absolute; left: 0; bottom: 0; width: 70%; height: 70%; background: var(--teal-600); border-radius: 0 0 0 40px; } .dch-imgblock .dch-photo { position: relative; min-height: 420px; border-radius: 28px 28px 28px 80px; } .dch-imgblock__badge { position: absolute; right: -18px; top: 40px; z-index: 2; background: var(--white); border-radius: 16px; box-shadow: var(--shadow-lift); padding: 14px 18px; display: flex; gap: 12px; align-items: center; font-size: 13.5px; color: var(--ink); line-height: 1.35; } .dch-imgblock__badge b { display: block; font-family: var(--font-display); font-size: 14px; } .dch-imgblock__badge i { width: 40px; height: 40px; border-radius: 12px; background: var(--mint-100); color: var(--teal-700); display: grid; place-items: center; font-style: normal; flex: none; } .dch-cta-split .dch-btns { margin-top: 28px; align-items: center; } .dch-phone-link { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 600; color: var(--ink); font-size: 15px; } .dch-phone-link i { width: 44px; height: 44px; border-radius: 50%; background: var(--white); border: 1px solid var(--mint-200); color: var(--teal-700); display: grid; place-items: center; font-style: normal; } .dch-cta-split .dch-photo { min-height: 440px; border-radius: 28px; } /* benefits dark */ .dch-bens { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; } .dch-ben { background: var(--teal-900); border: 1px solid var(--line-dark); border-radius: var(--radius-lg); padding: 30px; display: flex; flex-direction: column; gap: 12px; } .dch-ben .n { font-family: var(--font-display); font-size: 13px; font-weight: 600; color: var(--orange-500); } .dch-ben h3 { color: var(--white); font-size: 19px; font-weight: 600; } .dch-ben p { color: var(--slate-on-dark); font-size: 15px; line-height: 1.65; } /* industry image cards */ .dch-ind { background: var(--white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card); display: flex; flex-direction: column; } .dch-ind .dch-photo { min-height: 180px; border-radius: 0; } .dch-ind__body { padding: 24px 26px 28px; display: grid; gap: 8px; } .dch-ind__body h3 { font-size: 19px; font-weight: 600; } .dch-ind__body p { font-size: 15px; line-height: 1.65; color: var(--slate-600); } /* final ready block */ .dch-ready { position: relative; overflow: hidden; background: var(--teal-950); border-radius: var(--radius-xl); display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 48px; padding: 56px; align-items: center; } .dch-ready svg.rings { position: absolute; left: -160px; bottom: -220px; width: 560px; height: 560px; } .dch-ready svg.rings circle { fill: none; stroke: var(--teal-400); stroke-opacity: .2; } .dch-ready > * { position: relative; } .dch-ready h2 { color: var(--white); font-size: 36px; line-height: 1.2; font-weight: 600; margin: 18px 0 14px; } .dch-ready p { color: var(--slate-on-dark); } .dch-ready .dch-btns { margin-top: 28px; } .dch-ready .dch-qform { box-shadow: none; } .dch-rot { display: inline-grid; vertical-align: bottom; height: 1.2em; overflow: hidden; color: var(--teal-200); } .dch-rot span { display: block; height: 1.2em; } @media (prefers-reduced-motion: no-preference) { .dch-rot span { animation: dch-rot 6s infinite; } } @keyframes dch-rot { 0%,28% { transform: translateY(0); } 33%,61% { transform: translateY(-100%); } 66%,94% { transform: translateY(-200%); } 100% { transform: translateY(0); } } .dch-secnum { font-family: var(--font-display); font-size: 12px; font-weight: 600; color: var(--orange-700); } @media (max-width: 860px) { .dch-logos__in, .dch-consult, .dch-ready, .dch-bens { grid-template-columns: minmax(0,1fr); } .dch-logos__row { grid-template-columns: repeat(5, minmax(0,1fr)); } .dch-consult__form, .dch-ready { padding: 28px; } .dch-consult .dch-photo { min-height: 260px; } .dch-imgblock__badge { right: 8px; } } .dch-ready .dch-qform p { color: var(--slate-600); } /* Elementor compatibility: preserve the reference system inside dynamic widgets. */ section.dch-aipd{width:100%} .dch-aipd .dch-photo-img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover} .dch-aipd .dch-photo:has(.dch-photo-img)::before{display:none} .dch-aipd .dch-photo-label{z-index:1} .dch-aipd .dch-logos__row>div{height:52px;border:1px dashed #cfd8db;border-radius:10px;background:var(--grey-50);display:grid;place-items:center;color:#7d878d;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.04em} .dch-aipd .dch-client-logo{position:static;max-width:100px;max-height:38px;object-fit:contain} .dch-aipd .dch-float.pos-0{left:-28px;top:60px}.dch-aipd .dch-float.pos-1{left:60px;top:190px}.dch-aipd .dch-float.pos-2{right:-28px;top:80px}.dch-aipd .dch-float.pos-3{right:70px;top:220px} .dch-aipd .dch-card__ic{display:block;background:none;border-radius:0} .dch-aipd .dch-card__ic svg{width:52px;height:52px} .dch-aipd .dch-card__ic--library{display:flex;align-items:center;justify-content:flex-start;font-size:48px;line-height:1} .dch-aipd .dch-card__ic--library i{font-size:48px;line-height:1;color:inherit} .dch-aipd .dch-card__ic--image{display:flex;align-items:center;justify-content:flex-start} .dch-aipd .dch-card__ic-img{display:block;width:52px;height:52px;object-fit:contain;object-position:left center} .dch-aipd .dch-imgblock__badge strong,.dch-aipd .dch-imgblock__badge span{display:block} body.dch-solutek-skin [class*=elementor-widget-acjon_aipd_] .dch{color:var(--slate-600);font-family:var(--font-body)} body.dch-solutek-skin [class*=elementor-widget-acjon_aipd_] .dch :is(h1,h2,h3,h4,h5,h6){color:var(--ink);font-family:var(--font-display)!important} body.dch-solutek-skin [class*=elementor-widget-acjon_aipd_] .dch :is(p,li,label,input,textarea,select){color:var(--slate-600);font-family:var(--font-body)!important} body.dch-solutek-skin [class*=elementor-widget-acjon_aipd_] .dch-sec--dark :is(h1,h2,h3,h4,h5,h6){color:var(--white)} body.dch-solutek-skin [class*=elementor-widget-acjon_aipd_] .dch-sec--dark :is(p,li){color:var(--slate-on-dark)} body.dch-solutek-skin [class*=elementor-widget-acjon_aipd_] .dch-ready :is(h1,h2,h3){color:var(--white)} body.dch-solutek-skin [class*=elementor-widget-acjon_aipd_] .dch-ready>div>p{color:var(--slate-on-dark)} @media(max-width:860px){.dch-aipd .dch-float{position:static;margin-top:12px}.dch-aipd .dch-stage-photo{height:auto}.dch-aipd .dch-stage-photo>.dch-photo{position:relative;height:320px}.dch-aipd .dch-logos__row{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Dynamic markup adapters for the exact full-content reference. */ .elementor-widget-acjon_aipd_hero .dch-dh2:before{position:absolute;right:-220px;top:-260px;width:760px;height:760px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 25px,rgba(1,132,142,.12) 26px 27px);content:"";pointer-events:none} .dch-dh2 .dch-crumb i{font-style:normal}.dch-dh2 .dch-crumb strong{color:var(--teal-700)} .dch-dh2 .dch-head-copy{max-width:780px;margin:0 auto;font-size:18px;line-height:1.65} .dch-head .dch-h2,.dch-split .dch-h2{margin-top:18px}.dch-split .dch-head-copy{margin-top:18px} .elementor-widget-acjon_aipd_consultation .dch-sec{padding:72px 0}.dch-consult__form .dch-head-copy{margin-bottom:24px} .dch-consult__form .dch-form button.full{justify-self:start;width:auto} .dch-services-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.dch-services-head>p{max-width:440px}.dch-services-head .dch-h2{max-width:700px} .dch-aipd .dch-card{min-height:345px}.dch-aipd .dch-link{color:var(--teal-700);font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase}.dch-aipd .dch-plus{width:34px;height:34px;border-radius:50%;background:var(--mint-50);display:grid;place-items:center;color:var(--teal-700)} .dch-aipd .dch-photo{min-height:220px}.dch-aipd .dch-cta-split .dch-photo{min-height:440px} .dch-aipd .dch-imgblock__badge strong{font-family:var(--font-display);font-size:14px}.dch-aipd .dch-imgblock__badge span{font-size:13.5px} .dch-advantages:before{position:absolute;right:-320px;top:-260px;width:900px;height:900px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 21px,rgba(0,152,156,.2) 22px 23px);content:"";pointer-events:none}.dch-advantages>.dch-wrap{position:relative}.dch-advantages .dch-ben{min-height:240px} .elementor-widget-acjon_aipd_industries .dch-ind{display:flex;overflow:hidden;flex-direction:column;border:0;border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-card)} .elementor-widget-acjon_aipd_industries .dch-ind .dch-photo{width:100%;height:180px;min-height:180px;flex:0 0 180px;border-radius:0} .elementor-widget-acjon_aipd_industries .dch-ind .dch-photo-img{width:100%;height:100%;object-fit:cover} .elementor-widget-acjon_aipd_industries .dch-ind__body{display:grid;flex:1;gap:8px;padding:24px 26px 28px;background:var(--white)} .elementor-widget-acjon_aipd_industries .dch-ind__body h3{margin:0;color:var(--ink);font-size:19px;font-weight:600;line-height:1.3} .elementor-widget-acjon_aipd_industries .dch-ind__body p{margin:0;color:var(--slate-600);font-size:15px;line-height:1.65} .dch-reviews-section{padding:64px 0}.dch-reviews-title{margin-bottom:28px}.dch-rev__who h4{margin:0;color:var(--ink);font-size:15px;font-weight:600}.dch-rev .dch-stars{margin-bottom:8px}.dch-rev-sum .dch-btn{align-self:flex-start;margin-top:8px} .dch-faq-intro>.dch-head-copy{margin:16px 0 26px}.dch-faq-intro>.dch-photo{min-height:300px}.dch-acc__item summary{list-style:none}.dch-acc__item summary::-webkit-details-marker{display:none}.dch-acc__item[open] .dch-acc__a{display:block}.dch-acc__item[open] .dch-acc__q i{transform:rotate(45deg)}.dch-acc__q h3{margin:0;color:var(--ink);font-size:16px;font-weight:500;line-height:1.4}.dch-acc__a p{margin:0} .dch-ready-section .dch-ready .dch-eyebrow{margin-bottom:0}.dch-ready-section .dch-qform h4{margin:0}.dch-ready-section .dch-qform .dch-btn{border:0}.dch-ready-section .dch-qform>p{color:var(--slate-600)} @media(max-width:860px){.dch-services-head{display:block}.dch-services-head>p{margin-top:18px}.dch-aipd .dch-grid--3,.dch-aipd .dch-tools,.dch-aipd .dch-reviews{grid-template-columns:1fr}.dch-aipd .dch-split{grid-template-columns:1fr;gap:40px}.dch-aipd .dch-qform .row{grid-template-columns:1fr}.dch-aipd .dch-dh2__top{padding-top:42px}.dch-aipd .dch-dh2__top h1{font-size:42px}.dch-advantages:before{right:-620px}.dch-aipd .dch-comp{height:400px}} /* WPForms adapters: retain the reference layouts while WPForms owns validation and submission. */ .dch-aipd .acjon-wpforms-wrap .wpforms-container{margin:0!important;padding:0!important} .dch-aipd .acjon-wpforms-wrap .wpforms-field{padding-top:0!important;padding-bottom:16px!important} .dch-aipd .acjon-wpforms-wrap .wpforms-field-layout{padding-bottom:0!important} .dch-aipd .acjon-wpforms-wrap .wpforms-field-layout-columns{gap:16px!important} .dch-aipd .acjon-wpforms-wrap input:not([type=checkbox]):not([type=radio]):not([type=submit]), .dch-aipd .acjon-wpforms-wrap select, .dch-aipd .acjon-wpforms-wrap textarea{box-sizing:border-box!important;width:100%!important;max-width:none!important;border:1px solid #cfd8db!important;border-radius:10px!important;background:#fff!important;color:var(--ink)!important;font-family:var(--font-body)!important;font-size:15px!important;line-height:1.4!important;box-shadow:none!important;outline:0!important} .dch-aipd .acjon-wpforms-wrap input:not([type=checkbox]):not([type=radio]):not([type=submit]), .dch-aipd .acjon-wpforms-wrap select{height:58px!important;padding:0 20px!important} .dch-aipd .acjon-wpforms-wrap textarea{min-height:140px!important;padding:16px 20px!important;resize:vertical} .dch-aipd .acjon-wpforms-wrap :is(input,select,textarea):focus{border-color:var(--teal-600)!important;box-shadow:0 0 0 3px rgba(1,132,142,.12)!important} .dch-aipd .acjon-wpforms-wrap :is(input,textarea)::placeholder{color:#7d878d!important;opacity:1} .dch-aipd .acjon-wpforms-wrap .wpforms-submit-container{margin:0!important;padding:0!important} .dch-aipd .acjon-wpforms-wrap button[type=submit], .dch-aipd .acjon-wpforms-wrap input[type=submit]{min-height:48px!important;border:0!important;border-radius:999px!important;padding:0 28px!important;font-family:var(--font-display)!important;font-size:14px!important;font-weight:600!important;line-height:48px!important;box-shadow:none!important;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important} .dch-aipd .acjon-wpforms-wrap button[type=submit]:hover, .dch-aipd .acjon-wpforms-wrap input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.16)!important} .dch-consult__form .dch-wpform--consultation .wpforms-field-label{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} .dch-consult__form .dch-wpform--consultation button[type=submit], .dch-consult__form .dch-wpform--consultation input[type=submit]{background:var(--teal-700)!important;color:#fff!important} .dch-ready .dch-qform .acjon-wpforms-wrap{margin-top:4px} .dch-ready .dch-qform .wpforms-field-label{display:block!important;margin:0 0 6px!important;color:var(--ink)!important;font-family:var(--font-display)!important;font-size:13px!important;font-weight:500!important;line-height:1.35!important} .dch-ready .dch-qform .acjon-wpforms-wrap input:not([type=checkbox]):not([type=radio]):not([type=submit]), .dch-ready .dch-qform .acjon-wpforms-wrap select{height:50px!important} .dch-ready .dch-qform .acjon-wpforms-wrap textarea{min-height:96px!important} .dch-ready .dch-qform .acjon-wpforms-wrap button[type=submit], .dch-ready .dch-qform .acjon-wpforms-wrap input[type=submit]{width:100%!important;background:var(--orange-500)!important;color:#08111c!important} .dch-aipd .acjon-wpforms-notice{margin:18px 0 0;padding:12px 14px;border:1px dashed var(--teal-600);border-radius:10px;color:var(--slate-600);font-size:14px} @media(max-width:600px){.dch-aipd .acjon-wpforms-wrap .wpforms-field-layout-columns{display:block!important}.dch-aipd .acjon-wpforms-wrap .wpforms-layout-column{width:100%!important;padding:0!important}} .dch-md-hero{position:relative;overflow:hidden;background:var(--mint-50);padding:82px 0 90px;text-align:center}.dch-md-hero:after{content:"";position:absolute;right:-220px;top:-300px;width:720px;height:720px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 24px,rgba(1,132,142,.1) 25px 26px)}.dch-md-hero .dch-wrap{position:relative;z-index:1}.dch-md-hero .dch-crumb{justify-content:center}.dch-md-hero h1{max-width:1050px;margin:24px auto 18px;font-size:clamp(40px,5vw,68px);line-height:1.1}.dch-md-hero p{max-width:800px;margin:0 auto 28px;font-size:18px;line-height:1.65}.dch-md-section{padding:82px 0}.dch-md-section:nth-child(odd){background:var(--grey-50)}.dch-md-section h2{max-width:920px;margin:0 auto 36px;text-align:center;font-size:clamp(30px,4vw,48px);line-height:1.18}.dch-md-section>.dch-wrap>p{max-width:920px;margin:0 auto 20px;font-size:17px;line-height:1.75}.dch-md-card{display:inline-flex;vertical-align:top;flex-direction:column;width:calc(33.333% - 19px);min-height:300px;margin:0 12px 24px 0;padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-card)}.dch-md-card h3{font-size:21px;margin-bottom:14px}.dch-md-card p{font-size:15px;line-height:1.7}.dch-md-section figure{margin:30px auto;max-width:1100px}.dch-md-section figure img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:20px}.dch-md-section figure img[src$=".svg"]{width:64px;height:64px;object-fit:contain;border-radius:0}.dch-md-section .wpforms-container{max-width:760px;margin:30px auto!important;padding:34px!important;border-radius:24px;background:#fff;box-shadow:var(--shadow-card)}.dch-md-reviews{max-width:920px;margin:24px auto;padding:28px;border-radius:16px;background:#fff;color:var(--orange-500);font-size:24px}.dch-md-reviews strong{color:var(--ink);margin-left:16px}.dch-md-section>.dch-wrap>.dch-link{display:table;margin:20px auto}@media(max-width:860px){.dch-md-card{display:flex;width:100%;margin-right:0;min-height:0}.dch-md-section{padding:58px 0}.dch-md-hero{padding:60px 0 70px}} /* wp-content/plugins/acjon-elementor-addon/assets/css/acjon-header-v2.css */ .acjon-hd{--hd-orange:#f97316;--hd-orange-dark:#c2410c;--hd-deep:#062a2c;--hd-ink:#0b3a3d;--hd-mint:#eef7f4;--hd-tint:#d9eee8;--hd-body:#4b5f61;--hd-line:#c9e3de;--hd-teal:#0f766e;position:relative;z-index:999;font-family:"Fira Sans",Arial,sans-serif;color:#fff} .acjon-hd *,.acjon-hd *:before,.acjon-hd *:after{box-sizing:border-box} .acjon-hd :where(h1,h2,h3,h4,h5,h6,p,div,span,strong,small){margin-top:0} .acjon-hd a{text-decoration:none!important} .acjon-hd ul{margin:0;padding:0;list-style:none} .acjon-hd-container{width:min(100% - 48px,1320px);margin:0 auto} .acjon-hd-top{border-bottom:1px solid rgba(207,230,225,.14);background:#062a2c;color:#cfe6e1;font-size:12px} .acjon-hd-top .acjon-hd-container{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:38px} .acjon-hd-welcome{margin:0;color:inherit;font:500 12px/1.4 "Fira Sans",sans-serif} .acjon-hd-top-contact{display:flex;align-items:center;gap:24px}.acjon-hd-top-contact a,.acjon-hd-top-contact span{color:inherit} .acjon-hd-bar{position:relative;background:linear-gradient(105deg,#0a4448,#062a2c 62%);box-shadow:0 7px 28px rgba(0,0,0,.13)} .acjon-hd-bar>.acjon-hd-container{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:84px} .acjon-hd-logo{display:inline-flex;align-items:center;width:max-content}.acjon-hd-logo img{display:block;width:150px;max-width:100%;height:auto} .acjon-hd-nav{height:100%}.acjon-hd-nav>ul{display:flex;align-items:center;justify-content:center;gap:3px;height:100%} .acjon-hd-nav>ul>li{position:static;height:100%;display:flex;align-items:center} .acjon-hd-nav>ul>li>a{display:inline-flex;align-items:center;gap:7px;padding:11px 13px;border-radius:10px;color:#fff!important;font-size:14px;font-weight:600;line-height:1.2;transition:background .18s,color .18s} .acjon-hd-nav>ul>li>a:hover,.acjon-hd-nav>ul>li.is-open>a,.acjon-hd-nav>ul>li.current-menu-item>a{color:var(--hd-orange)!important;background:rgba(255,255,255,.075)} .acjon-has-mega-menu>a:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s} .acjon-has-mega-menu.is-open>a:after{transform:rotate(225deg) translate(-2px,-1px)} .acjon-hd-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px} .acjon-hd-phone{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-weight:600;font-size:14px;white-space:nowrap}.acjon-hd-phone>span:first-child{color:var(--hd-orange)}.acjon-hd-phone-text{margin:0;color:inherit;font:inherit} .acjon-hd-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 19px;border-radius:11px;background:var(--hd-orange);color:var(--hd-deep)!important;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .18s,background .18s}.acjon-hd-cta:hover{background:#fb8a37;transform:translateY(-2px)}.acjon-hd-cta-text{margin:0;color:inherit;font:inherit} .acjon-hd-menu-toggle{display:none;width:44px;height:44px;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.06)}.acjon-hd-menu-toggle i{display:block;height:2px;margin:4px 0;border-radius:2px;background:#fff} .acjon-hd-mega{position:absolute;top:100%;left:50%;width:min(1120px,calc(100vw - 48px));opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none} .elementor-widget-acjon_header .acjon-hd .acjon-hd-nav>ul>li{position:static!important;overflow:visible!important} .elementor-widget-acjon_header .acjon-hd .acjon-hd-mega.tp-megamenu-wrapper{display:block!important;position:absolute!important;top:100%!important;left:50%!important;right:auto!important;width:min(1120px,calc(100vw - 48px))!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;transform:translate(-50%,8px);transform-origin:top center!important} .acjon-has-mega-menu.is-open>.acjon-hd-mega,.acjon-has-mega-menu:hover>.acjon-hd-mega,.acjon-has-mega-menu:focus-within>.acjon-hd-mega{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto} .elementor-widget-acjon_header .acjon-hd .acjon-has-mega-menu.is-open>.acjon-hd-mega.tp-megamenu-wrapper,.elementor-widget-acjon_header .acjon-hd .acjon-has-mega-menu:hover>.acjon-hd-mega.tp-megamenu-wrapper,.elementor-widget-acjon_header .acjon-hd .acjon-has-mega-menu:focus-within>.acjon-hd-mega.tp-megamenu-wrapper{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important;pointer-events:auto!important} .acjon-hd-mega-inner{display:grid;width:100%;min-width:0;grid-template-columns:320px minmax(0,1fr) 250px;min-height:410px;overflow:hidden;border-radius:0 0 22px 22px;background:#fff;box-shadow:0 30px 70px -20px rgba(0,0,0,.55)} .acjon-hd-categories{padding:16px;background:var(--hd-mint)} .acjon-hd-category-item{display:block;min-width:0} .acjon-hd-category{display:grid;width:100%;grid-template-columns:40px minmax(0,1fr) 14px;align-items:center;gap:12px;margin:0 0 4px;padding:12px;border:0;border-radius:14px;text-align:left;background:transparent;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s} .acjon-hd-category:hover,.acjon-hd-category.is-active{background:#fff;box-shadow:0 5px 17px -9px rgba(11,58,61,.35)} .acjon-hd-category:focus-visible{outline:2px solid var(--hd-orange);outline-offset:1px} .acjon-hd-category-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--hd-tint);color:var(--hd-teal)} .acjon-hd-category.is-active .acjon-hd-category-icon,.acjon-hd-view-all .acjon-hd-category-icon{background:var(--hd-orange);color:var(--hd-deep)} .acjon-hd-category-copy{display:block;min-width:0}.acjon-hd-category-title{display:block;margin:0;color:var(--hd-ink)!important;font-family:Poppins,"Fira Sans",sans-serif;font-size:14px;font-weight:700;line-height:1.3}.acjon-hd-category-summary{display:block;margin:2px 0 0;color:var(--hd-body)!important;font-size:12px;line-height:1.35}.acjon-hd-category-arrow{color:var(--hd-orange-dark);opacity:0;transition:opacity .15s}.acjon-hd-category.is-active .acjon-hd-category-arrow,.acjon-hd-category:hover .acjon-hd-category-arrow{opacity:1} .acjon-hd-mega[data-layout=blocks] .acjon-hd-categories,.acjon-hd-mega[data-layout=mixed] .acjon-hd-categories{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start} .acjon-hd-mega[data-layout=blocks] .acjon-hd-category,.acjon-hd-mega[data-layout=mixed] .acjon-hd-category{height:100%;min-height:105px;grid-template-columns:1fr 14px;grid-template-rows:auto 1fr;padding:14px;margin:0;border:1px solid transparent;background:rgba(255,255,255,.58)} .acjon-hd-mega[data-layout=blocks] .acjon-hd-category-icon,.acjon-hd-mega[data-layout=mixed] .acjon-hd-category-icon{grid-column:1;width:38px;height:38px} .acjon-hd-mega[data-layout=blocks] .acjon-hd-category-copy,.acjon-hd-mega[data-layout=mixed] .acjon-hd-category-copy{grid-column:1/-1;align-self:end}.acjon-hd-mega[data-layout=blocks] .acjon-hd-category-arrow,.acjon-hd-mega[data-layout=mixed] .acjon-hd-category-arrow{grid-column:2;grid-row:1} .acjon-hd-mega[data-layout=blocks] .acjon-hd-category.is-active,.acjon-hd-mega[data-layout=mixed] .acjon-hd-category.is-active{border-color:var(--hd-line);background:#fff} .acjon-hd-mega[data-layout=mixed] .is-list-tail{grid-column:1/-1}.acjon-hd-mega[data-layout=mixed] .is-list-tail .acjon-hd-category{min-height:64px;grid-template-columns:38px minmax(0,1fr) 14px;grid-template-rows:1fr;align-items:center}.acjon-hd-mega[data-layout=mixed] .is-list-tail .acjon-hd-category-icon{grid-column:1}.acjon-hd-mega[data-layout=mixed] .is-list-tail .acjon-hd-category-copy{grid-column:2;align-self:center}.acjon-hd-mega[data-layout=mixed] .is-list-tail .acjon-hd-category-arrow{grid-column:3;grid-row:1} .acjon-hd-view-all{color:inherit!important}.acjon-hd-view-all:hover{transform:translateY(-1px)} .acjon-hd-panes{padding:26px 28px;color:var(--hd-ink)}.acjon-hd-pane[hidden]{display:none}.acjon-hd-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;text-transform:uppercase}.acjon-hd-pane-title{margin:0;color:var(--hd-ink)!important;font-size:13px;font-weight:700;letter-spacing:.09em}.acjon-hd-pane-heading>span{color:var(--hd-body);font-size:12px;text-transform:none} .acjon-hd-services{display:grid;grid-template-columns:1fr 1fr;gap:6px}.acjon-hd-service{display:block;padding:12px 14px;border-radius:12px;transition:background .15s}.acjon-hd-service:hover{background:var(--hd-mint)}.acjon-hd-service-title{display:block;margin:0 0 2px;color:var(--hd-ink)!important;font-size:14px;font-weight:600;line-height:1.35}.acjon-hd-service:hover .acjon-hd-service-title{color:var(--hd-orange-dark)!important}.acjon-hd-service-description{display:block;margin:0;color:var(--hd-body)!important;font-size:12.5px;line-height:1.4} .acjon-hd-promo{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;margin:16px;padding:22px;border-radius:18px;background:var(--hd-deep);color:#cfe6e1}.acjon-hd-promo:after{content:"";position:absolute;right:-50px;bottom:-50px;width:140px;height:140px;border:22px solid rgba(249,115,22,.22);border-radius:50%}.acjon-hd-promo-title{display:block;margin:0 0 8px;color:#fff!important;font-family:Poppins,"Fira Sans",sans-serif;font-size:19px;font-weight:700;line-height:1.3}.acjon-hd-promo-text{margin:0;color:#cfe6e1!important;font-size:13px;line-height:1.55}.acjon-hd-promo-link{position:relative;z-index:1;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-top:18px;padding:10px 16px;border-radius:10px;background:var(--hd-orange);color:var(--hd-deep)!important;font-size:14px;font-weight:700}.acjon-hd-promo-button-text{margin:0;color:inherit;font:inherit} .acjon-hd-mobile,.acjon-hd-overlay{display:none} /* Motion system: restrained entrances, directional hover feedback and staggered mega content. */ @keyframes acjonHdDrop{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:none}} @keyframes acjonHdRise{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}} @keyframes acjonHdPop{0%{opacity:0;transform:scale(.88)}65%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}} @keyframes acjonHdPanel{0%{opacity:0;transform:translateY(-10px) scale(.985);filter:blur(4px)}100%{opacity:1;transform:none;filter:blur(0)}} @keyframes acjonHdShine{0%{transform:translateX(-150%) skewX(-22deg)}100%{transform:translateX(430%) skewX(-22deg)}} @keyframes acjonHdGlow{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.08)}50%{box-shadow:0 0 0 7px rgba(249,115,22,.02)}} @keyframes acjonHdOrb{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-8px,-7px) rotate(7deg)}} @keyframes acjonHdAmbient{0%,100%{opacity:.18;background-position:0% 50%}50%{opacity:.32;background-position:100% 50%}} .acjon-hd-top{animation:acjonHdDrop .55s cubic-bezier(.22,1,.36,1) both} .acjon-hd-bar{background-size:180% 180%;transition:background-position .8s ease,box-shadow .35s ease;animation:acjonHdDrop .7s cubic-bezier(.22,1,.36,1) both} .acjon-hd-bar:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 50%,rgba(22,166,158,.55),transparent 30%),radial-gradient(circle at 78% 35%,rgba(249,115,22,.28),transparent 24%);background-size:180% 180%;animation:acjonHdAmbient 9s ease-in-out infinite}.acjon-hd-bar>.acjon-hd-container{position:relative;z-index:1} .acjon-hd.is-scrolled .acjon-hd-bar{background-position:100% 50%;box-shadow:0 12px 34px rgba(0,0,0,.24)} .acjon-hd-logo{animation:acjonHdRise .55s .14s cubic-bezier(.22,1,.36,1) both} .acjon-hd-logo img{transition:transform .4s cubic-bezier(.22,1,.36,1),filter .3s ease}.acjon-hd-logo:hover img{transform:translateY(-2px) scale(1.025)} .acjon-hd-nav>ul>li{opacity:0;animation:acjonHdRise .48s cubic-bezier(.22,1,.36,1) forwards}.acjon-hd-nav>ul>li:nth-child(1){animation-delay:.12s}.acjon-hd-nav>ul>li:nth-child(2){animation-delay:.17s}.acjon-hd-nav>ul>li:nth-child(3){animation-delay:.22s}.acjon-hd-nav>ul>li:nth-child(4){animation-delay:.27s}.acjon-hd-nav>ul>li:nth-child(5){animation-delay:.32s}.acjon-hd-nav>ul>li:nth-child(n+6){animation-delay:.37s} .acjon-hd-nav>ul>li>a{position:relative;overflow:hidden}.acjon-hd-nav>ul>li>a:before{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:2px;border-radius:3px;background:var(--hd-orange);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.22,1,.36,1)}.acjon-hd-nav>ul>li>a:hover:before,.acjon-hd-nav>ul>li.is-open>a:before,.acjon-hd-nav>ul>li.current-menu-item>a:before{transform:scaleX(1);transform-origin:left} .acjon-hd-actions{animation:acjonHdRise .55s .28s cubic-bezier(.22,1,.36,1) both}.acjon-hd-phone>span:first-child{display:inline-block;transition:transform .3s}.acjon-hd-phone:hover>span:first-child{transform:rotate(-12deg) scale(1.15)} .acjon-hd-cta{position:relative;overflow:hidden;isolation:isolate}.acjon-hd-cta:before{content:"";position:absolute;z-index:-1;inset:-40% auto -40% -35%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:translateX(-150%) skewX(-22deg)}.acjon-hd-cta:hover:before{animation:acjonHdShine .75s ease}.acjon-hd-cta>span:last-child{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}.acjon-hd-cta:hover>span:last-child{transform:translateX(4px)} .acjon-has-mega-menu.is-open>.acjon-hd-mega .acjon-hd-mega-inner,.acjon-has-mega-menu:hover>.acjon-hd-mega .acjon-hd-mega-inner,.acjon-has-mega-menu:focus-within>.acjon-hd-mega .acjon-hd-mega-inner{animation:acjonHdPanel .36s cubic-bezier(.22,1,.36,1) both} .acjon-has-mega-menu.is-open>.acjon-hd-mega .acjon-hd-category-item,.acjon-has-mega-menu:hover>.acjon-hd-mega .acjon-hd-category-item,.acjon-has-mega-menu:focus-within>.acjon-hd-mega .acjon-hd-category-item{opacity:0;animation:acjonHdRise .36s cubic-bezier(.22,1,.36,1) forwards}.acjon-hd-category-item:nth-child(1){animation-delay:.04s!important}.acjon-hd-category-item:nth-child(2){animation-delay:.08s!important}.acjon-hd-category-item:nth-child(3){animation-delay:.12s!important}.acjon-hd-category-item:nth-child(4){animation-delay:.16s!important}.acjon-hd-category-item:nth-child(5){animation-delay:.2s!important}.acjon-hd-category-item:nth-child(6){animation-delay:.24s!important} .acjon-hd-category-icon{transition:transform .35s cubic-bezier(.22,1,.36,1),background .2s,color .2s}.acjon-hd-category:hover .acjon-hd-category-icon,.acjon-hd-category.is-active .acjon-hd-category-icon{transform:translateY(-2px) rotate(-3deg) scale(1.06)}.acjon-hd-category-arrow{transform:translateX(-5px);transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1)}.acjon-hd-category.is-active .acjon-hd-category-arrow,.acjon-hd-category:hover .acjon-hd-category-arrow{transform:none} .acjon-hd-pane.is-active .acjon-hd-pane-heading{animation:acjonHdRise .32s ease both}.acjon-hd-pane.is-active .acjon-hd-service{opacity:0;animation:acjonHdRise .34s cubic-bezier(.22,1,.36,1) forwards}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(1){animation-delay:.03s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(2){animation-delay:.06s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(3){animation-delay:.09s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(4){animation-delay:.12s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(5){animation-delay:.15s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(6){animation-delay:.18s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(n+7){animation-delay:.21s} .acjon-hd-service{transition:background .2s,transform .28s cubic-bezier(.22,1,.36,1)}.acjon-hd-service:hover{transform:translateX(4px)} .acjon-hd-promo{animation:acjonHdGlow 4s ease-in-out infinite}.acjon-hd-promo:after{animation:acjonHdOrb 6s ease-in-out infinite}.acjon-hd-promo-link{transition:transform .28s cubic-bezier(.22,1,.36,1),background .2s}.acjon-hd-promo-link:hover{transform:translateY(-3px)} .acjon-hd-menu-toggle i{transition:transform .3s,opacity .25s}.acjon-hd.is-mobile-open .acjon-hd-menu-toggle i:nth-child(1){transform:translateY(6px) rotate(45deg)}.acjon-hd.is-mobile-open .acjon-hd-menu-toggle i:nth-child(2){opacity:0}.acjon-hd.is-mobile-open .acjon-hd-menu-toggle i:nth-child(3){transform:translateY(-6px) rotate(-45deg)} @media(max-width:1199px){.acjon-hd-container{width:min(100% - 32px,960px)}.acjon-hd-bar>.acjon-hd-container{grid-template-columns:1fr auto;min-height:72px}.acjon-hd-nav,.acjon-hd-phone{display:none}.acjon-hd-menu-toggle{display:block}.acjon-hd-top{display:none}.acjon-hd-mobile{display:block;position:fixed;z-index:1002;top:0;right:0;width:min(390px,92vw);height:100dvh;padding:22px;overflow:auto;background:#fff;color:var(--hd-ink);transform:translateX(102%);transition:transform .25s}.acjon-hd.is-mobile-open .acjon-hd-mobile{transform:none}.acjon-hd-overlay{display:block;position:fixed;z-index:1001;inset:0;background:rgba(3,28,29,.62);opacity:0;visibility:hidden;transition:.25s}.acjon-hd.is-mobile-open .acjon-hd-overlay{opacity:1;visibility:visible}.acjon-hd-mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--hd-line)}.acjon-hd-mobile .acjon-hd-logo img{width:145px;filter:brightness(.25)}.acjon-hd-menu-close{width:42px;height:42px;border:0;border-radius:10px;background:var(--hd-mint);color:var(--hd-ink);font-size:27px}.acjon-hd-mobile-nav>ul>li{border-bottom:1px solid var(--hd-line)}.acjon-hd-mobile-nav>ul>li>a{display:flex;justify-content:space-between;padding:16px 2px;color:var(--hd-ink)!important;font-weight:700}.acjon-hd-mobile .acjon-hd-mega{position:static;width:100%;opacity:1;visibility:visible;transform:none;display:none;pointer-events:auto}.acjon-hd-mobile .acjon-has-mega-menu.is-open>.acjon-hd-mega{display:block}.acjon-hd-mobile .acjon-hd-mega-inner{display:block;min-height:0;border-radius:14px;box-shadow:none}.acjon-hd-mobile .acjon-hd-categories{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:10px}.acjon-hd-mobile .acjon-hd-category{min-height:0!important;grid-template-columns:38px minmax(0,1fr) 14px!important;grid-template-rows:1fr!important;align-items:center;padding:10px;margin:0}.acjon-hd-mobile .acjon-hd-category-icon{grid-column:1!important}.acjon-hd-mobile .acjon-hd-category-copy{grid-column:2!important;align-self:center!important}.acjon-hd-mobile .acjon-hd-category-arrow{grid-column:3!important;grid-row:1!important}.acjon-hd-mobile .acjon-hd-panes{padding:12px}.acjon-hd-mobile .acjon-hd-services{grid-template-columns:1fr}.acjon-hd-mobile .acjon-hd-service{background:var(--hd-mint)}.acjon-hd-mobile .acjon-hd-promo{margin:10px}.acjon-hd-mobile-contact{display:grid;gap:8px;margin-top:22px}.acjon-hd-mobile-contact a{color:var(--hd-teal)!important;font-weight:600}} @media(max-width:575px){.acjon-hd-container{width:min(100% - 24px,540px)}.acjon-hd-bar>.acjon-hd-container{gap:12px}.acjon-hd-logo img{width:122px}.acjon-hd-cta{display:none}.acjon-hd-actions{gap:10px}} @media(max-width:1199px){.elementor-widget-acjon_header .acjon-hd .acjon-hd-mobile .acjon-hd-mega.tp-megamenu-wrapper{display:none!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}.elementor-widget-acjon_header .acjon-hd .acjon-hd-mobile .acjon-has-mega-menu.is-open>.acjon-hd-mega{display:block!important}} @media(prefers-reduced-motion:reduce){.acjon-hd *,.acjon-hd *:before,.acjon-hd *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.acjon-hd-nav>ul>li,.acjon-hd-pane.is-active .acjon-hd-service,.acjon-hd-category-item{opacity:1!important}} /* wp-content/plugins/acjon-elementor-addon/assets/css/acjon-footer-two-minimal.css */ .acjon-ft2 { --acjon-ft2-bg: #062a2c; --acjon-ft2-ink: #fff; --acjon-ft2-copy: #cfe6e1; --acjon-ft2-muted: rgba(207,230,225,.72); --acjon-ft2-line: rgba(207,230,225,.16); --acjon-ft2-glass: rgba(207,230,225,.07); --acjon-ft2-accent: #f97316; position: relative; isolation: isolate; overflow: hidden; box-sizing: border-box; padding: 72px 0 0; color: var(--acjon-ft2-copy); background: radial-gradient(800px 420px at 100% 0%,rgba(19,120,122,.35),transparent 65%),radial-gradient(600px 400px at 0% 100%,rgba(15,118,110,.22),transparent 60%),linear-gradient(180deg,#0a4448 0%,#073638 55%,var(--acjon-ft2-bg) 100%); font-family: "Fira Sans",Arial,sans-serif; font-size: 15px; } .acjon-ft2 *,.acjon-ft2 *::before,.acjon-ft2 *::after{box-sizing:border-box} .acjon-ft2 :where(h1,h2,h3,h4,h5,h6,p,div,span,strong,small){margin:0} .acjon-ft2 a{color:inherit;text-decoration:none!important} .acjon-ft2-container{position:relative;z-index:1;width:min(100%,1180px);margin:0 auto;padding:0 56px} .acjon-ft2-head{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:48px} .acjon-ft2-logo{display:block;flex:0 0 auto} .acjon-ft2-logo img{display:block;width:auto;max-width:min(100%,250px);height:64px;object-fit:contain} .acjon-ft2-intro{max-width:340px;color:var(--acjon-ft2-copy)!important;line-height:1.7;text-align:right} .acjon-ft2-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:40px;padding:44px 0;border-top:1px solid var(--acjon-ft2-line)} .acjon-ft2-column{min-width:0} .acjon-ft2-title{display:flex;flex-direction:column;gap:10px;margin:0 0 22px!important;color:var(--acjon-ft2-ink)!important;font-family:Poppins,"Fira Sans",sans-serif;font-size:13px;font-weight:700;line-height:1.25;letter-spacing:.08em;text-transform:uppercase} .acjon-ft2-title::after{content:"";width:28px;height:2px;border-radius:2px;background:var(--acjon-ft2-accent)} .acjon-ft2-address{display:block;color:var(--acjon-ft2-muted)!important} .acjon-ft2-address-text{display:block;color:inherit;line-height:1.7} .acjon-ft2-contact-link{display:block;width:fit-content;margin-top:12px;color:var(--acjon-ft2-ink)!important;font-size:16px;font-weight:500} .acjon-ft2-contact-link:hover{color:var(--acjon-ft2-accent)!important} .acjon-ft2-contact-text{color:inherit;line-height:1.35;overflow-wrap:anywhere} .acjon-ft2-nav ul{display:grid;gap:13px;margin:0;padding:0;list-style:none} .acjon-ft2-nav li{margin:0;padding:0} .acjon-ft2-nav a{display:inline-flex;align-items:center;gap:8px;color:var(--acjon-ft2-muted)!important;line-height:1.45;transition:color .15s ease,padding-left .15s ease} .acjon-ft2-nav a:hover{padding-left:4px;color:var(--acjon-ft2-ink)!important} .acjon-ft2-form{margin:0} .acjon-ft2-input-row{display:flex;min-height:52px;padding:5px;border-radius:999px;background:var(--acjon-ft2-glass);box-shadow:inset 0 0 0 1px var(--acjon-ft2-line)} .acjon-ft2-input-row:focus-within{box-shadow:inset 0 0 0 1.5px var(--acjon-ft2-accent)} .acjon-ft2-input-row input[type=email]{flex:1;min-width:0;height:auto;margin:0;padding:0 16px;border:0!important;outline:0;color:var(--acjon-ft2-ink)!important;background:transparent!important;box-shadow:none!important;font:400 15px/1.2 "Fira Sans",Arial,sans-serif} .acjon-ft2-input-row input::placeholder{color:var(--acjon-ft2-muted);opacity:1} .acjon-ft2-input-row button{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-height:42px;margin:0!important;padding:0 20px!important;border:0!important;border-radius:999px!important;color:var(--acjon-ft2-bg)!important;background:var(--acjon-ft2-accent)!important;box-shadow:none!important;font:700 13px/1 "Fira Sans",Arial,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease} .acjon-ft2-input-row button:hover{transform:scale(1.03)} .acjon-ft2-submit-text{color:inherit;font:inherit} .acjon-ft2-consent{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--acjon-ft2-muted);cursor:pointer} .acjon-ft2-consent input{appearance:none;display:grid;place-items:center;flex:0 0 auto;width:18px!important;height:18px!important;margin:0!important;border:0!important;border-radius:5px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--acjon-ft2-line);cursor:pointer} .acjon-ft2-consent input:checked{background:var(--acjon-ft2-accent);box-shadow:none} .acjon-ft2-consent input:checked::after{content:"";width:9px;height:5px;border:2px solid var(--acjon-ft2-bg);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)} .acjon-ft2-consent-text{color:var(--acjon-ft2-muted)!important;font-size:13px;line-height:1.45} .acjon-ft2-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .acjon-ft2-socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:var(--acjon-ft2-ink)!important;box-shadow:inset 0 0 0 1px var(--acjon-ft2-line);transition:color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease} .acjon-ft2-socials a:hover{color:var(--acjon-ft2-bg)!important;background:var(--acjon-ft2-accent);box-shadow:none;transform:translateY(-2px)} .acjon-ft2-social-text{color:inherit;font-size:13px;font-weight:600;line-height:1} .acjon-ft2 .wpforms-container{margin:0!important} .acjon-ft2 .wpforms-field{padding:0 0 12px!important} .acjon-ft2 .wpforms-submit-container{padding:0!important} .acjon-ft2 .wpforms-field input{width:100%!important;min-height:50px;border:1px solid var(--acjon-ft2-line)!important;border-radius:999px!important;color:var(--acjon-ft2-ink)!important;background:var(--acjon-ft2-glass)!important} .acjon-ft2 .wpforms-submit{min-height:46px!important;padding:0 22px!important;border:0!important;border-radius:999px!important;color:var(--acjon-ft2-bg)!important;background:var(--acjon-ft2-accent)!important} .acjon-ft2-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 30px;border-top:1px solid var(--acjon-ft2-line);color:var(--acjon-ft2-muted);font-size:13.5px} .acjon-ft2-copyright{color:var(--acjon-ft2-muted)!important;line-height:1.5} .acjon-ft2-copyright a{color:var(--acjon-ft2-ink)!important} .acjon-ft2-legal{display:flex;flex-wrap:wrap;gap:24px} .acjon-ft2-legal a{color:var(--acjon-ft2-muted)!important} .acjon-ft2-legal a:hover{color:var(--acjon-ft2-ink)!important} .acjon-ft2-legal-text{color:inherit;line-height:1.4} @media(max-width:1100px){.acjon-ft2-row{grid-template-columns:1fr 1fr;gap:40px 32px}} @media(max-width:720px){.acjon-ft2{padding-top:48px}.acjon-ft2-container{padding:0 20px}.acjon-ft2-head{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:32px}.acjon-ft2-logo img{height:52px}.acjon-ft2-intro{max-width:100%;text-align:left}.acjon-ft2-row{grid-template-columns:1fr 1fr;gap:36px 24px;padding:36px 0}.acjon-ft2-row>.acjon-ft2-office,.acjon-ft2-row>.acjon-ft2-newsletter{grid-column:1/-1}.acjon-ft2-bottom{flex-direction:column-reverse;align-items:flex-start;gap:14px}.acjon-ft2-legal{gap:18px}} @media(max-width:380px){.acjon-ft2-input-row button{padding:0 14px!important}} @media(prefers-reduced-motion:reduce){.acjon-ft2 a,.acjon-ft2 button{transition:none!important}} /* wp-content/plugins/acjon-elementor-addon/assets/css/acjon-md-service.css */ .dch-md-card figure{order:-1;margin:0 0 20px}.dch-md-card figure img,.dch-md-card figure img[src$=".svg"]{width:56px;height:56px;object-fit:contain;border-radius:0}.dch-md-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:center;margin:34px 0}.dch-md-logos figure{display:grid;place-items:center;height:86px;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.dch-md-logos figure img,.dch-md-logos figure img[src$=".svg"]{width:100%;height:58px;object-fit:contain;border-radius:0}@media(max-width:700px){.dch-md-logos{grid-template-columns:repeat(2,minmax(0,1fr))}} /* wp-content/uploads/elementor/css/base-desktop.css */ .elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-accordion-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-accordion-item-base{padding:0px;display:block;}.elementor .e-accordion-item-header-base{cursor:pointer;padding:10px;display:flex;gap:8px;justify-content:space-between;align-items:center;}.elementor .e-accordion-item-title-base{padding:0px;}.elementor .e-accordion-item-icon-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-background-video-base{width:100%;overflow:hidden;position:relative;padding:10px;display:flex;flex-direction:column;}.elementor .e-background-video-content-base{width:100%;position:relative;z-index:1;padding:0px;display:flex;flex-direction:column;flex:1 1 auto;}.elementor .e-background-video-controls-base{width:auto;position:absolute;inset-inline-end:20px;inset-block-end:20px;z-index:2;display:flex;gap:8px;}.elementor .e-background-video-play-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-background-video-pause-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-collection-loop-base{display:block;}.elementor .e-collection-loop-layout-base{display:grid;gap:20px;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;}.elementor .e-pagination-base{padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;margin-block-start:8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;}.elementor .e-pagination-prev-base{font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-pagination-next-base{font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{width:100%;height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}.elementor .e-form-input-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-input-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-input-base::placeholder{color:#9DA5AE;}.elementor .e-form-label-base{font-size:14px;color:#0c0d0e;}.elementor .e-form-textarea-base{font-size:12px;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-textarea-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-textarea-base::placeholder{color:#9DA5AE;}.elementor .e-form-submit-button-base{color:#fff;padding-block-start:10px;padding-block-end:10px;padding-inline-start:28px;padding-inline-end:30px;border-radius:0px;border-width:0px;background-color:#000;display:flex;justify-content:center;align-items:center;}.elementor .e-form-submit-button-base:hover,.elementor .e-form-submit-button-base:focus-visible{background-color:#323232;}.elementor .e-form-checkbox-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;transition:background-color 200ms;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-checkbox-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-checkbox-base:checked{background-color:#69727D;}.elementor .e-form-checkbox-base::before{width:65%;height:65%;background-color:currentColor;opacity:0%;transform-origin:0% 100% 0px;transition:opacity 200ms;content:"";clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.elementor .e-form-checkbox-base:checked::before{opacity:100%;}.elementor .e-form-radio-button-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:50%;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-radio-button-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-radio-button-base:checked{background-color:transparent;}.elementor .e-form-radio-button-base::before{width:65%;height:65%;border-radius:50%;background-color:#706F6F;opacity:0%;transition:opacity 200ms;content:"";}.elementor .e-form-radio-button-base:checked::before{opacity:100%;}.elementor .e-form-date-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-date-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-time-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-time-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-select-base{font-size:12px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;}.elementor .e-form-select-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-file-upload-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-file-upload-base:focus{border-color:#706F6F;outline-style:none;} /* wp-content/uploads/elementor/css/base-mobile.css */ @media(max-width:767px){.elementor .e-grid-base{grid-template-columns:repeat(1, 1fr);}} /* wp-content/uploads/elementor/css/post-6.css */ .elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* wp-content/uploads/elementor/css/post-108.css */ .elementor-108 .elementor-element.elementor-element-9334256{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-108 .elementor-element.elementor-element-0db4ec7 .tp-header-7-main{background-color:#00646C;}.elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-bar{background:#00646C;}.elementor-108 .elementor-element.elementor-element-0db4ec7 .tp-header-menu > nav > ul > li > a{color:#f5f7f5;}.elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-nav > ul > li > a{color:#f5f7f5;}.elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd{--hd-orange:#f97316;}.elementor-108 .elementor-element.elementor-element-0db4ec7 .tp-header-logo img, .elementor-108 .elementor-element.elementor-element-0db4ec7 .tp-offcanvas-logo img, .elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-logo img{width:190px;height:auto;max-width:100%;object-fit:contain;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-108 .elementor-element.elementor-element-0db4ec7 .tp-header-logo img, .elementor-108 .elementor-element.elementor-element-0db4ec7 .tp-offcanvas-logo img, .elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-logo img{width:165px;height:auto;max-width:100%;object-fit:contain;}}@media(max-width:767px){.elementor-108 .elementor-element.elementor-element-0db4ec7 .tp-header-logo img, .elementor-108 .elementor-element.elementor-element-0db4ec7 .tp-offcanvas-logo img, .elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-logo img{width:150px;height:auto;max-width:100%;object-fit:contain;}} /* wp-content/uploads/elementor/css/post-113.css */ .elementor-113 .elementor-element.elementor-element-e2260db{--display:flex;}.elementor-113 .elementor-element.elementor-element-ec0ada7 .acjon-ft2{--acjon-ft2-bg:#00646C;}.elementor-113 .elementor-element.elementor-element-ec0ada7 .acjon-wpforms-wrap .wpforms-container button[type="submit"], .elementor-113 .elementor-element.elementor-element-ec0ada7 .acjon-wpforms-wrap .wpforms-container input[type="submit"], .elementor-113 .elementor-element.elementor-element-ec0ada7 .acjon-wpforms-wrap .wpforms-container .wpforms-submit{width:auto !important;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;} .dch-contact-ref .dch-stage{width:100%!important;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden!important;white-space:normal!important}.dch-contact-ref .dch-stage:is(:hover,:focus,:active){border-color:transparent!important;background:var(--mint-50)!important;color:var(--ink)!important}.dch-contact-ref .dch-stage.is-on,.dch-contact-ref .dch-stage.is-on:is(:hover,:focus,:active){border-color:transparent!important;background:var(--teal-950)!important;color:var(--white)!important}.dch-contact-ref .dch-stage>span:last-child,.dch-contact-ref .dch-stage b,.dch-contact-ref .dch-stage small,.dch-contact-ref .dch-head,.dch-contact-ref .dch-head :is(h1,h2,h3,p),.dch-contact-ref .dch-panel>*{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.dch-contact-ref .dch-panel{width:100%;box-sizing:border-box}.dch .dch-btn--orange:is(:hover,:focus,:active){background:var(--orange-500)!important;color:var(--ink)!important}.dch .dch-btn--teal:is(:hover,:focus,:active){background:var(--teal-600)!important;color:var(--white)!important}.dch .dch-btn--outline:is(:hover,:focus,:active){background:var(--white)!important;color:var(--teal-700)!important;border-color:var(--line)!important}.dch .dch-btn--ondark:is(:hover,:focus,:active){background:transparent!important;color:var(--white)!important;border-color:var(--line-dark)!important} .acjon-hd .acjon-hd-category:is(:hover,:focus,:active),.acjon-hd .acjon-hd-category.is-active{border-color:transparent!important;background:#fff!important;color:var(--hd-ink)!important;white-space:normal!important}.acjon-hd .acjon-hd-category-copy,.acjon-hd .acjon-hd-category-title,.acjon-hd .acjon-hd-category-summary,.acjon-hd .acjon-hd-service{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere} .dch-contact-ref .dch-methods{align-items:stretch}.dch-contact-ref .dch-method,.dch-contact-ref .dch-method--dark{min-width:0;min-height:124px;box-sizing:border-box;align-items:center;background:var(--white)!important;color:var(--ink)!important;text-decoration:none!important}.dch-contact-ref .dch-method>div{min-width:0;flex:1}.dch-contact-ref .dch-method .ic,.dch-contact-ref .dch-method--dark .ic{background:var(--mint-50)!important;border-color:var(--mint-200)!important;color:var(--teal-600)!important}.dch-contact-ref .dch-method small,.dch-contact-ref .dch-method--dark small{color:var(--teal-700)!important}.dch-contact-ref .dch-method b,.dch-contact-ref .dch-method--dark b{color:var(--ink)!important}.dch-contact-ref .dch-method p,.dch-contact-ref .dch-method--dark p{margin:4px 0 0;color:var(--slate-600)!important}.dch-contact-ref .dch-method :is(small,b,p){max-width:100%;text-align:left;text-decoration:none!important;white-space:normal;overflow-wrap:anywhere} .dch-end-to-end .dch-btns{margin-top:28px}