.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-1321 .elementor-element.elementor-element-8a6c7bb{width:var( --container-widget-width, 43% );max-width:43%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:43%;--container-widget-flex-grow:0;text-align:center;}.elementor-1321 .elementor-element.elementor-element-8a6c7bb .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;line-height:92px;letter-spacing:-0.6px;color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-6fad507{width:var( --container-widget-width, 43% );max-width:43%;--e-transform-rotateZ:-2deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:43%;--container-widget-flex-grow:0;text-align:center;}.elementor-1321 .elementor-element.elementor-element-6fad507 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;line-height:92px;letter-spacing:-0.6px;color:#B69193;}.elementor-1321 .elementor-element.elementor-element-cb4389b{--display:flex;--min-height:70vh;--justify-content:flex-end;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1321 .elementor-element.elementor-element-49247a9 img{width:100%;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1321 .elementor-element.elementor-element-0fc1ded{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1321 .elementor-element.elementor-element-cedd0f5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-1321 .elementor-element.elementor-element-cedd0f5 img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-06e2992{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-06e2992 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-09e7e1e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-09e7e1e .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#7896AA;}.elementor-1321 .elementor-element.elementor-element-929fa98{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-19cad49{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1321 .elementor-element.elementor-element-ea4fbc6{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-ea4fbc6 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-ea4fbc6.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-ea4fbc6.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-ea4fbc6.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-ea4fbc6.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-ea4fbc6.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-ea4fbc6.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-ea4fbc6 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-ea4fbc6 .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-ea4fbc6 .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-ea4fbc6 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-206687c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 20px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-206687c .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-206687c .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-206687c .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-04836c6{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-04836c6 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-04836c6 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-04836c6 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-02d3e5b{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-02d3e5b .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-02d3e5b .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-02d3e5b .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-cfd89fe{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-cfd89fe .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-cfd89fe .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-cfd89fe .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1321 .elementor-element.elementor-element-d125f32 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-d125f32 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-d125f32 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-d125f32{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-c1537f2 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-c1537f2 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-c1537f2 .elementor-button:focus{background-color:#0077B5;}.elementor-1321 .elementor-element.elementor-element-c1537f2{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-c9992ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1321 .elementor-element.elementor-element-e28517a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-1321 .elementor-element.elementor-element-e28517a img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-ab51c4b{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-ab51c4b .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-f200266{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-f200266 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#5D7361;}.elementor-1321 .elementor-element.elementor-element-f338a67{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-e5888e1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-811a309{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-811a309 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-811a309 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-811a309 .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-811a309 .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-811a309 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-2665bbf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 20px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-2665bbf .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-2665bbf .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-2665bbf .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-2a689e9{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-2a689e9 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-2a689e9 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-2a689e9 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-fe16526{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-fe16526 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-fe16526 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-fe16526 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-860f0a4{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-860f0a4 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-860f0a4 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-860f0a4 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-c5cf3f6 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-c5cf3f6 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-c5cf3f6 .elementor-button:focus{background-color:var( --e-global-color-f1e44d2 );}.elementor-1321 .elementor-element.elementor-element-c5cf3f6{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-e7bb251 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-e7bb251 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-e7bb251 .elementor-button:focus{background-color:#0077B5;}.elementor-1321 .elementor-element.elementor-element-e7bb251{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-3ca9846{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1321 .elementor-element.elementor-element-abf9aa2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-1321 .elementor-element.elementor-element-abf9aa2 img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-da90318{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-da90318 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-6c4307c{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-6c4307c .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#778C8A;}.elementor-1321 .elementor-element.elementor-element-6736c9d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-af33f47{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-5c9dc50{padding:0px 10px 10px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-5c9dc50 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-5c9dc50 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-5c9dc50 .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-5c9dc50 .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-5c9dc50 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-711d84f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-711d84f .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-711d84f .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-711d84f .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-99c78fe{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-99c78fe .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-99c78fe .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-99c78fe .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-a690a34{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-a690a34 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-a690a34 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-a690a34 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-053dae2{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-053dae2 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-053dae2 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-053dae2 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-2eb836a .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-2eb836a .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-2eb836a .elementor-button:focus{background-color:var( --e-global-color-6d66259 );}.elementor-1321 .elementor-element.elementor-element-2eb836a{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-7bf03e8 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-7bf03e8 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-7bf03e8 .elementor-button:focus{background-color:#0077B5;}.elementor-1321 .elementor-element.elementor-element-7bf03e8{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-822c803{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1321 .elementor-element.elementor-element-46d08d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-1321 .elementor-element.elementor-element-46d08d8 img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-c0a566f{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-c0a566f .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-72c9987{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-72c9987 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#B69193;}.elementor-1321 .elementor-element.elementor-element-3b70cff{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-cbaab71{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-1a6353c{padding:0px 10px 10px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-1a6353c .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-1a6353c .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-1a6353c .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-1a6353c .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-1a6353c .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-ff6bb5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-ff6bb5c .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-ff6bb5c .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-ff6bb5c .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-03e5d37{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-03e5d37 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-03e5d37 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-03e5d37 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-1c08ffc{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-1c08ffc .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-1c08ffc .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-1c08ffc .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-f359a96{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-f359a96 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-f359a96 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-f359a96 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-7d5721b .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-7d5721b .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-7d5721b .elementor-button:focus{background-color:var( --e-global-color-accent );}.elementor-1321 .elementor-element.elementor-element-7d5721b{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-1b04986{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-1321 .elementor-element.elementor-element-3170687{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-1321 .elementor-element.elementor-element-3170687 img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-75317ff{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-75317ff .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-0c6a630{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-0c6a630 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#5D7361;}.elementor-1321 .elementor-element.elementor-element-90e5b50{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-112ff0d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-cc9f731{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-cc9f731 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-cc9f731 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-cc9f731 .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-cc9f731 .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-cc9f731 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-e6d2e46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-e6d2e46 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-e6d2e46 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-e6d2e46 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-ac526f6{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-ac526f6 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-ac526f6 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-ac526f6 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-f3e2353{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-f3e2353 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-f3e2353 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-f3e2353 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-7a83998{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-7a83998 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-7a83998 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-7a83998 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-ada9f48 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-ada9f48 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-ada9f48 .elementor-button:focus{background-color:var( --e-global-color-f1e44d2 );}.elementor-1321 .elementor-element.elementor-element-ada9f48{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-9a28d16 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-9a28d16 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-9a28d16 .elementor-button:focus{background-color:#0077B5;}.elementor-1321 .elementor-element.elementor-element-9a28d16{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-fdc6078{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1321 .elementor-element.elementor-element-776fe2a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-1321 .elementor-element.elementor-element-776fe2a img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-ae40fd4{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-ae40fd4 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-0ab0ee8{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-0ab0ee8 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#7896AA;}.elementor-1321 .elementor-element.elementor-element-c8acb21{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-4a0bc68{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-b06f3ac{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-b06f3ac .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-b06f3ac .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-b06f3ac .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-b06f3ac .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-b06f3ac .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-a595d1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-a595d1e .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-a595d1e .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-a595d1e .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-9855391{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-9855391 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-9855391 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-9855391 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-bf92a58{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-bf92a58 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-bf92a58 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-bf92a58 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-9aac7b9{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-9aac7b9 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-9aac7b9 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-9aac7b9 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-ba18eec .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-ba18eec .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-ba18eec .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-ba18eec{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-5039327 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-5039327 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-5039327 .elementor-button:focus{background-color:#0077B5;}.elementor-1321 .elementor-element.elementor-element-5039327{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-04bf5de{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1321 .elementor-element.elementor-element-6c9099a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-1321 .elementor-element.elementor-element-6c9099a img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-543a89e{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-543a89e .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-3961f25{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-3961f25 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#5D7361;}.elementor-1321 .elementor-element.elementor-element-02b7109{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-2bdbcb2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-d91c465{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-d91c465 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-d91c465 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-d91c465 .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-d91c465 .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-d91c465 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-4b47884{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-4b47884 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-4b47884 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-4b47884 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-c71f62a{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-c71f62a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-c71f62a .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-c71f62a .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-d30c7da{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-d30c7da .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-d30c7da .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-d30c7da .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-5cbac91{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-5cbac91 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-5cbac91 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-5cbac91 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-59fa628 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-59fa628 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-59fa628 .elementor-button:focus{background-color:var( --e-global-color-f1e44d2 );}.elementor-1321 .elementor-element.elementor-element-59fa628{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-50f99b3 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-50f99b3 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-50f99b3 .elementor-button:focus{background-color:#0077B5;}.elementor-1321 .elementor-element.elementor-element-50f99b3{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-771123b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-1321 .elementor-element.elementor-element-800a028{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-1321 .elementor-element.elementor-element-800a028 img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-ffeb9ab{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-ffeb9ab .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-04960f3{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-04960f3 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#778C8A;}.elementor-1321 .elementor-element.elementor-element-9f43750{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-9af8791{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-5cbbc8b{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-5cbbc8b .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-5cbbc8b .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-5cbbc8b .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-5cbbc8b .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-5cbbc8b .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-ed59d22{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-ed59d22 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-ed59d22 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-ed59d22 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-ec1a847{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-ec1a847 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-ec1a847 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-ec1a847 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-a1e5bcf{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-a1e5bcf .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-a1e5bcf .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-a1e5bcf .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-f4fa574{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-f4fa574 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-f4fa574 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-f4fa574 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-8b2592c .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-8b2592c .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-8b2592c .elementor-button:focus{background-color:var( --e-global-color-6d66259 );}.elementor-1321 .elementor-element.elementor-element-8b2592c{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-29fc74a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-1321 .elementor-element.elementor-element-bd82ab7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-1321 .elementor-element.elementor-element-bd82ab7 img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-0601730{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-0601730 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-391a307{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-391a307 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#B69193;}.elementor-1321 .elementor-element.elementor-element-ba1df13{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-d4b220c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-9017803{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-9017803 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-9017803 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-9017803 .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-9017803 .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-9017803 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-338e9fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-338e9fc .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-338e9fc .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-338e9fc .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-fe57a4a{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-fe57a4a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-fe57a4a .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-fe57a4a .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-e97aa65{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-e97aa65 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-e97aa65 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-e97aa65 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-3f9f81f{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-3f9f81f .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-3f9f81f .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-3f9f81f .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-67aff3a .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-67aff3a .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-67aff3a .elementor-button:focus{background-color:var( --e-global-color-accent );}.elementor-1321 .elementor-element.elementor-element-67aff3a{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-ef0763b .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-ef0763b .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-ef0763b .elementor-button:focus{background-color:#0077B5;}.elementor-1321 .elementor-element.elementor-element-ef0763b{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-01dc838{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-1321 .elementor-element.elementor-element-76915c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-1321 .elementor-element.elementor-element-76915c8 img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-f62fc75{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-f62fc75 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-50d60a0{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-50d60a0 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#7896AA;}.elementor-1321 .elementor-element.elementor-element-5061693{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-2811aa1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-0a76f5e{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-0a76f5e .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-0a76f5e .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-0a76f5e .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-0a76f5e .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-0a76f5e .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-fdf81e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-fdf81e7 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-fdf81e7 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-fdf81e7 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-fd4b561{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-fd4b561 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-fd4b561 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-fd4b561 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-3a27fc1{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-3a27fc1 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-3a27fc1 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-3a27fc1 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-4a9fe45{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-4a9fe45 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-4a9fe45 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-4a9fe45 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-17cad09 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-17cad09 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-17cad09 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-17cad09{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-25faf97 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-25faf97 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-25faf97 .elementor-button:focus{background-color:#0077B5;}.elementor-1321 .elementor-element.elementor-element-25faf97{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-4959d29{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-1321 .elementor-element.elementor-element-71a5f51{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-1321 .elementor-element.elementor-element-71a5f51 img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-8591354{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-8591354 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-c159585{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-c159585 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:#5D7361;}.elementor-1321 .elementor-element.elementor-element-1288643{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-d3d26f7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-d74a16b{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-d74a16b .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-d74a16b .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-d74a16b .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-d74a16b .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-d74a16b .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-c4fa4cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-c4fa4cf .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-c4fa4cf .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-c4fa4cf .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-8b61f63{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-8b61f63 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-8b61f63 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-8b61f63 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-4b404eb{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-4b404eb .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-4b404eb .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-4b404eb .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-a5612f2{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-a5612f2 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-a5612f2 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-a5612f2 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-6f25bca .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-6f25bca .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-6f25bca .elementor-button:focus{background-color:var( --e-global-color-f1e44d2 );}.elementor-1321 .elementor-element.elementor-element-6f25bca{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-8161572 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-8161572 .elementor-button:hover, .elementor-1321 .elementor-element.elementor-element-8161572 .elementor-button:focus{background-color:#0077B5;}.elementor-1321 .elementor-element.elementor-element-8161572{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1321 .elementor-element.elementor-element-82dfa08{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-1321 .elementor-element.elementor-element-f5305fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;padding:0px 0px 0px 0px;}.elementor-1321 .elementor-element.elementor-element-f5305fb img{max-width:90%;}.elementor-1321 .elementor-element.elementor-element-5596df2{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1321 .elementor-element.elementor-element-5596df2 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:80px;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-edc343f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-edc343f .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:40px;font-weight:900;color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-2fa124a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-33a3e62{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1321 .elementor-element.elementor-element-33a3e62 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:20px;font-weight:900;letter-spacing:5px;color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-328af17{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:100px;}.elementor-1321 .elementor-element.elementor-element-a73596b{padding:0px 10px 20px 0px;border-style:solid;border-width:0px 2px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-a73596b .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-a73596b .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-a73596b .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-a73596b .elementor-icon-box-title a{font-family:"Avenir", Sans-serif;font-weight:900;}.elementor-1321 .elementor-element.elementor-element-a73596b .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-373e0ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;border-style:solid;border-width:0px 2px 2px 0px;border-radius:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-373e0ae .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-373e0ae .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-373e0ae .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-b54fb23{padding:0px 20px 20px 20px;border-style:solid;border-width:0px 0px 2px 0px;}.elementor-1321 .elementor-element.elementor-element-b54fb23 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-b54fb23 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-b54fb23 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-e03ef3b{padding:20px 20px 0px 0px;border-style:solid;border-width:0px 2px 0px 0px;border-radius:0px 0px 0px 2px;}.elementor-1321 .elementor-element.elementor-element-e03ef3b .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-e03ef3b .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-e03ef3b .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-d3305e4{padding:20px 20px 0px 20px;}.elementor-1321 .elementor-element.elementor-element-d3305e4 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-1321 .elementor-element.elementor-element-d3305e4 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-d3305e4 .elementor-icon-box-description{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;}.elementor-1321 .elementor-element.elementor-element-9ffd898{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-gap:0px;--n-tabs-title-border-radius:30px 30px 30px 30px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:20px;--n-tabs-title-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-9ffd898.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-9ffd898.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1321 .elementor-element.elementor-element-9ffd898.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-9ffd898.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Avenir", Sans-serif;font-weight:500;}.elementor-1321 .elementor-element.elementor-element-061a750{padding:0px 0px 10px 0px;}.elementor-1321 .elementor-element.elementor-element-061a750 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:60px;font-weight:900;letter-spacing:0px;color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-13a9898{font-family:"Avenir", Sans-serif;font-size:20px;font-weight:300;color:var( --e-global-color-accent );}.elementor-1321 .elementor-element.elementor-element-5ee662c .elementor-icon-box-wrapper{gap:15px;}.elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-5ee662c.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-5ee662c .elementor-icon{font-size:60px;}.elementor-1321 .elementor-element.elementor-element-5ee662c .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-5ee662c .elementor-icon-box-title a{font-family:"Nothing You Could Do", Sans-serif;font-size:25px;font-weight:300;}.elementor-1321 .elementor-element.elementor-element-5ee662c .elementor-icon-box-title{color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-5ee662c:has(:hover) .elementor-icon-box-title,
					 .elementor-1321 .elementor-element.elementor-element-5ee662c:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-5ee662c .elementor-icon-box-description{color:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-61abc47{padding:0px 50px 0px 50px;}.elementor-1321 .elementor-element.elementor-element-61abc47.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-61abc47.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-61abc47.elementor-view-default .elementor-icon{color:var( --e-global-color-2db7ee6 );border-color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-61abc47.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-61abc47.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-61abc47 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-61abc47 .elementor-icon svg{height:30px;}.elementor-1321 .elementor-element.elementor-element-b55a0aa .elementor-icon-box-wrapper{gap:15px;}.elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-f1e44d2 );color:var( --e-global-color-f1e44d2 );}.elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-f1e44d2 );}.elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-b55a0aa.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-b55a0aa .elementor-icon{font-size:60px;}.elementor-1321 .elementor-element.elementor-element-b55a0aa .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-b55a0aa .elementor-icon-box-title a{font-family:"Nothing You Could Do", Sans-serif;font-size:25px;font-weight:300;}.elementor-1321 .elementor-element.elementor-element-b55a0aa .elementor-icon-box-title{color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-b55a0aa:has(:hover) .elementor-icon-box-title,
					 .elementor-1321 .elementor-element.elementor-element-b55a0aa:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-b55a0aa .elementor-icon-box-description{color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-6e6795e{padding:0px 50px 0px 50px;}.elementor-1321 .elementor-element.elementor-element-6e6795e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-6e6795e.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-6e6795e.elementor-view-default .elementor-icon{color:var( --e-global-color-2db7ee6 );border-color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-6e6795e.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-6e6795e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-6e6795e .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-6e6795e .elementor-icon svg{height:30px;}.elementor-1321 .elementor-element.elementor-element-9738d0b .elementor-icon-box-wrapper{gap:15px;}.elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-9738d0b.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-9738d0b .elementor-icon{font-size:60px;}.elementor-1321 .elementor-element.elementor-element-9738d0b .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-9738d0b .elementor-icon-box-title a{font-family:"Nothing You Could Do", Sans-serif;font-size:25px;font-weight:300;}.elementor-1321 .elementor-element.elementor-element-9738d0b .elementor-icon-box-title{color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-9738d0b:has(:hover) .elementor-icon-box-title,
					 .elementor-1321 .elementor-element.elementor-element-9738d0b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-9738d0b .elementor-icon-box-description{color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-4eb48c2{padding:0px 50px 0px 50px;}.elementor-1321 .elementor-element.elementor-element-4eb48c2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-4eb48c2.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-4eb48c2.elementor-view-default .elementor-icon{color:var( --e-global-color-2db7ee6 );border-color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-4eb48c2.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-4eb48c2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-4eb48c2 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-4eb48c2 .elementor-icon svg{height:30px;}.elementor-1321 .elementor-element.elementor-element-6fc9ccf .elementor-icon-box-wrapper{gap:15px;}.elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-6d66259 );color:var( --e-global-color-6d66259 );}.elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-6d66259 );}.elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-6fc9ccf.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-6fc9ccf .elementor-icon{font-size:60px;}.elementor-1321 .elementor-element.elementor-element-6fc9ccf .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-6fc9ccf .elementor-icon-box-title a{font-family:"Nothing You Could Do", Sans-serif;font-size:25px;font-weight:300;}.elementor-1321 .elementor-element.elementor-element-6fc9ccf .elementor-icon-box-title{color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-6fc9ccf:has(:hover) .elementor-icon-box-title,
					 .elementor-1321 .elementor-element.elementor-element-6fc9ccf:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-6fc9ccf .elementor-icon-box-description{color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-a1689a1{padding:0px 50px 0px 50px;}.elementor-1321 .elementor-element.elementor-element-a1689a1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-a1689a1.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-a1689a1.elementor-view-default .elementor-icon{color:var( --e-global-color-2db7ee6 );border-color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-a1689a1.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-a1689a1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-a1689a1 .elementor-icon{font-size:30px;}.elementor-1321 .elementor-element.elementor-element-a1689a1 .elementor-icon svg{height:30px;}.elementor-1321 .elementor-element.elementor-element-bf0cedf .elementor-icon-box-wrapper{gap:15px;}.elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-framed .elementor-icon, .elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1321 .elementor-element.elementor-element-bf0cedf.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1321 .elementor-element.elementor-element-bf0cedf .elementor-icon{font-size:60px;}.elementor-1321 .elementor-element.elementor-element-bf0cedf .elementor-icon-box-title, .elementor-1321 .elementor-element.elementor-element-bf0cedf .elementor-icon-box-title a{font-family:"Nothing You Could Do", Sans-serif;font-size:25px;font-weight:300;}.elementor-1321 .elementor-element.elementor-element-bf0cedf .elementor-icon-box-title{color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-bf0cedf:has(:hover) .elementor-icon-box-title,
					 .elementor-1321 .elementor-element.elementor-element-bf0cedf:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-2db7ee6 );}.elementor-1321 .elementor-element.elementor-element-bf0cedf .elementor-icon-box-description{color:#FFFFFF;}.elementor-1321 .elementor-element.elementor-element-a4450a2{width:var( --container-widget-width, 43% );max-width:43%;--e-transform-rotateZ:-2deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:43%;--container-widget-flex-grow:0;text-align:center;}.elementor-1321 .elementor-element.elementor-element-a4450a2 .elementor-heading-title{font-family:"Nothing You Could Do", Sans-serif;font-size:40px;font-weight:900;line-height:92px;letter-spacing:-0.6px;color:#B69193;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1321 .elementor-element.elementor-element-19cad49{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-e5888e1{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-af33f47{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-cbaab71{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-112ff0d{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-4a0bc68{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-2bdbcb2{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-9af8791{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-d4b220c{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-2811aa1{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-d3d26f7{--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-328af17{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1321 .elementor-element.elementor-element-cb4389b{--content-width:80%;}}@media(max-width:767px){.elementor-1321 .elementor-element.elementor-element-19cad49{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-e5888e1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-af33f47{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-cbaab71{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-112ff0d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-4a0bc68{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-2bdbcb2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-9af8791{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-d4b220c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-2811aa1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-d3d26f7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1321 .elementor-element.elementor-element-328af17{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-6fad507 */.elementor-1321 .elementor-element.elementor-element-6fad507 {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-6fad507::before,
.elementor-1321 .elementor-element.elementor-element-6fad507::after {
    content: "";
    position: absolute;
    left: 18%;
    width: 64%;
    height: 5px;
    border-top: 2px solid #B69193;
    border-radius: 50%;
    pointer-events: none;
}

.elementor-1321 .elementor-element.elementor-element-6fad507::before {
    bottom: 22px;
    transform: rotate(-1deg) skewX(-10deg);
}

.elementor-1321 .elementor-element.elementor-element-6fad507::after {
    bottom: 20px;
    left: 21%;
    width: 58%;
    transform: rotate(1deg) skewX(8deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cedd0f5 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-cedd0f5::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-cedd0f5 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-929fa98 */.elementor-1321 .elementor-element.elementor-element-929fa98 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-929fa98 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cad49 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-19cad49 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-19cad49 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e28517a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-e28517a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-e28517a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-e28517a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f338a67 */.elementor-1321 .elementor-element.elementor-element-f338a67 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-f338a67 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5888e1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-e5888e1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-e5888e1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-abf9aa2 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-abf9aa2::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-abf9aa2 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6736c9d */.elementor-1321 .elementor-element.elementor-element-6736c9d {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-6736c9d .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af33f47 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-af33f47 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-af33f47 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-46d08d8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-46d08d8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-46d08d8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-46d08d8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3b70cff */.elementor-1321 .elementor-element.elementor-element-3b70cff {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-3b70cff .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbaab71 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-cbaab71 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-cbaab71 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3170687 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-3170687 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-3170687::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-3170687 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90e5b50 */.elementor-1321 .elementor-element.elementor-element-90e5b50 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-90e5b50 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-112ff0d *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-112ff0d .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-112ff0d .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-776fe2a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-776fe2a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-776fe2a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-776fe2a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8acb21 */.elementor-1321 .elementor-element.elementor-element-c8acb21 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-c8acb21 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a0bc68 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-4a0bc68 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c9099a *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-6c9099a {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-6c9099a::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-6c9099a img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-02b7109 */.elementor-1321 .elementor-element.elementor-element-02b7109 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-02b7109 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdbcb2 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2bdbcb2 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-800a028 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-800a028 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-800a028::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #778C8A;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-800a028 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f43750 */.elementor-1321 .elementor-element.elementor-element-9f43750 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-9f43750 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9af8791 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #778C8A;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-9af8791 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon {
    color: #778C8A;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #778C8A;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-9af8791 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd82ab7 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-bd82ab7::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #B69193;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-bd82ab7 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba1df13 */.elementor-1321 .elementor-element.elementor-element-ba1df13 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-ba1df13 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4b220c *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #B69193;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d4b220c .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon {
    color: #B69193;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #B69193;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d4b220c .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-76915c8 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-76915c8 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-76915c8::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #7896AA;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-76915c8 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5061693 */.elementor-1321 .elementor-element.elementor-element-5061693 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-5061693 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2811aa1 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-2811aa1 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-2811aa1 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71a5f51 *//* Make the image widget the positioning anchor */
.elementor-1321 .elementor-element.elementor-element-71a5f51 {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Coloured blob behind the person */
.elementor-1321 .elementor-element.elementor-element-71a5f51::before {
    content: "";
    position: absolute;

    width: 80%;
    height: 80%;

    left: 5%;
    bottom: 3%;

    background: #5D7361;

    border-radius:
        48% 52% 63% 37%
        / 42% 38% 62% 58%;

    transform: rotate(-5deg);

    z-index: 0;
}

/* Keep the actual person above the blob */
.elementor-1321 .elementor-element.elementor-element-71a5f51 img {
    position: relative;
    display: block;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1288643 */.elementor-1321 .elementor-element.elementor-element-1288643 {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-1288643 .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3d26f7 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #5D7361;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon {
    color: #5D7361;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #5D7361;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-d3d26f7 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2fa124a */.elementor-1321 .elementor-element.elementor-element-2fa124a {
    overflow: visible;
}

.elementor-1321 .elementor-element.elementor-element-2fa124a .elementor-heading-title {
    display: inline-block;
    position: relative;

    clip-path: inset(-20px 100% -20px -20px);

    animation:
        handwritingReveal 1.8s steps(20, end) 0.7s both,
        handwritingWobble 1.8s ease-out 0.7s both;
}

@keyframes handwritingReveal {
    0% {
        clip-path: inset(-20px 100% -20px -20px);
    }

    100% {
        clip-path: inset(-20px -20px -20px -20px);
    }
}

@keyframes handwritingWobble {
    0% {
        transform: rotate(-2deg) translateY(2px);
    }

    60% {
        transform: rotate(-1.7deg) translateY(0);
    }

    100% {
        transform: rotate(-2deg) translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-328af17 *//* =========================================
   PROFILE GRID LAYOUT
   ========================================= */

/* Make "Unnecessarily good at" span columns 2 + 3 */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill {
    grid-column: 2 / 4;
}


/* =========================================
   ICON + HEADING HOVER ANIMATIONS
   ========================================= */

/* Prevent clipping */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box,
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-container {
    overflow: visible;
}

/* Smooth icon movement + colour */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon {
    transition:
        transform 0.3s ease,
        color 0.3s ease;
    transform-origin: center;
}

/* Smooth heading movement */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    transition: transform 0.3s ease;
}


/* USUALLY FOUND */
.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon {
    transform: translateX(5px) rotate(-8deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .usually-found:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OFFICE REPUTATION */
.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon {
    transform: scale(1.18) rotate(7deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .office-rep:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* POWERED BY */
.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon {
    transform: scale(1.15) rotate(-4deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .powered-by:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* OUTSIDE PD */
.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon {
    transform: rotate(-10deg) scale(1.12);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .outside-pd:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* UNNECESSARILY GOOD AT */
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon {
    transform: rotate(8deg) scale(1.1);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title {
    transform: translateX(4px);
}


/* =========================================
   SCRIBBLY UNDERLINE
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before,
.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #7896AA;
    transition: width 0.35s ease;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::after {
    left: 0;
    bottom: -6px;
    transform: rotate(-1deg);
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill .elementor-icon-box-title::before {
    left: 8%;
    bottom: -10px;
    transform: rotate(1deg);
    transition-delay: 0.08s;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::after {
    width: 100%;
}

.elementor-1321 .elementor-element.elementor-element-328af17 .fun-skill:hover .elementor-icon-box-title::before {
    width: 82%;
}


/* =========================================
   ICON COLOUR CHANGE ON HOVER
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon {
    color: #7896AA;
}

/* Make SVG icons change colour too */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-widget-icon-box:hover .elementor-icon svg {
    fill: #7896AA;
}


/* =========================================
   CONSISTENT BOX CONTENT
   ========================================= */

.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-wrapper {
    height: 100%;
}

/* Heading spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.15;
}

/* Description spacing */
.elementor-1321 .elementor-element.elementor-element-328af17 .elementor-icon-box-description {
    margin: 0;
    line-height: 1.45;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a4450a2 */.elementor-1321 .elementor-element.elementor-element-a4450a2 {
    position: relative;
    display: inline-block;
}

.elementor-1321 .elementor-element.elementor-element-a4450a2::before,
.elementor-1321 .elementor-element.elementor-element-a4450a2::after {
    content: "";
    position: absolute;
    left: 25%;
    width: 44%;
    height: 5px;
    border-top: 2px solid #B69193;
    border-radius: 50%;
    pointer-events: none;
}

.elementor-1321 .elementor-element.elementor-element-a4450a2::before {
    bottom: 22px;
    transform: rotate(-1deg) skewX(-10deg);
}

.elementor-1321 .elementor-element.elementor-element-a4450a2::after {
    bottom: 20px;
    left: 29%;
    width: 48%;
    transform: rotate(1deg) skewX(8deg);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://projectdisplay.spider.build/wp-content/uploads/2026/08/Avenir-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://projectdisplay.spider.build/wp-content/uploads/2026/08/Avenir-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://projectdisplay.spider.build/wp-content/uploads/2026/08/Avenir-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://projectdisplay.spider.build/wp-content/uploads/2026/08/Avenir-Heavy.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://projectdisplay.spider.build/wp-content/uploads/2026/08/Avenir-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */