.elementor-5066 .elementor-element.elementor-element-10213394:not(.elementor-motion-effects-element-type-background), .elementor-5066 .elementor-element.elementor-element-10213394 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://glotechgroup.co.za/wp-content/uploads/2026/07/commercial-refrigeration-installation-technicians-cape-town.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5066 .elementor-element.elementor-element-10213394 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-332724a ) 0%, #161B391A 100%);opacity:1;}.elementor-5066 .elementor-element.elementor-element-10213394{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:17em 0em 4em 0em;}.elementor-5066 .elementor-element.elementor-element-501de5ef > .elementor-element-populated{margin:0% 50% 0% 0%;--e-column-margin-right:50%;--e-column-margin-left:0%;padding:0em 0em 0em 2em;}.elementor-5066 .elementor-element.elementor-element-447db198{text-align:start;}.elementor-5066 .elementor-element.elementor-element-447db198 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-5066 .elementor-element.elementor-element-1d2b054{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:3em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-5066 .elementor-element.elementor-element-345b0b7{--display:flex;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:3em;}.elementor-5066 .elementor-element.elementor-element-802e522{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-5066 .elementor-element.elementor-element-802e522 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-5066 .elementor-element.elementor-element-802e522:after{content:"0.66";}.elementor-5066 .elementor-element.elementor-element-802e522 .elementor-post__thumbnail__link{width:100%;}.elementor-5066 .elementor-element.elementor-element-802e522 .elementor-post__meta-data span + span:before{content:"///";}.elementor-5066 .elementor-element.elementor-element-802e522.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-5066 .elementor-element.elementor-element-802e522.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-5066 .elementor-element.elementor-element-802e522.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-5066 .elementor-element.elementor-element-ddc688d{--display:flex;--padding-top:1em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}.elementor-5066 .elementor-element.elementor-element-6e0b6a6{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#01243A1A;--border-color:#01243A1A;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5066 .elementor-element.elementor-element-cd29381{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-5066 .elementor-element.elementor-element-8e7778e{border-style:none;}.elementor-5066 .elementor-element.elementor-element-8e7778e .elementor-heading-title{text-decoration:none;}.elementor-5066 .elementor-element.elementor-element-c6755c9 .elementor-icon-list-icon{font-size:14px;}.elementor-5066 .elementor-element.elementor-element-1fece9f{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#01243A1A;--border-color:#01243A1A;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5066 .elementor-element.elementor-element-34bbdb5{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-5066 .elementor-element.elementor-element-37142fb{--grid-row-gap:14px;--grid-column-gap:14px;}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-5066 .elementor-element.elementor-element-37142fb:after{content:"1";}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__thumbnail__link{width:25%;}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__thumbnail{border-radius:10px 10px 10px 10px;}.elementor-5066 .elementor-element.elementor-element-37142fb.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:16px;}.elementor-5066 .elementor-element.elementor-element-37142fb.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:16px;}.elementor-5066 .elementor-element.elementor-element-37142fb.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:16px;}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__title, .elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__title a{font-family:var( --e-global-typography-520c191-font-family ), Sans-serif;font-size:var( --e-global-typography-520c191-font-size );font-weight:var( --e-global-typography-520c191-font-weight );line-height:var( --e-global-typography-520c191-line-height );}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__title{margin-bottom:7px;}.elementor-5066 .elementor-element.elementor-element-026996e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-5066 .elementor-element.elementor-element-026996e:not(.elementor-motion-effects-element-type-background), .elementor-5066 .elementor-element.elementor-element-026996e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-044b931 );}.elementor-5066 .elementor-element.elementor-element-7273824 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-5066 .elementor-element.elementor-element-fbcbc44{padding:0px 0px 0px 0px;color:var( --e-global-color-text );}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:16px;}.elementor-5066 .elementor-element.elementor-element-31dc9e9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-5066 .elementor-element.elementor-element-31dc9e9.elementor-view-framed .elementor-icon, .elementor-5066 .elementor-element.elementor-element-31dc9e9.elementor-view-default .elementor-icon{fill:var( --e-global-color-d49ac81 );color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-5066 .elementor-element.elementor-element-31dc9e9.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon{font-size:14px;padding:9px;border-radius:10px 10px 10px 10px;}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-title, .elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;line-height:1.3em;color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-5066 .elementor-element.elementor-element-10213394{padding:3em 0em 3em 0em;}.elementor-5066 .elementor-element.elementor-element-1d2b054{--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-5066 .elementor-element.elementor-element-345b0b7{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__title, .elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__title a{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-title, .elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-title a{font-size:13px;}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-description{font-size:18px;}}@media(max-width:767px){.elementor-5066 .elementor-element.elementor-element-10213394{padding:1em 0em 1em 0em;}.elementor-5066 .elementor-element.elementor-element-501de5ef > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:21px 21px 21px 21px;}.elementor-5066 .elementor-element.elementor-element-447db198{text-align:center;}.elementor-5066 .elementor-element.elementor-element-1d2b054{--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-5066 .elementor-element.elementor-element-802e522 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-5066 .elementor-element.elementor-element-802e522:after{content:"0.5";}.elementor-5066 .elementor-element.elementor-element-802e522 .elementor-post__thumbnail__link{width:100%;}.elementor-5066 .elementor-element.elementor-element-37142fb{--grid-row-gap:14px;}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-5066 .elementor-element.elementor-element-37142fb:after{content:"1";}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__thumbnail__link{width:25%;}.elementor-5066 .elementor-element.elementor-element-37142fb.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:14px;}.elementor-5066 .elementor-element.elementor-element-37142fb.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:14px;}.elementor-5066 .elementor-element.elementor-element-37142fb.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:14px;}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__title, .elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__title a{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}.elementor-5066 .elementor-element.elementor-element-37142fb .elementor-post__title{margin-bottom:7px;}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-wrapper{gap:10px;}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon{font-size:20px;padding:14px;}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-title, .elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-title a{font-size:12px;}.elementor-5066 .elementor-element.elementor-element-31dc9e9 .elementor-icon-box-description{font-size:18px;}}@media(min-width:768px){.elementor-5066 .elementor-element.elementor-element-345b0b7{--width:70%;}.elementor-5066 .elementor-element.elementor-element-ddc688d{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5066 .elementor-element.elementor-element-345b0b7{--width:100%;}.elementor-5066 .elementor-element.elementor-element-ddc688d{--width:100%;}}@media(min-width:1025px){.elementor-5066 .elementor-element.elementor-element-10213394:not(.elementor-motion-effects-element-type-background), .elementor-5066 .elementor-element.elementor-element-10213394 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for section, class: .elementor-element-10213394 *//* ============================================================
HERO SECTION WRAPPER
============================================================ */
.case-hero{
position: relative;
min-height: 280px;
display: flex;
align-items: center;
overflow: hidden;
background-size: cover;
background-position: center;
}
@media(max-width: 700px){
.case-hero{ min-height: 220px; padding: 50px 0; }
}
/* ============================================================
BREADCRUMB — use in an HTML widget:
============================================================ */
.hero-breadcrumb{
font-family: 'IBM Plex Mono', monospace;
font-size: 12px;
color: rgba(255,255,255,0.55);
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.hero-breadcrumb a{
color: rgba(255,255,255,0.78);
text-decoration: none;
transition: color 0.2s;
}
.hero-breadcrumb a:hover{
color: #3FC4E0;
}
.hero-breadcrumb .current{
color: #ffffff;
font-weight: 600;
}
/* ============================================================
EYEBROW — use in an HTML widget:
Real Projects, Real Results
============================================================ */
.hero-eyebrow{
font-family: 'IBM Plex Mono', monospace;
font-size: 12.5px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
gap: 10px;
color: #9DE3EF;
margin-bottom: 14px;
}
.hero-eyebrow::before{
content: '';
width: 22px;
height: 1.5px;
background: currentColor;
opacity: 0.55;
flex-shrink: 0;
}
/* ============================================================
H1 — apply this class to the Heading widget
============================================================ */
.case-hero-h1{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 44px !important;
font-weight: 700 !important;
color: #ffffff !important;
line-height: 1.15 !important;
margin: 0 0 14px !important;
}
@media(max-width: 700px){
.case-hero-h1{ font-size: 30px !important; }
}
/* ============================================================
SUBTEXT PARAGRAPH — apply to the Text Editor widget
============================================================ */
.case-hero-sub{
font-family: 'Inter', sans-serif !important;
font-size: 15.5px !important;
color: rgba(255,255,255,0.72) !important;
line-height: 1.7 !important;
max-width: 560px;
margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-802e522 */.blog-posts-grid .elementor-posts-container{
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 28px !important;
}
.blog-posts-grid .elementor-post{
background: #ffffff !important;
border: 1px solid #E1E8EE !important;
border-radius: 18px !important;
overflow: hidden;
box-shadow: 0 1px 2px rgba(9,32,54,0.04), 0 12px 28px -14px rgba(9,32,54,0.18);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog-posts-grid .elementor-post:hover{
transform: translateY(-6px);
box-shadow: 0 1px 2px rgba(9,32,54,0.05), 0 24px 44px -16px rgba(9,32,54,0.26);
}
.blog-posts-grid .elementor-post__card{
margin: 0 !important;
border: none !important;
box-shadow: none !important;
}
.blog-posts-grid .elementor-post__thumbnail__link{
margin-bottom: 0 !important;
position: relative;
}
.blog-posts-grid .elementor-post__thumbnail{
aspect-ratio: 16/10;
overflow: hidden;
}
.blog-posts-grid .elementor-post__thumbnail img{
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-posts-grid .elementor-post__badge{
position: absolute !important;
top: 16px !important;
left: 16px !important;
right: auto !important;
margin: 0 !important;
background: rgba(8,26,46,0.72) !important;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #ffffff !important;
font-family: 'IBM Plex Mono', monospace !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
text-transform: none !important;
padding: 6px 12px !important;
border-radius: 100px !important;
line-height: 1.4 !important;
z-index: 2;
}
.blog-posts-grid .elementor-post__text{
padding: 22px 24px 26px !important;
}
.blog-posts-grid .elementor-post__meta-data{
display: flex !important;
align-items: center;
gap: 14px;
margin: 0 0 12px !important;
flex-wrap: wrap;
}
.blog-posts-grid .elementor-post-date,
.blog-posts-grid .elementor-post__meta-data > span{
font-family: 'IBM Plex Mono', monospace !important;
font-size: 11.5px !important;
color: #8494A4 !important;
}
.blog-posts-grid .elementor-post__title{
margin: 0 0 10px !important;
}
.blog-posts-grid .elementor-post__title a{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: #081A2E !important;
text-decoration: none !important;
}
.blog-posts-grid .elementor-post:hover .elementor-post__title a{
color: #17AFD1 !important;
}
.blog-posts-grid .elementor-post__excerpt{
display: block !important;
margin: 0 0 16px !important;
}
.blog-posts-grid .elementor-post__excerpt p{
font-family: 'Inter', sans-serif !important;
font-size: 13.5px !important;
line-height: 1.65 !important;
color: #4C5C6E !important;
margin: 0 !important;
}
.blog-posts-grid .elementor-post__read-more{
font-family: 'IBM Plex Mono', monospace !important;
font-size: 11.5px !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
text-transform: none !important;
text-decoration: none !important;
color: #0D2C49 !important;
}
.blog-posts-grid .elementor-post:hover .elementor-post__read-more{
color: #17AFD1 !important;
}
@media(max-width: 700px){
.blog-posts-grid .elementor-posts-container{ grid-template-columns: 1fr !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd29381 *//* ============================================================
CARD WRAPPER
============================================================ */
.cat-list-card{
background: #ffffff;
border-radius: 16px;
padding: 26px 24px;
box-shadow: 0 1px 2px rgba(9,32,54,0.04), 0 12px 28px -14px rgba(9,32,54,0.18);
}
/* ============================================================
"CATEGORIES" HEADING + underline
============================================================ */
.cat-list-card .elementor-heading-title{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 20px !important;
font-weight: 700 !important;
color: #081A2E !important;
margin: 0 !important;
padding-bottom: 14px !important;
display: inline-block;
}
/* ============================================================
CATEGORY LIST — ElementsKit widget
============================================================ */
.cat-list-card .ekit-wid-con{
margin-top: 18px;
}
.cat-list-card .elementor-icon-list-items{
padding: 0 !important;
margin: 0 !important;
}
.cat-list-card .elementor-icon-list-item{
border-bottom: 1px solid #E1E8EE !important;
}
.cat-list-card .elementor-icon-list-item:last-child{
border-bottom: none !important;
}
.cat-list-card .elementor-icon-list-item a{
display: flex !important;
align-items: center;
padding: 15px 2px !important;
text-decoration: none !important;
transition: color 0.2s, padding-left 0.2s;
}
.cat-list-card .elementor-icon-list-item a:hover{
color: #17AFD1 !important;
padding-left: 6px !important;
}
.cat-list-card .elementor-icon-list-text{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #081A2E !important;
}
.cat-list-card .elementor-icon-list-item a:hover .elementor-icon-list-text{
color: #17AFD1 !important;
}
/* Hide the icon slot if this widget renders an empty icon before the text */
.cat-list-card .elementor-icon-list-icon{
display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d2b054 *//* ============================================================
1. POST CONTENT TYPOGRAPHY (left column)
============================================================ */
.post-body h1{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 32px !important;
font-weight: 700 !important;
color: #081A2E !important;
line-height: 1.25 !important;
margin: 44px 0 18px !important;
}
.post-body h2{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 27px !important;
font-weight: 700 !important;
color: #081A2E !important;
line-height: 1.28 !important;
margin: 42px 0 16px !important;
padding-top: 32px !important;
border-top: 1px solid #E1E8EE !important;
}
.post-body > *:first-child,
.post-body h2:first-child{
border-top: none !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.post-body h3{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 21px !important;
font-weight: 600 !important;
color: #081A2E !important;
margin: 34px 0 14px !important;
}
.post-body h4{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #081A2E !important;
margin: 28px 0 12px !important;
}
.post-body h5{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: .04em !important;
color: #081A2E !important;
margin: 24px 0 10px !important;
}
.post-body h6{
font-family: 'IBM Plex Mono', monospace !important;
font-size: 12.5px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: .08em !important;
color: #17AFD1 !important;
margin: 22px 0 10px !important;
}
.post-body p{
font-family: 'Inter', sans-serif !important;
font-size: 16px !important;
line-height: 1.8 !important;
color: #4C5C6E !important;
margin: 0 0 20px !important;
}
.post-body p strong, .post-body p b{
color: #0B1B2B !important;
font-weight: 600 !important;
}
.post-body a{
color: #17AFD1 !important;
font-weight: 600 !important;
box-shadow: 0 1px 0 rgba(23,175,209,.35);
}
.post-body a:hover{
color: #123A63 !important;
}
/* Lists */
.post-body ul{
list-style: none !important;
padding-left: 0 !important;
margin: 0 0 22px !important;
}
.post-body ul li{
position: relative;
padding-left: 28px;
margin-bottom: 10px;
font-size: 15.5px;
color: #4C5C6E;
line-height: 1.75;
}
.post-body ul li::before{
content: '';
position: absolute;
left: 2px;
top: 9px;
width: 7px;
height: 7px;
border-radius: 50%;
background: #17AFD1;
}
.post-body ol{
counter-reset: gt-ol;
list-style: none !important;
padding-left: 0 !important;
margin: 0 0 22px !important;
}
.post-body ol li{
position: relative;
list-style: none;
padding-left: 34px;
margin-bottom: 12px;
counter-increment: gt-ol;
font-size: 15.5px;
color: #4C5C6E;
line-height: 1.75;
}
.post-body ol li::before{
content: counter(gt-ol);
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 22px;
border-radius: 6px;
background: #EEF5FA;
color: #123A63;
font-family: 'IBM Plex Mono', monospace;
font-size: 11.5px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
}
.post-body li > ul,
.post-body li > ol{
margin-top: 10px !important;
margin-bottom: 0 !important;
}
.post-body ol li strong{
color: #081A2E;
}
/* Tables */
.post-body table{
width: 100% !important;
border-collapse: collapse !important;
margin: 28px 0 !important;
font-size: 14.5px !important;
}
.post-body table thead th,
.post-body table tr:first-child th{
background: #081A2E !important;
color: #ffffff !important;
font-family: 'IBM Plex Mono', monospace !important;
font-size: 11.5px !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
text-align: left !important;
padding: 13px 16px !important;
border: none !important;
}
.post-body table td{
padding: 13px 16px !important;
border-bottom: 1px solid #E1E8EE !important;
color: #4C5C6E !important;
}
.post-body table tr:nth-child(even) td{
background: #F7F8FA !important;
}
.post-body table tr:last-child td{
border-bottom: none !important;
}
/* Images */
.post-body img{
border-radius: 16px !important;
margin: 8px 0 !important;
}
.post-body figcaption{
font-family: 'IBM Plex Mono', monospace !important;
font-size: 12px !important;
color: #8494A4 !important;
text-align: center !important;
margin-top: 10px !important;
}
/* Blockquote */
.post-body blockquote{
margin: 28px 0 !important;
padding: 22px 26px !important;
background: #F7F8FA !important;
border-left: 3px solid #17AFD1 !important;
border-radius: 0 12px 12px 0 !important;
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #081A2E !important;
line-height: 1.5 !important;
}
/* HR */
.post-body hr{
border: none !important;
border-top: 1px solid #E1E8EE !important;
margin: 40px 0 !important;
}
@media(max-width: 767px){
.post-body h2{ font-size: 22px !important; }
.post-body h3{ font-size: 18px !important; }
.post-body p, .post-body ul li, .post-body ol li{ font-size: 14.5px !important; }
}
/* ============================================================
2. SIDEBAR — SEARCH FORM
============================================================ */
.sidebar-search input[type="search"],
.sidebar-search input[type="text"]{
width: 100% !important;
padding: 14px 18px !important;
border: 1px solid #E1E8EE !important;
border-radius: 100px !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
background: #F7F8FA !important;
}
.sidebar-search button{
background: #17AFD1 !important;
border: none !important;
border-radius: 50% !important;
width: 44px !important;
height: 44px !important;
}
.sidebar-search button svg,
.sidebar-search button i{
color: #081A2E !important;
}
/* ============================================================
3. SIDEBAR — "LATEST POST" HEADING
============================================================ */
.sidebar-heading{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #081A2E !important;
padding-bottom: 14px !important;
margin-bottom: 20px !important;
border-bottom: 2px solid #17AFD1 !important;
display: inline-block;
}
/* ============================================================
4. SIDEBAR — RELATED / LATEST POSTS LIST
============================================================ */
.sidebar-posts .elementor-posts-container{
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
}
.sidebar-posts .elementor-post{
display: flex !important;
gap: 14px !important;
align-items: flex-start;
}
.sidebar-posts .elementor-post__thumbnail__link{
width: 68px !important;
height: 68px !important;
flex-shrink: 0;
border-radius: 12px !important;
overflow: hidden;
}
.sidebar-posts .elementor-post__thumbnail{
width: 100%;
height: 100%;
}
.sidebar-posts .elementor-post__thumbnail img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.sidebar-posts .elementor-post__text{
padding: 0 !important;
}
.sidebar-posts .elementor-post__title{
margin: 0 0 6px !important;
}
.sidebar-posts .elementor-post__title a{
font-family: 'Space Grotesk', 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #081A2E !important;
}
.sidebar-posts .elementor-post:hover .elementor-post__title a{
color: #17AFD1 !important;
}
.sidebar-posts .elementor-post__meta-data{
font-family: 'IBM Plex Mono', monospace !important;
font-size: 11px !important;
color: #8494A4 !important;
gap: 6px !important;
}
.sidebar-posts .elementor-post__meta-data > span{
display: inline-flex !important;
}
.sidebar-posts .elementor-post-avatar,
.sidebar-posts .elementor-icon-list-icon{
display: none !important;
}/* End custom CSS */