.elementor-33 .elementor-element.elementor-element-6d1ac4c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:40px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-33 .elementor-element.elementor-element-8b2fc78{--display:grid;--e-con-grid-template-columns:770fr 380fr;--e-con-grid-template-rows:none;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-8b2fc78:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-8b2fc78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(86, 156, 117, 0.3);}.elementor-33 .elementor-element.elementor-element-6b239c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-6b239c6:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-6b239c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-655b86b .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:300;line-height:1.5em;letter-spacing:-0.02em;color:#000000;}.elementor-33 .elementor-element.elementor-element-17b44da .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:17px;font-weight:400;text-transform:uppercase;line-height:1.3em;letter-spacing:-0.02em;color:#000000;}.elementor-33 .elementor-element.elementor-element-7577a22 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:17px;font-weight:400;text-transform:uppercase;line-height:1.3em;letter-spacing:-0.02em;color:#000000;}.elementor-33 .elementor-element.elementor-element-906d13d .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:17px;font-weight:400;text-transform:uppercase;line-height:1.3em;letter-spacing:-0.02em;color:#000000;}.elementor-33 .elementor-element.elementor-element-64b4a86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-64b4a86:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-64b4a86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-33 .elementor-element.elementor-element-1e2623e .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:16px;font-weight:300;line-height:1.5em;letter-spacing:-0.02em;color:#000000;}.elementor-33 .elementor-element.elementor-element-be99327{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:24px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-33 .elementor-element.elementor-element-be99327 .elementor-social-icon{background-color:#074D3100;--icon-padding:10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-be99327 .elementor-social-icon i{color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-be99327 .elementor-social-icon svg{fill:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-be99327 .elementor-icon{border-radius:16px 16px 16px 16px;}.elementor-33 .elementor-element.elementor-element-be99327 .elementor-social-icon:hover{border-color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-33 .elementor-element.elementor-element-6d1ac4c{--padding-top:30px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-33 .elementor-element.elementor-element-8b2fc78{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:none;--grid-auto-flow:row;--padding-top:clamp(10px, (100vw - 809px) * 1000, 20px);--padding-bottom:clamp(10px, (100vw - 809px) * 1000, 20px);--padding-left:clamp(10px, (100vw - 809px) * 1000, 20px);--padding-right:clamp(10px, (100vw - 809px) * 1000, 20px);}.elementor-33 .elementor-element.elementor-element-655b86b .elementor-heading-title{font-size:clamp(14px, (100vw - 809px) * 1000, 16px);}.elementor-33 .elementor-element.elementor-element-17b44da .elementor-heading-title{font-size:16px;}.elementor-33 .elementor-element.elementor-element-7577a22 .elementor-heading-title{font-size:16px;}.elementor-33 .elementor-element.elementor-element-906d13d .elementor-heading-title{font-size:16px;}.elementor-33 .elementor-element.elementor-element-1e2623e .elementor-heading-title{font-size:clamp(14px, (100vw - 809px) * 1000, 16px);}}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-8b2fc78{--width:100%;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:none;--grid-auto-flow:row;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-655b86b .elementor-heading-title{font-size:14px;}.elementor-33 .elementor-element.elementor-element-17b44da .elementor-heading-title{font-size:16px;}.elementor-33 .elementor-element.elementor-element-7577a22 .elementor-heading-title{font-size:16px;}.elementor-33 .elementor-element.elementor-element-906d13d .elementor-heading-title{font-size:16px;}.elementor-33 .elementor-element.elementor-element-1e2623e .elementor-heading-title{font-size:14px;}}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-8b2fc78{--width:min(100%, 1200px);}}/* Start custom CSS *//* ========================================================================== TriangleClick – Contact page (page #33): supplementary CSS -------------------------------------------------------------------------- Layout, colours, typography, radii, spacing and the social icons use native Elementor controls. The map in the footer needs no CSS: it is shown only on this page by a native Elementor Pro Display Condition. Where it lives: Contact page > Page Settings (gear icon) > Advanced > Custom CSS (Elementor Pro). Saved with the page, so no theme file is needed. Scope: the body.elementor-page-33 only matches a page that contains .tc-contact-info, so nothing here reaches the header, footer, popup #61 or other pages. ========================================================================== */ /* Page background: faint arch pattern fading out from the top centre, fixed to the viewport (the reference's background layer). Same rule as the Home, About, Services, Projects and Reviews pages. Class "tc-contact-info" is on the Information panel container. */ body:has(.tc-contact-info)::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(43.2% 25% at 50% 18.8%, rgba(84, 84, 84, 0) 0%, #ffffff 100%), url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40c5.523 0 10-4.477 10-10V0C4.477 0 0 4.477 0 10v30zm22 0c-5.523 0-10-4.477-10-10V0c5.523 0 10 4.477 10 10v30z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E") 0 0 / 129.6px 216px repeat, rgba(86, 156, 117, 0.3); }/* End custom CSS */