/* ---- font-awesome/svg-with-js.css ---- */
:root{--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro"; --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro"; --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone"; --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 6 Duotone"; --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 6 Duotone"; --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 6 Duotone"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp"; --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp"; --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp"; --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp"; --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone"; --fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 6 Sharp Duotone"; --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 6 Sharp Duotone"; --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 6 Sharp Duotone";}
.fa-sr-only-focusable:not(:focus),.sr-only-focusable:not(:focus){position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px;}

/* ---- mega-menu/mega-menu.css ---- */
.mega-menu-wrapper{transition: opacity var(--mega-animation-speed) ease,
				visibility 0s linear var(--mega-animation-speed);}
.mega-menu-wrapper-inner{opacity: 0; transition: opacity var(--mega-animation-speed) ease,
				transform var(--mega-animation-speed) ease;}
.mega-menu-wrapper.is-open .mega-menu-wrapper-inner{opacity: 1;}
.mega-link-block-link,.mega-link-text,.mega-link-icon i,.mega-sub-text{transition: all var(--mega-animation-speed) ease;}
.mega-container{text-align: start;}
.mega-menu-panel{display: none;}
.mega-menu-panel.active{display: block;}
.mega-container{position: relative;}
.mega-menu-wrapper{position: absolute; top: 100%; left: 0px; width: 100%; padding: var(--mega-outer-padding-tb) var(--mega-outer-padding-lr) 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--mega-animation-speed) ease,
				visibility 0s linear var(--mega-animation-speed); z-index: 2000;}
.mega-menu-wrapper.is-open{opacity: 1; visibility: visible; pointer-events: auto; transition: opacity var(--mega-animation-speed) ease,
				visibility 0s linear 0s;}
.mega-menu-wrapper-inner{background: var(--mega-bg); border-radius: var(--mega-border-radius); padding: var(--mega-inner-padding);}
body.mega-anim-fade .mega-menu-wrapper-inner{transform: none;}
.mega-menu-columns{display: grid; gap: var(--mega-inner-padding); align-items: flex-start;}
.mega-menu-column{min-width: 0px;}
.mega-menu-row{padding-bottom: var(--mega-inner-padding);}
.mega-menu-row:last-child{padding-bottom: 0px;}
.mega-link-block-link{display: inline-flex; align-items: center; gap: 8px; width: 100%; background: var(--mega-link-bg); border-radius: var(--mega-link-radius); padding: var(--mega-link-padding); text-decoration: none; text-align: var(--mega-link-alignment); justify-content: var(--mega-link-alignment);}
.mega-link-block-link:hover{background: var(--mega-link-bg-rollover);}
.mega-link-text{font-size: var(--mega-link-text-size); font-style: var(--mega-link-text-style); font-weight: var(--mega-link-text-weight); color: var(--mega-link-text-colour);}
.mega-link-block-link:hover .mega-link-text{color: var(--mega-link-text-rollover);}
.mega-link-block-link.icon-above{flex-direction: column; align-items: center; gap: 0px;}
.mega-link-icon i{font-size: var(--mega-link-icon-size); color: var(--mega-link-icon-colour);}
.mega-link-block-link:hover .mega-link-icon i{color: var(--mega-link-icon-rollover-colour);}
.mega-link-block-link.icon-above .mega-link-icon{margin-bottom: calc(var(--mega-inner-padding) / 2);}
.mega-sub-text{width: 100%; display: block; font-size: var(--mega-sub-text-size); color: var(--mega-sub-text-colour); text-align: var(--mega-sub-text-alignment);}
a.mega-link-block-link:hover .mega-sub-text{color: var(--mega-sub-text-rollover-colour);}

/* ---- mega-menu ---- */
@media (max-width: 998px){
.mega-menu-wrapper{display: none !important;}
}
:root{--mega-outer-padding-lr: 0px; --mega-outer-padding-tb: 0px; --mega-bg: rgb(255,255,255); --mega-border-radius: 0px; --mega-inner-padding: 20px; --mega-column-title-size: 14px; --mega-column-title-weight: 300; --mega-column-title-colour: ; --mega-font-size: 14px; --mega-font-weight: 300; --mega-letter-spacing: 0px; --mega-menu-gap: 0px; --mega-menu-colour: ; --mega-menu-rollover: ; --mega-image-radius: 0px; --mega-image-overlay: rgba(0,0,0,0); --mega-feed-radius: 0px; --mega-feed-gap: 20px; --mega-feed-overlay: rgba(0,0,0,0); --mega-feed-inset-text-font-size: 16px; --mega-feed-inset-text-font-style: normal; --mega-feed-inset-text-font-weight: 400; --mega-feed-inset-text-colour: #fff; --mega-feed-under-text-font-size: 16px; --mega-feed-under-text-font-style: normal; --mega-feed-under-text-font-weight: 400; --mega-feed-under-text-colour: #000; --mega-feed-under-text-rollover-colour: #000; --mega-link-bg: #ebebe5; --mega-link-radius: 10px; --mega-link-padding: 20px; --mega-inset-text-font-size: 16px; --mega-inset-text-font-style: normal; --mega-inset-text-font-weight: 400; --mega-inset-text-colour: #fff; --mega-under-text-font-size: 14px; --mega-under-text-font-style: normal; --mega-under-text-font-weight: 300; --mega-under-text-colour: ; --mega-under-text-rollover-colour: ; --mega-link-bg-rollover: #ebebe5; --mega-link-alignment: center; --mega-link-text-size: 24px; --mega-link-text-style: uppercase; --mega-link-text-weight: 400; --mega-link-text-colour: #339c3c; --mega-link-text-rollover: #3f3f3f; --mega-link-icon-size: 30px; --mega-link-icon-colour: #3f3f3f; --mega-link-icon-rollover-colour: #3f3f3f; --mega-sub-text-size: 16px; --mega-sub-text-colour: #3f3f3f; --mega-sub-text-rollover-colour: #3f3f3f; --mega-sub-text-alignment: center; --mega-animation-speed: 600ms; --mega-animation-type: fade;}

/* ---- mobile-menu/mobile-nav.css ---- */
.mnav-mobile-nav{position: fixed; inset: 0px; pointer-events: none; z-index: var(--mnav-panel-z);}
.mnav-toggle{position: fixed; top: var(--mnav-toggle-top); z-index: var(--mnav-toggle-z); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; width: var(--mnav-hamburger-size); height: var(--mnav-hamburger-size); background: none !important; padding: 0px !important;}
.mnav-toggle[data-position="right"]{right: var(--mnav-toggle-edge); left: auto;}
.mnav-hamburger{display: block; position: relative; width: 100%; height: 100%; transform-origin: center center;}
.mnav-hamburger span{position: absolute; left: 0px; width: 100%; height: var(--mnav-hamburger-line-height); background: var(--mnav-toggle-colour-closed); transform-origin: center center; transition: top 0.3s, transform 0.3s, opacity 0.3s, background 0.3s;}
.mnav-hamburger span:nth-child(1){top: 1px;}
.mnav-hamburger span:nth-child(2){top: calc((var(--mnav-hamburger-size) - (3 * var(--mnav-hamburger-line-height))) / 2 + var(--mnav-hamburger-line-height));}
.mnav-hamburger span:nth-child(3){top: calc(var(--mnav-hamburger-size) - var(--mnav-hamburger-line-height) - 1px);}
body.mnav-open .mnav-hamburger span{background: var(--mnav-toggle-colour-open);}
body.mnav-open .mnav-hamburger-static span:nth-child(1){transform: translateY(
		calc(
			(var(--mnav-hamburger-size) - var(--mnav-hamburger-line-height)) / 2 - 1px
		)
	) rotate(45deg);}
body.mnav-open .mnav-hamburger-static span:nth-child(2){opacity: 0;}
body.mnav-open .mnav-hamburger-static span:nth-child(3){transform: translateY(
		calc(
			-1 * ((var(--mnav-hamburger-size) - var(--mnav-hamburger-line-height)) / 2 - 1px)
		)
	) rotate(-45deg);}
.mnav-mobile-overlay{position: absolute; inset: 0px; background: var(--mnav-overlay-background); opacity: 0; transition: opacity 0.3s;}
.mnav-mobile-panel{position: absolute; top: 0px; width: var(--mnav-width); height: 100%; background: var(--mnav-panel-background); overflow-y: auto; transition: transform var(--mnav-panel-speed) ease, opacity var(--mnav-panel-speed) ease; will-change: transform, opacity; display: flex; padding: var(--mnav-panel-padding);}
.mnav-anim-bottom .mnav-mobile-panel{left: 0px; top: 100%; width: 100%; height: var(--mnav-width); transform: translateY(0px);}
.mnav-anim-bottom.is-open .mnav-mobile-panel{transform: translateY(-100%);}
.mnav-mobile-nav.is-open{pointer-events: auto;}
.mnav-mobile-nav.is-open .mnav-mobile-overlay{opacity: 1;}
body.mnav-scroll-locked{overflow: hidden; padding-right: var(--mnav-scrollbar-comp, 0px);}
.mnav-mobile-menu .sub-menu{display: none; padding-left: 20px; padding-bottom: 20px;}
.mnav-mobile-menu,.mnav-mobile-menu .sub-menu{list-style: none; padding-left: 0px; margin: 0px; width: 100%;}
.mnav-mobile-menu > li > a,.mnav-mobile-menu .sub-menu a{display: block; padding: var(--mnav-button-padding-top-bottom) var(--mnav-button-padding-left-right); font-size: var(--mnav-button-font-size); text-transform: var(--mnav-button-text-transform); background: var(--mnav-button-bg); color: var(--mnav-button-colour); transition: background 0.25s, color 0.25s; font-weight: var(--mnav-button-font-weight); letter-spacing: var(--mnav-button-letter-spacing);}
.mnav-mobile-menu .sub-menu a{font-weight: var(--mnav-sub-button-font-weight); font-size: var(--mnav-sub-button-font-size); padding: var(--mnav-sub-button-padding-top-bottom) var(--mnav-sub-button-padding-left-right);}
.mnav-mobile-menu > li > a:hover,.mnav-mobile-menu .sub-menu a:hover,.mnav-mobile-menu > li.is-open > a,.mnav-mobile-menu li.is-current a{background: var(--mnav-button-bg-hover); color: var(--mnav-button-colour-hover);}
.panel-inner-center{text-align: center;}
.panel-inner-center .mnav-additional-wrapper{justify-content: center;}
.mnav-mobile-menu > li > a{display: flex; align-items: center; gap: 8px;}
.mnav-menu-wrapper{width: 100%;}
.mnav-panel-inner{display: flex; flex-direction: column; height: 100%; width: 100%;}
.panel-inner-center .mnav-mobile-menu > li > a{justify-content: center;}
.mnav-add-bottom .mnav-additional-wrapper{order: 2;}
.mnav-menu-stretched .mnav-menu-wrapper{flex: 1 1 0%; display: flex; flex-direction: column; justify-content: flex-start;}
.mnav-additional-wrapper{display: flex; flex-direction: column; gap: 16px; width: 100%;}
.mnav-additional-text{font-size: var(--mnav-add-font-size, 14px); color: var(--mnav-add-colour, inherit);}
.mnav-additional-wrapper{font-size: var(--mnav-add-font-size); color: var(--mnav-add-colour);}
.mnav-additional-wrapper a{color: var(--mnav-add-btn-colour); transition: color 0.2s;}
.mnav-additional-wrapper a:hover{color: var(--mnav-add-btn-hover);}
.mnav-additional-wrapper{display: flex; gap: 20px; flex-wrap: wrap; flex-direction: var(--mnav-add-layout);}
.mnav-additional-text{width: 100%;}
.mnav-toggle{top: calc(var(--mnav-toggle-top) + (var(--mnav-hamburger-size) / 2)); transform: translateY(-50%);}

/* ---- mobile-nav ---- */
:root{--mnav-width: 100%; --mnav-toggle-top: 100px; --mnav-toggle-edge: 16px; --mnav-toggle-colour-closed: #3f3f3f; --mnav-toggle-colour-open: #3f3f3f; --mnav-toggle-colour-transparent: #3f3f3f; --mnav-panel-background: rgb(51,156,60); --mnav-button-font-size: 30px; --mnav-sub-button-font-size: 24px; --mnav-button-text-transform: uppercase; --mnav-button-bg: rgba(255,255,255,0); --mnav-button-colour: #ffffff; --mnav-button-bg-hover: rgba(255,255,255,0); --mnav-button-colour-hover: #3f3f3f; --mnav-overlay-background: rgba(0,0,0,0.4); --mnav-toggle-z: 301; --mnav-panel-z: 299; --mnav-panel-padding: 194px 20px 20px 20px; --mnav-add-font-size: 18px; --mnav-add-colour: #ffffff; --mnav-add-icon-size: 24px; --mnav-add-btn-colour: #ffffff; --mnav-add-btn-hover: #ffffff; --mnav-add-layout: row; --mnav_button_padding_top_bottom: 0px; --mnav_button_padding_left_right: 0px; --mnav-button-padding-top-bottom: 0px; --mnav-button-padding-left-right: 0px; --mnav-sub-button-padding-top-bottom: 0px; --mnav-sub-button-padding-left-right: 0px; --mnav-button-font-weight: 400; --mnav-sub-button-font-weight: 400; --mnav-button-letter-spacing: 0px; --mnav-panel-speed: 400ms; --mnav-hamburger-size: 26px; --mnav-hamburger-line-height: 2px; --mnav-hamburger-offset: calc(26px / 4);}
@media (min-width: 1026px){
.mnav-toggle{display: none !important;}
.mnav-mobile-nav{display: none !important;}
}
@media (max-width: 1025px){
.mnav-menu-58{display: none !important;}
}
@media (max-width: 1025px){
#site-navigation{display: none !important;}
}

/* ---- popups/popups.css ---- */
.po-no-scroll{overflow: hidden;}

/* ---- colours.css ---- */
.half-block a.button,.new-block.dark-grey-bg p,.new-block.dark-grey-bg .grey,.new-block.dark-grey-bg a.button{color: rgb(255, 255, 255);}
.dark-grey-bg .icon-item i{color: rgb(51, 156, 61);}
.half a.button{color: rgb(63, 63, 63);}
.half a.button:hover{color: rgb(255, 255, 255);}
.half.dark-grey-bg .plan-name:not(.active){color: rgb(255, 255, 255);}
.half.green-bg .plan-name:not(.active){color: rgb(63, 63, 63);}

/* ---- style.css ---- */
i.fa-circle-xmark{color: red !important;}
button{border-width: medium; border-style: none; border-color: currentcolor; border-image: none;}
*,::before,::after{box-sizing: border-box;}
html{font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%;}
body{font-family: din-condensed, sans-serif; color: rgb(63, 63, 63); margin: 0px; position: relative; background-color: rgb(255, 255, 255); padding: 0px; font-size: 20px; line-height: 1.2; overflow-x: hidden;}
a{text-decoration: none; color: rgb(61, 61, 61);}
img{max-width: 100%; height: auto;}
ul{margin: 0px; padding: 0px;}
.site-content-contain{background-color: transparent !important;}
.site-content{margin-top: 192px; padding: 0px !important;}
.fullwidth-wrap{padding: 0px; max-width: 100%;}
.inner-holder{padding: 40px; background-color: rgb(255, 255, 255);}
.mobile-button{display: none;}
input{font-family: din-condensed, sans-serif;}
.mobile{display: none;}
p{font-weight: 400; font-family: helvetica; font-size: 16px; line-height: 20px;}
p:last-child{margin-bottom: 0px;}
h1,h2,h3{font-weight: 400;}
h4{text-transform: uppercase;}
.mp0{margin: 0px !important; padding: 0px !important;}
.flex{display: flex; flex-wrap: wrap;}
.flex-align-center{align-items: center;}
.flex-align-bottom{align-items: flex-end;}
.site-main{margin-left: 10px; margin-right: 10px;}
.oh{overflow: hidden;}
.relative{position: relative;}
.absolute{position: absolute;}
.absolute-all{inset: 0px;}
.absolute-tint{background-color: rgba(0, 0, 0, 0.35);}
.uppercase{text-transform: uppercase;}
.ls{letter-spacing: 1px;}
.table{display: table; width: 100%; height: 100%;}
.cell{display: table-cell;}
.vam{vertical-align: middle;}
.vat{vertical-align: top;}
.ilb{display: inline-block;}
.z10{z-index: 10;}
.full img{width: 100%;}
.pt0{padding-top: 0px !important;}
.lh0{line-height: 0;}
.lh0 img{width: 100%;}
p{line-height: 22px;}
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mb20{margin-bottom: 20px;}
.mb0{margin-bottom: 0px;}
.mt0o{margin-top: 0px !important;}
.mb40{margin-bottom: 40px !important;}
p{margin-bottom: 15px;}
.small-print{font-size: 14px; line-height: 18px;}
strong,b{font-weight: 500 !important;}
.gap10{gap: 10px;}
.gap20{gap: 20px;}
.gap40{gap: 40px;}
.light{font-weight: 300;}
.green{color: rgb(51, 156, 60) !important;}
.grey{color: rgb(63, 63, 63);}
.large{font-size: 54px; line-height: 54px; padding: 0px; margin: 0px;}
.small{font-size: 24px; padding: 0px; margin: 0px;}
.white{color: rgb(255, 255, 255);}
.plr20{padding-left: 20px; padding-right: 20px;}
.white-bg{background-color: rgb(255, 255, 255);}
.dark-grey-bg{background-color: rgb(63, 63, 63);}
.green-bg{background-color: rgb(51, 156, 60);}
.light-grey-bg{background-color: rgb(235, 235, 229);}
.dark-grey-outline{border: 2px dashed rgb(63, 63, 63);}
a.purchase-button{animation: 2s ease 0s infinite normal none running purchase-animation-grey;}
a.purchase-button::before{display: none !important;}
@keyframes purchase-animation-grey {    0% { background-color: rgb(51, 156, 61); color: rgb(255, 255, 255); border-color: rgb(51, 156, 61); }   50% { background-color: rgb(63, 63, 63); color: rgb(255, 255, 255); border-color: rgb(63, 63, 63); }   100% { background-color: rgb(51, 156, 61); color: rgb(255, 255, 255); border-color: rgb(51, 156, 61); } }
.rounded{border-radius: 10px;}
.button,.archive article a.more-link{border: 2px solid rgb(63, 63, 63); padding: 12px 30px 10px; font-size: 20px; line-height: 22px; border-radius: 10px;}
a.green-button{border: 2px solid rgb(51, 156, 60);}
a.green-button:hover{color: rgb(255, 255, 255);}
.help-button{padding-left: 30px; padding-right: 30px;}
.header-top-bar{border-width: 10px 10px 0px; border-style: solid solid none; border-color: rgb(255, 255, 255) rgb(255, 255, 255) currentcolor; border-image: none; display: flex; gap: 10px; flex-wrap: wrap;}
.top-header-bar-side,.top-header-bar-middle{padding: 8px; text-transform: uppercase; border: 0px solid rgb(255, 255, 255); font-size: 16px; background-color: rgb(235, 235, 229); border-radius: 6px;}
.top-header-bar-side{width: 280px;}
.top-header-bar-middle{flex: 2 1 0%; text-align: center;}
.top-header-bar-side-first{display: flex;}
.top-header-bar-side-first a{display: inline-block; flex: 1 1 0%;}
.top-header-bar-side-first a:first-child{padding-right: 8px;}
.top-header-bar-side-last span{flex: 1 1 0%;}
.top-header-bar-side-last span:first-child{text-align: left;}
.top-header-bar-side-last span:last-child,.top-header-bar-side-first a:last-child{text-align: right;}
.top-header-bar-side-last a{margin-left: 8px;}
.site-header{position: fixed; top: 0px; left: 0px; right: 0px; z-index: 300; background-color: rgb(255, 255, 255);}
.navigation-top{position: relative; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important;}
.client-login-holder{position: absolute; top: 20px; right: 30px;}
.client-login-holder a{font-size: 14px; border-color: rgb(51, 156, 60); padding: 6px 10px 4px; line-height: 18px;}
.client-login-holder a:hover{background-color: rgb(51, 156, 60); color: rgb(255, 255, 255);}
.header-flex{padding: 20px 30px; align-items: flex-end;}
.logo{max-width: 100px; width: 100%; line-height: 0;}
.menu-scroll .logo{max-width: 80px;}
.nav-wrap{width: calc(100% - 100px); flex: 1 1 0%; padding: 0px !important; max-width: 100% !important;}
#top-menu{list-style: none; display: flex; gap: 30px; justify-content: flex-end;}
#top-menu li a{text-transform: uppercase; font-size: 20px; font-weight: 400; padding: 0px;}
.site-footer{padding-top: 20px; padding-right: 40px; padding-left: 40px; background: linear-gradient(0deg, rgb(37, 144, 56) 0%, rgb(67, 172, 67) 100%); margin: 10px; border-radius: 10px; padding-bottom: 70px !important;}
.footer-left{width: 75%;}
.footer-right{width: 25%;}
.footer-menu{padding-right: 60px; flex-grow: 1;}
.footer-menu ul{margin-bottom: 0px;}
.footer-menu li{list-style: none;}
.footer-menu li a{font-size: 16px; text-transform: uppercase; color: rgb(255, 255, 255);}
.footer-title h3{border-bottom: 2px solid rgb(255, 255, 255); margin-bottom: 20px;}
.footer-title h3{font-size: 20px !important;}
.footer-menu li a::after{content: ""; font-family: "Font Awesome 6 Pro"; margin-left: 10px; color: transparent;}
.footer-menu li a:hover::after{color: rgb(255, 255, 255);}
.footer-menu li:first-child a::after{content: none !important;}
.footer-about{text-align: left; font-size: 14px; line-height: 18px; color: rgb(255, 255, 255); margin-bottom: 20px;}
.footer-bottom{width: 100%; border-top: 2px dashed rgb(255, 255, 255); margin-top: 20px; padding-top: 10px; color: rgb(255, 255, 255); font-size: 14px;}
.footer-bottom-left{width: 75%;}
.footer-bottom-right{width: 25%;}
.footer-bottom-right{text-align: right; text-transform: uppercase;}
.accepts{display: flex; justify-content: space-between; font-size: 20px;}
.accepts span{width: 100%; max-width: 60%;}
.accepts span img{width: 100%;}
.footer-logos{border-radius: 10px; background-color: rgb(255, 255, 255); display: block; gap: 0px; padding: 10px; align-items: center; justify-content: space-between;}
.footer-logo{text-align: center;}
.footer-logo img{width: 100% !important;}
a,.button::after,.footer-menu li a::after,a.button::before,.logo,.textwidget a .widget-button,.faq-holder h3::after,.view-plan-button span::after,.view-plan-button span,.plan-name{transition: 0.4s !important;}
.comparison-left .view-plan-button{padding-left: 10px; padding-right: 10px;}
.comparison-table{margin-right: -10px; margin-top: 40px; align-items: flex-end;}
.email-comparison-table{margin-top: 0px !important; padding-top: 0px !important;}
.comparison-left{width: 20%; padding-top: 20px; border-right: 40px solid rgb(255, 255, 255); padding-bottom: 20px; min-width: 260px;}
.comparison-left .plan-column a{float: right;}
.comparison-right{width: 80%; max-width: calc(100% - 260px);}
.price{font-size: 44px; margin-top: 20px; line-height: 44px !important;}
.price span.mo-yr{font-size: 18px; text-transform: none; padding-left: 5px; display: inline-block; line-height: 20px;}
.plan-row{flex: 1 1 0%; background-color: rgb(235, 235, 229); padding: 20px;}
.plan-row-top{padding-bottom: 20px; text-align: center; position: relative;}
.plan-row-top div{line-height: 26px;}
.plan-column{border-bottom: 2px solid rgb(235, 235, 229); padding: 4px 0px;}
.plan-column.premium-feature-1:not(.plan-column.premium-feature-1 ~ .plan-column.premium-feature-1),.plan-column.premium-1:not(.plan-column.premium-1 ~ .plan-column.premium-1){border-top: 2px solid rgb(0, 0, 0);}
.view-plan-button{display: block; border-color: rgb(51, 156, 60); margin-top: 20px; width: 100%;}
.sub-button-text{font-size: 15px !important;}
.view-plan-button span{display: block; font-size: 20px;}
.view-plan-button:hover{color: rgb(255, 255, 255);}
.view-plan-button:hover span::after{color: rgb(255, 255, 255);}
.view-plan-button:hover span{color: rgb(255, 255, 255);}
.vat{font-size: 16px;}
.comparison-buttons{background-color: rgb(51, 156, 60); border-radius: 10px; border: 3px solid rgb(51, 156, 60); display: inline-block;}
.comparison-buttons,.comparison-buttons button{font-family: din-condensed, sans-serif; font-size: 24px;}
.comparison-buttons button{border-radius: 7px; color: rgb(255, 255, 255); width: 200px; padding: 10px; background-color: transparent; font-weight: 400; text-transform: uppercase; font-size: 20px;}
.comparison-buttons button.active,.comparison-buttons button.active:hover{background-color: rgb(255, 255, 255); color: rgb(63, 63, 63);}
.comparison-buttons button:hover{background-color: transparent;}
#monthly.active::after,#yearly.active::after{background-color: rgb(51, 156, 60);}
.premium-feature-1 i.fa-circle-xmark{color: red !important;}
.comparison-table-1 .plan-row{background-color: rgb(63, 63, 63) !important;}
.comparison-table-1 .mobile-button a{color: rgb(255, 255, 255); display: block; padding-bottom: 5px !important;}
.comparison-table-1 .grey{color: rgb(255, 255, 255) !important;}
.comparison-table-1 .comparison-right .plan-column{border-bottom: 2px solid rgb(63, 63, 63); color: rgb(255, 255, 255);}
.comparison-table-1 .comparison-right a.view-plan-button{color: rgb(255, 255, 255);}
.comparison-table-1 .shared-description p{color: rgb(255, 255, 255);}
.yearly-saving{margin: 10px 0px;}
.shared-description{padding-top: 10px; border-top: 2px solid rgb(51, 156, 60); margin-top: 10px;}
.custom-plan-text{border-top-width: medium; border-top-style: none; border-top-color: currentcolor; width: 100%;}
.plan-bottom-row{align-self: flex-end;}
.email-comparison-table .price{margin-top: 10px;}
.email-comparison-table .comparison-right{width: 100%; max-width: 100%;}
.email-comparison-table .plan-column i{width: 34px; display: inline-block; vertical-align: top; margin-top: 0px;}
.email-comparison-table .plan-column span{width: calc(100% - 44px); display: inline-block; vertical-align: top; line-height: 1.4rem;}
.email-sub-text{font-size: 16px; text-transform: none; font-weight: 300;}
.comparison-table{padding-top: 20px; overflow: hidden; margin-right: -50px; padding-right: 50px;}
.yearly-modal{position: absolute; top: -40px; right: -30px; width: 90px; height: 90px; background-color: rgb(51, 156, 60); border-radius: 200px; box-shadow: rgba(0, 0, 0, 0.69) 0px 0px 20px -7px;}
.yearly-modal .table{height: 100%; width: 100%; color: rgb(255, 255, 255);}
.tech-stuff{margin-top: 10px; border-bottom: 2px solid rgb(51, 156, 60); padding-bottom: 10px; align-items: flex-start !important;}
.tech-stuff:last-child{padding-bottom: 0px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important;}
.tech-stuff-left{line-height: 22px; width: 20%; text-align: left;}
.tech-stuff-left i{color: rgb(63, 63, 63) !important; margin-right: 5px;}
.tech-stuff-right{padding-left: 20px; width: 80%; text-align: left;}
.tech-stuff-right p{margin-bottom: 5px !important;}
.tech-stuff-right p:first-child{margin-top: 0px;}
.tech-stuff-right p:last-child{margin-bottom: 0px !important;}
.dedicated-content{gap: 40px; margin-top: 40px;}
.dedicated-left{width: calc(50% - 20px);}
.dedicated-left-content{padding: 40px; background-color: rgb(235, 235, 229); position: sticky; top: 200px;}
.dedicated-rows{gap: 20px; justify-content: space-between; margin-top: 20px;}
.dedicated-row{width: calc(50% - 10px);}
.dedicated-row .white-bg{border-radius: 10px;}
.plans-names{justify-content: space-between; margin-bottom: 20px; margin-left: -20px; margin-right: -20px;}
.plan-name.active{color: rgb(51, 156, 60);}
.row-value{font-size: 40px; display: flex; justify-content: space-between; color: rgb(51, 156, 60); align-items: center;}
.row-value::before{text-transform: uppercase; margin-right: 10px; font-size: 18px; color: rgb(63, 63, 63);}
.row-value.power-level::before{content: "power level:";}
.row-value.vcpus::before{content: "VCPUs:";}
.row-value.memory::before{content: "memory(gb):";}
.row-value.storage::before{content: "STORAGE(GB) — SCALE UP TO 2TB*";}
#slider{position: relative; height: 6px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important;}
.slider-bar{position: absolute; top: 0px; left: 0px; bottom: 0px; background-color: rgb(63, 63, 63); border-radius: 10px;}
.plan-price{font-size: 54px; line-height: 54px;}
.plan-price::before{content: "£";}
.popup-inner{padding: 40px;}
.service-icon{max-width: 60px; margin: 0px auto;}
.service-popup-content{margin-top: 20px;}
.widget-categories select{background-image: url("/assets/img/theme/down-arrow.svg"); background-position: right center; background-repeat: no-repeat; width: 100%; padding: 10px; font-size: 14px;}
.accordion-item .description{padding: 0px; background-color: inherit; display: none;}
.accordion-item .description p{margin-bottom: 15px; margin-top: 0px;}
.accordion-item .description p a{color: rgb(51, 156, 60);}
.post-single .wrap,.archive .wrap{padding: 40px; flex-wrap: wrap; max-width: 2800px !important;}
.single-post-header-left-top,.archive-header{padding: 0px; background: linear-gradient(0deg, rgb(37, 144, 56) 0%, rgb(67, 172, 67) 100%); margin: 0px 10px 10px; border-radius: 10px;}
.header-inner{max-width: 2800px; margin: 0px auto; padding: 26px 40px 20px;}
.post-single .content-area,.archive .content-area{flex: 1 1 0%; padding-right: 40px !important;}
.post-single .widget-area,.archive .widget-area{min-width: 355px; width: 25% !important; padding-bottom: 0px !important;}
.single-post-header-left-top{width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; padding: 40px; margin-bottom: 40px;}
.single-post-header-left-top h1{color: rgb(255, 255, 255); margin-bottom: 0px;}
.post-single .wrap{padding-top: 0px !important;}
.category-blog .archive-loop-by-cat{display: flex; gap: 40px; flex-wrap: wrap;}
.category-blog .archive-loop-by-cat article{width: calc(33.333% - 27px);}
.category-blog .archive-loop-by-cat article img{border-radius: 10px;}
.article-content-full{width: 100% !important;}
.pagination{padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: right; width: 100%; float: none; font-size: 20px !important;}
.page-numbers.current,.page-numbers{font-size: 20px !important; padding: 10px !important; box-shadow: none !important; line-height: 20px !important;}
.page-numbers.current{border: 2px solid rgb(234, 235, 230); color: rgb(51, 156, 60);}
.next.page-numbers,.prev.page-numbers{background-color: rgb(235, 235, 230) !important; margin: 0px 5px !important;}
.next.page-numbers:hover,.prev.page-numbers:hover{background-color: rgb(51, 156, 60) !important;}
.pagination a.next,.pagination a.prev{display: none !important;}
.screen-reader-text{display: none;}
.widget-area .widget{margin-bottom: 20px !important;}
.widget-area .widget:last-child{position: sticky; top: 190px; margin-bottom: 0px !important;}
h2.widget-title{font-size: 22px; letter-spacing: 0px; margin-bottom: 20px; position: relative; text-transform: uppercase; font-weight: normal !important;}
h2.widget-title::after{position: absolute; bottom: -5px; left: 0px; width: 100%; border-bottom: 2px solid rgb(51, 156, 60); content: ""; display: block;}
.grey-bg{background-color: rgb(235, 235, 229); padding: 20px;}
.widget-button{display: inline-block; border: 2px solid rgb(255, 255, 255); padding: 10px 30px; font-size: 20px; line-height: 22px; color: rgb(255, 255, 255); border-radius: 10px;}
.textwidget a:hover .widget-button{background-color: rgb(255, 255, 255); color: rgb(63, 63, 63);}
.ajax-top-search{margin-left: auto; margin-right: auto; border-radius: 10px; max-width: 700px !important;}
.ajax-top-search h2{text-align: center !important; font-size: 28px !important; text-transform: none !important; letter-spacing: 0px !important;}
.ajax-top-search h2::after{display: none !important;}
.asl_w_container{overflow: hidden; border-radius: 10px !important;}
.full-width-search-bar{margin: 10px 10px 0px; text-align: center; background-color: rgb(235, 235, 229); border-radius: 10px; width: calc(100% - 20px) !important;}
.widget-categories select{appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-left: 10px; border-radius: 6px;}
.progress-widget{padding-bottom: 0px !important;}
.progress-widget .cell{padding-left: 40px; padding-right: 40px;}
.progress-widget h3{font-size: 30px; line-height: 34px;}
.support-widget{padding: 20px; background: linear-gradient(0deg, rgb(37, 144, 56) 0%, rgb(67, 172, 67) 100%);}
.support-left{text-align: center; color: rgb(255, 255, 255); font-size: 34px; margin-bottom: 10px;}
.support-right h2{margin-bottom: 10px; display: block;}
.support-right{color: rgb(255, 255, 255); text-align: center;}
.support-right p{font-size: 20px; line-height: 24px; margin-bottom: 20px;}
.support-right a{display: inline-block; border-color: rgb(255, 255, 255); text-transform: uppercase; color: rgb(255, 255, 255); overflow: hidden; box-shadow: none !important;}
.support-right a::before{background-color: rgb(255, 255, 255) !important;}
.support-right a:hover{color: rgb(63, 63, 63);}
.categories-quick-links{display: flex; gap: 20px; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
a.more-link::after{content: ""; font-family: "Font Awesome 6 Pro"; margin-left: 10px;}
.archive-loop-by-cat{margin-top: 40px; border-top: 2px solid rgb(51, 156, 61); padding-top: 20px;}
.single-block-divider{border-top: 2px solid rgb(235, 235, 230);}
.single-post-header{padding-bottom: 40px;}
.single-post-header-left{padding-right: 0px; width: 100%;}
.single-post-intro{border-top: 2px solid rgb(51, 156, 60); margin-top: 20px;}
.single-categories{align-self: flex-end;}
.single-categories span,.single-categories ul.post-categories li a:hover{color: rgb(51, 156, 60);}
.single-categories ul.post-categories{margin-bottom: 0px;}
.single-categories ul.post-categories,.single-categories ul.post-categories li{display: inline-block;}
.single-categories ul.post-categories li::after{content: ", ";}
.single-categories ul.post-categories li:last-child::after{content: none;}
.single-block{margin-bottom: 40px;}
.half-image a,.single-block-image{border: 2px solid rgb(235, 235, 230); border-radius: 10px; overflow: hidden;}
.half-image a{line-height: 0px;}
.half img,.single-block-image img{width: 100%;}
.width- img{width: auto !important;}
.single-block:last-child{margin-bottom: 0px;}
.single-block p:last-child{margin-bottom: 0px;}
.single-block strong,.single-block a{color: rgb(51, 156, 60);}
.single-block h2{font-weight: normal; color: rgb(51, 156, 60); text-transform: uppercase;}
.single-block strong{font-weight: normal;}
.single-block-side{display: flex; flex-wrap: wrap; gap: 40px;}
.half{width: calc(50% - 20px);}
.half ul{margin-left: 24px;}
a.image-open{display: block; position: relative;}
a.image-open::after{position: absolute; top: 20px; right: 20px; padding: 10px; background-color: rgb(235, 235, 230); border-radius: 5px; content: ""; font-family: "Font Awesome 6 Pro"; font-size: 24px; line-height: 24px;}
.bg-coloured-block{margin-left: -10px; margin-right: -10px;}
a.button{position: relative; display: inline-block;}
a.button span{position: relative; z-index: 2;}
a.button::before{position: absolute; inset: 0px 100% 0px 0px; z-index: 1; background-color: rgb(51, 156, 61); content: ""; border-radius: 6px;}
a.underlined{border-bottom: 2px solid rgb(51, 156, 60); padding-bottom: 5px;}
a.button:hover::before{right: 0px;}
.justify-center,.align-center{justify-content: center;}
.align-stretch{justify-content: stretch;}
.align-bottom{align-items: flex-end;}
.align-top{align-items: flex-start;}
.full{width: 100%;}
.align-stretch .header-content-block:last-child{align-self: flex-end; margin-top: auto;}
.column{flex-direction: column;}
.inset-header h1,h2.h2-large,.header h1{font-size: 48px !important; line-height: 52px !important;}
.inset-header h2,.header h2{color: rgb(51, 156, 60); font-size: 26px; line-height: 30px;}
.header-large{height: auto; min-height: 50vh;}
.grey-background{background-color: rgb(235, 235, 229);}
.regular{font-weight: 400 !important;}
h4{font-size: 26px;}
.new-block{padding: 40px 0px;}
.new-block.block-header{padding: 0px;}
.cover{background-size: cover;}
.pd40{padding: 40px;}
.pd20{padding: 20px;}
.pt20{padding-top: 20px;}
.block-reviews:not(.bg-coloured-block),.block-plans:not(.bg-coloured-block){margin-left: 40px; margin-right: 40px;}
.block-icons.bg-coloured-block,.block-reviews.bg-coloured-block{padding-left: 50px !important; padding-right: 50px !important;}
.header .half{width: calc(50% - 5px);}
.header-third .half:first-child{width: calc(35% - 5px);}
.header-third .half:last-child{width: calc(65% - 5px);}
.inset-header .header-inset{border-radius: 6px;}
.inset-header.header-third .header-inset{width: 35%;}
.header-content-block{margin-top: 0px;}
.header-content-icon{font-size: 18px; margin-bottom: 5px;}
.header-content-icon:last-child{margin-bottom: 0px;}
.header-content-icon i{width: 30px; display: inline-block; vertical-align: top;}
.header-content-icon span{width: calc(100% - 36px); display: inline-block; vertical-align: top; line-height: 22px;}
.title-component.switch-1 h4{order: 1;}
.title-component.switch-1 h2{order: 2;}
.title-buttons .full{flex: 0 0 auto; width: auto;}
.icon-medium i{font-size: 40px;}
.icon-large i{font-size: 60px;}
.icon-block .icon-item{flex: 1 1 0%;}
.icon-row-3 .icon-item{flex: 0 0 auto; width: calc(33.333% - 27px);}
.icon-row-4 .icon-item{flex: 0 0 auto; width: calc(25% - 30px);}
.dark-grey-bg .icon-item h3{color: rgb(255, 255, 255); text-transform: uppercase;}
.percentage-bar{display: block; height: 10px; background-color: rgb(51, 156, 60); border-radius: 10px;}
.block-half.white-bg{padding-left: 40px; padding-right: 40px;}
.half-block{margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.half-block:last-child{margin-bottom: 0px;}
.alignment-center .half{align-items: center;}
.alignment-stretch .half-block{margin-top: 0px;}
.alignment-stretch .half-block:last-child{align-self: flex-end; margin-top: auto;}
.alignment-stretch .half-inner{flex-direction: column;}
.half-block .icon-block .icon-item{width: calc(50% - 20px); flex: 0 0 auto;}
.block-iconcolumn{padding-left: 40px; padding-right: 40px;}
.icon-column-third{width: calc(33.333% - 27px);}
.light-grey-bg .icon-column-third{background-color: rgb(255, 255, 255);}
.comparison-table-single{margin-left: 30px; margin-right: 30px; width: calc(100% - 60px); padding-right: 0px; overflow: visible;}
.comparison-right-single .comparison-single{width: 100%;}
.comparison-single .plan-row-top{width: calc(35% - 20px);}
.comparison-single .plan-bottom-row{width: calc(65% - 20px);}
.comparison-single .mobile-button{display: inline-block !important;}
.plan-row-top-stick{position: sticky; top: 300px;}
.comparison-single .plan-column{width: 50%; text-align: left; padding: 10px 0px; border-top: 2px dashed rgb(255, 255, 255) !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important;}
.comparison-single .plan-column:nth-child(1),.comparison-single .plan-column:nth-child(2){border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important;}
.comparison-single .plan-column:nth-child(2n+1){padding-right: 20px; border-right: 2px dashed rgb(255, 255, 255);}
.comparison-single .plan-column:nth-child(2n){padding-left: 20px;}
.comparison-single .plan-column .yearly-price,.comparison-single .plan-column .monthly-price{display: flex; justify-content: space-between;}
.comparison-single .yearly-modal{right: auto; left: -40px;}
.block-accordions{padding-left: 50px; padding-right: 50px;}
.faq-holder{max-width: 900px; margin: 0px auto;}
.faq-holder h3{font-size: 24px; cursor: pointer;}
.faq-holder h3 span{max-width: calc(100% - 30px); display: inline-block;}
.faq-holder h3::after{font-family: "Font Awesome 6 Pro"; float: right; color: rgb(51, 156, 60); content: "+"; font-weight: 300;}
.faq-holder .accordion-item{border-bottom: 1px solid rgb(63, 63, 63); padding-top: 14px;}
.faq-holder .accordion-item:last-child{border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important;}
.faq-holder .accordion-item.active h3::after{content: "";}
.progress-widget{border-radius: 10px;}
.page-title{font-weight: 500 !important;}
.domain-name-holder{max-width: 1200px; margin: 0px auto;}
.domain-name-holder form{border: 2px solid rgb(51, 156, 60); border-radius: 16px; padding: 10px;}
.checker-form input[type="text"]{flex: 1 1 0%; font-size: 24px; padding: 0px 0px 0px 10px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important;}
.domain-name-holder form input[type="submit"]{font-size: 18px; text-transform: uppercase; border-radius: 10px; background-color: rgb(51, 156, 60); line-height: 18px; width: 150px; font-weight: 500 !important;}
.domain-name-holder form input[type="submit"]:hover{background-color: rgb(63, 63, 63);}
.page-nav-open{display: none;}
.block-nav{position: sticky; top: 162px; z-index: 20; text-align: center; margin: 10px -10px !important; padding: 10px 20px !important; background-color: rgb(255, 255, 255) !important;}
.page-nav{border: 3px solid rgb(51, 156, 60); border-radius: 10px;}
.page-nav a{text-transform: uppercase; padding: 7px 20px 4px; border-radius: 7px;}
.page-nav a:not(:first-child){margin-left: -2px;}
.page-nav a.active-nav-button,.page-nav a:hover{background-color: rgb(255, 255, 255); color: rgb(63, 63, 63);}
@property --ai-builder-percent1 { syntax: "<percentage>"; inherits: true; initial-value: 68%; }
@property --ai-builder-percent2 { syntax: "<percentage>"; inherits: true; initial-value: 81%; }
@property --ai-builder-percent3 { syntax: "<percentage>"; inherits: true; initial-value: 94%; }
@property --ai-builder-percent4 { syntax: "<percentage>"; inherits: true; initial-value: 100%; }
@property --ai-builder-angle { syntax: "<angle>"; inherits: true; initial-value: 0turn; }
@media only screen and (min-width: 911px) and (max-width: 1024px){
.pd40{padding: 30px;}
.nav-wrap{display: none !important;}
.logo{max-width: 80px;}
.site-content{margin-top: 172px;}
.inset-header.header-third .header-inset{width: 45%;}
.block-half.white-bg{padding-left: 30px; padding-right: 30px;}
.new-block{padding: 30px 0px;}
.gap40{gap: 30px;}
.half,.half-block .icon-block .icon-item{width: calc(50% - 15px);}
.bg-coloured-block{padding-left: 20px; padding-right: 20px;}
.site-footer{padding-left: 30px; padding-right: 30px;}
.block-reviews:not(.bg-coloured-block),.block-plans:not(.bg-coloured-block){margin-left: 30px; margin-right: 30px;}
.comparison-left{width: 30%;}
.comparison-right{width: calc(70% + 30px); margin-right: -30px;}
.icon-item h3{font-size: 18px;}
.icon-row-3 .icon-item{width: calc(33.333% - 20px);}
.icon-row-4 .icon-item{width: calc(25% - 23px);}
.block-nav{top: 162px;}
.email-comparison-table{margin-right: -40px; width: calc(100% + 80px); margin-left: -40px;}
.archive article:first-child,.archive article:nth-child(2){width: 100%;}
a.page-numbers{display: inline-block;}
.pagination .meta-nav{display: none !important;}
.post-single .wrap,.archive .wrap{padding: 30px 0px;}
.post-single .widget-area,.archive .widget-area{min-width: 260px; width: 30% !important;}
.post-single .content-area,.archive .content-area{padding-right: 30px !important;}
.widget-area{margin-right: 10px;}
.archive-loop-by-cat{margin-top: 30px;}
.single-post-header-left-top{width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; padding: 30px; margin-bottom: 30px;}
.single-block{margin-bottom: 40px;}
.single-block-side{gap: 30px;}
}
@media only screen and (min-width: 641px) and (max-width: 910px){
.site-content{margin-top: 174px;}
.top-header-bar-middle{display: none;}
.mobile{display: block;}
.top-header-bar-side{flex: 1 1 0%;}
.header-flex{padding-left: 20px; padding-right: 20px;}
.logo{max-width: 80px;}
.client-login-holder{right: 65px; top: 51px;}
.page-nav-inner{display: inline-block !important;}
.footer-left,.footer-right{width: 100%; text-align: left;}
.footer-left{margin-bottom: 20px;}
.footer-about{width: calc(50% - 12px); margin-right: 10px; display: inline-block;}
.footer-bottom-left,.footer-bottom-right{width: 100%; text-align: left;}
.footer-menu-inner{display: block !important;}
.comparison-left{display: none !important;}
.block-plans{margin-left: 0px !important; margin-right: 0px !important; padding-right: 0px !important; padding-left: 0px !important;}
.comparison-right{width: 100%; min-width: 100%;}
.comparison-table{margin-left: -10px; margin-right: -10px;}
.comparison-buttons button{border-radius: 6px; border: 2px solid rgb(51, 156, 60) !important;}
.comparison-buttons button::after{bottom: -4px;}
.mobile-button{font-size: 14px;}
.plan-column .mobile-button{display: block;}
.post-single .content-area,.archive .content-area{width: 100%; flex: 0 0 auto; padding-right: 0px !important;}
.pagination{width: 100%;}
a.page-numbers{display: inline-block;}
.pagination .meta-nav{display: none !important;}
.widget-area{display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px) !important; min-width: calc(100% + 40px) !important;}
.widget-area .widget{width: calc(50% - 40px); margin: 20px !important;}
#secondary .widget-categories{order: 2;}
#secondary .progress-widget{order: 4;}
.categories-quick-links{display: none;}
.widget-area .widget:last-child{margin-bottom: 20px !important; position: relative !important; top: 0px !important;}
.sub-categories-quick-links{display: flex;}
.dedicated-left{width: 100%;}
.new-block,.block-half.white-bg,.site-footer{padding-left: 30px; padding-right: 30px;}
.pd40{padding: 30px;}
.gap40{gap: 30px;}
.half{width: 100%;}
.footer-bottom-right{margin-top: 10px;}
.accepts span{text-align: right;}
.accepts span img{width: 60%;}
.header-inset{width: 100% !important;}
.header .half{width: 100% !important;}
.header .half.cover{height: 30vh !important; order: 1;}
.header .half:first-child{order: 2;}
.header-large{min-height: auto !important;}
.icon-block .icon-item{width: calc(50% - 15px);}
.icon-column-third{width: calc(50% - 20px);}
.comparison-table-single{margin-right: 0px !important; min-width: 100% !important; width: 100% !important;}
.comparison-table-single .plan-row{gap: 20px;}
.comparison-table-single .plan-row-top{width: 100%;}
.comparison-table-single .plan-bottom-row{width: 100%;}
.comparison-single .mobile-button{display: block !important;}
.comparison-single .plan-column .yearly-price,.comparison-single .plan-column .monthly-price{flex-wrap: wrap;}
.comparison-single .plan-column .yearly-price span,.comparison-single .plan-column .monthly-price span{line-height: 24px;}
.comparison-single .yearly-modal{left: -25px;}
.block-nav{top: 172px;}
.block-nav a{font-size: 16px;}
.icon-row-3 .icon-item{width: calc(33.333% - 20px);}
}
@media only screen and (max-width: 640px){
.site-main{margin-left: 0px !important; margin-right: 0px !important; width: calc(100%) !important;}
.site-content{margin-top: 164px;}
.large{font-size: 40px; line-height: 40px;}
.inner-holder{padding: 20px;}
.mobile-button{display: block; font-size: 14px;}
.mobile{display: block;}
.pd40{padding: 20px;}
.button,.archive article a.more-link{padding-left: 20px; padding-right: 20px;}
.inset-header h1,h2.h2-large,.header h1{font-size: 32px !important; line-height: 36px !important;}
h4{font-size: 22px; line-height: 26px;}
.bg-coloured-block{margin-left: 0px !important; margin-right: 0px !important;}
.top-header-bar-middle,.top-header-bar-side-last{display: none;}
.top-header-bar-side-first{width: 100%;}
.site-footer{padding: 20px;}
.footer-left,.footer-right{width: 100%;}
.footer-right{margin-top: 20px;}
.footer-menu{padding-right: 0px; width: 100%; margin-bottom: 10px;}
.footer-menu li{display: inline-block; padding-right: 20px; width: 100%;}
.footer-menu h3{padding-bottom: 10px; cursor: pointer; margin-bottom: 0px; border-bottom: 0px;}
.footer-menu{border-bottom: 2px solid rgb(255, 255, 255);}
.footer-menu:last-child{margin-bottom: 0px;}
.footer-menu-inner .menu{padding-bottom: 10px;}
.footer-bottom-left,.footer-bottom-right{width: 100%; text-align: left; font-size: 12px; padding-right: 90px;}
.footer-menu h3::after{font-family: "Font Awesome 6 Pro"; float: right; content: "+";}
.footer-menu.active h3::after{content: "";}
.footer-bottom-right{padding-right: 0px;}
.accepts{margin-top: 20px;}
.header-flex{padding: 20px 10px;}
.logo{max-width: 70px !important;}
.client-login-holder{right: 65px; top: 51px;}
.inset-header.header-third .header-inset{width: 100%;}
.block-header .half{width: 100% !important;}
.block-header .half.cover{min-height: 45vh;}
.block-header .half:first-child{order: 2;}
.block-header .half:last-child{order: 1;}
.new-block.block-header{padding-left: 10px; padding-right: 10px;}
.comparison-left{display: none !important;}
.comparison-right{width: 100%;}
.comparison-buttons button::after{margin-bottom: -6px;}
.comparison-buttons{width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; display: flex;}
.comparison-buttons button{width: 50%;}
.comparison-right{max-width: 100% !important;}
.tech-stuff-left,.tech-stuff-right{width: 100%; padding-right: 0px; padding-left: 0px;}
.tech-stuff-left{padding-bottom: 10px;}
.popup-inner{padding: 20px;}
.comparison-table{margin-left: -20px; margin-right: -20px; padding-right: 0px;}
.comparison-table{margin-left: 0px; margin-right: 0px;}
.block-plans{width: calc(100% + 0px); margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
.new-block{padding: 20px 10px;}
.block-half.white-bg{padding-left: 10px; padding-right: 10px;}
.gap40{gap: 20px;}
.half{width: 100%;}
.block-reviews:not(.bg-coloured-block),.block-plans:not(.bg-coloured-block){margin-left: 0px; margin-right: 0px;}
.header-inner{padding-left: 20px; padding-right: 20px;}
.widget-area{display: flex; flex-wrap: wrap; min-width: 100% !important;}
.widget-area .widget{width: 100%; margin-bottom: 20px;}
.widget-area .widget:last-child{position: relative; top: 0px; margin-bottom: 20px !important;}
a.page-numbers{display: inline-block;}
.pagination .meta-nav{display: none !important;}
.widget-area .widget-categories{border-radius: 10px; order: 1 !important;}
.widget-area .widget.progress-widget{order: 5; margin-bottom: 0px !important;}
.hide-mobile{display: none;}
.post-single .wrap,.archive .wrap{padding: 20px 10px; display: block;}
.post-single .content-area,.archive .content-area{flex: 0 0 auto; display: block; padding-right: 0px !important;}
.archive article{display: block;}
.archive .site-main{margin-left: 0px !important; margin-right: 0px !important; width: 100% !important;}
.categories-quick-links{display: none;}
.sub-categories-quick-links{display: flex;}
.archive-loop-by-cat{margin-top: 20px;}
.single-post-header-left-top{width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; padding: 20px; margin-bottom: 40px;}
.single-post-header-left{order: 2; padding-right: 0px; margin-top: 20px;}
.single-block-side{gap: 20px;}
.single-block-side .half{width: 100%;}
.single-post-header{padding-bottom: 20px;}
.single-block{margin-bottom: 20px;}
.dedicated-left{width: 100%;}
.plan-name{font-size: 16px;}
.dedicated-rows{gap: 10px;}
.dedicated-row{width: 100%;}
.row-value{font-size: 30px;}
.plan-price{margin-top: 20px; font-size: 40px; line-height: 44px;}
.header .icon-item{width: calc(50% - 10px);}
.block-icons.bg-coloured-block,.block-reviews.bg-coloured-block{padding-left: 20px !important; padding-right: 20px !important;}
.icon-block .icon-item,.half-block .icon-block .icon-item{width: 100%;}
.icon-column-third{width: 100%;}
.single-post-header-left-top{margin-left: 0px; margin-right: 0px; width: 100%;}
.widget-area .widget:last-child{margin-bottom: 20px !important;}
.widget-area{padding-top: 20px !important;}
.block-nav{top: 155px; height: 60px; padding-left: 10px !important; padding-right: 10px !important; margin-left: 0px !important; margin-right: 0px !important;}
.page-nav-open{display: flex; justify-content: space-between; color: rgb(255, 255, 255); cursor: pointer; padding: 0px 10px;}
.page-nav-open::after{font-family: "Font Awesome 6 Pro"; content: "+";}
.page-nav.active .page-nav-open::after{content: "";}
.page-nav{width: 100%;}
.page-nav-inner{display: flex; flex-wrap: wrap; gap: 2px;}
.page-nav-inner a{width: calc(50% - 1px); margin-left: 0px !important;}
.comparison-table-single{margin-right: 0px !important; min-width: 100% !important; width: 100% !important;}
.comparison-table-single .plan-row{gap: 20px;}
.comparison-table-single .plan-row-top{width: 100%;}
.comparison-table-single .plan-bottom-row{width: 100%;}
.comparison-single .mobile-button{display: block !important;}
.comparison-single .plan-column .yearly-price,.comparison-single .plan-column .monthly-price{flex-wrap: wrap;}
.comparison-single .plan-column .yearly-price span,.comparison-single .plan-column .monthly-price span{width: 100%; line-height: 24px;}
.comparison-single .yearly-modal{left: -25px;}
.comparison-table-single{margin-left: 0px !important;}
}
::placeholder{font-family: din-condensed, sans-serif;}
.error-404-block .half.grey-background{min-height: auto;}
.error-404-block .header-content-icon{margin-bottom: 6px;}
.error-404-block .header-content-icon a{color: inherit; text-decoration: none;}
.error-404-block .header-content-icon a:hover{color: rgb(51, 156, 60); text-decoration: underline;}
.error-404-block .header-content-block > a.button{display: block; width: 100%; text-align: center; box-sizing: border-box;}
.error-404-block .header-content-block .button + .button{margin-top: 10px;}
.error-404-code{font-family: din-condensed, sans-serif; font-size: clamp(96px, 18vw, 180px); line-height: 1; letter-spacing: 0.02em; color: rgb(255, 255, 255); opacity: 0.9; margin-bottom: 20px;}
@media (max-width: 640px){
.error-404-icons{display: none;}
.error-404-code{margin-bottom: 0px;}
}

/* ---- assets/css/blocks.css ---- */
p.has-drop-cap:not(:focus)::first-letter{font-size: 5em; margin-top: 0.075em;}

/* ---- global-styles ---- */
:root{--p-aspect-ratio--square: 1; --p-aspect-ratio--4-3: 4/3; --p-aspect-ratio--3-4: 3/4; --p-aspect-ratio--3-2: 3/2; --p-aspect-ratio--2-3: 2/3; --p-aspect-ratio--16-9: 16/9; --p-aspect-ratio--9-16: 9/16; --p-color--black: #000000; --p-color--cyan-bluish-gray: #abb8c3; --p-color--white: #ffffff; --p-color--pale-pink: #f78da7; --p-color--vivid-red: #cf2e2e; --p-color--luminous-vivid-orange: #ff6900; --p-color--luminous-vivid-amber: #fcb900; --p-color--light-green-cyan: #7bdcb5; --p-color--vivid-green-cyan: #00d084; --p-color--pale-cyan-blue: #8ed1fc; --p-color--vivid-cyan-blue: #0693e3; --p-color--vivid-purple: #9b51e0; --p-gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --p-gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --p-gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --p-gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --p-gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --p-gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --p-gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --p-gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --p-gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --p-gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --p-gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --p-gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --p-font-size--small: 13px; --p-font-size--medium: 20px; --p-font-size--large: 36px; --p-font-size--x-large: 42px; --p-spacing--20: 0.44rem; --p-spacing--30: 0.67rem; --p-spacing--40: 1rem; --p-spacing--50: 1.5rem; --p-spacing--60: 2.25rem; --p-spacing--70: 3.38rem; --p-spacing--80: 5.06rem; --p-shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --p-shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --p-shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --p-shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --p-shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}
:where(body){margin: 0px;}
body{padding: 0px;}

/* ---- site additions ---- */
/* article search */
.pac-search{position:relative}
.pac-search-input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #cfd3cf;border-radius:6px;background:#fff;font-size:15px}
.pac-search-input:focus{outline:2px solid #3fa143;outline-offset:1px}
.pac-search-results{position:absolute;z-index:50;left:0;right:0;margin:4px 0 0;padding:0;list-style:none;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.12);max-height:360px;overflow:auto}
.pac-search-results li{margin:0;border-bottom:1px solid #eee}
.pac-search-results a{display:block;padding:10px 12px;text-decoration:none;color:#222;box-shadow:none}
.pac-search-results a:hover,.pac-search-results a:focus{background:#f3f7f3}
.pac-search-results small{display:block;color:#666;font-size:12px;margin-top:2px}

/* plan comparison carousel */
.comparison-carousel{position:relative;min-width:0;width:100%;flex:1 1 100%}
.plan-track{display:flex;gap:20px}
.plan-slide{flex:1 1 0;min-width:0;display:flex}
.plan-slide>*{flex:1 1 auto;width:100%}
.plan-nav{display:none}
@media (max-width:1024px){
  .plan-track{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 60px;padding:0 60px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .plan-track::-webkit-scrollbar{display:none}
  .plan-slide{flex:0 0 100%;scroll-snap-align:start}
  .plan-nav{display:flex;justify-content:center;gap:10px}
  .plan-nav button{display:inline-block;text-transform:uppercase;margin:20px 5px;border:2px solid #339c3c;border-radius:6px;padding:5px 12px;font-size:20px;line-height:1.2;background:#fff;color:#3f3f3f;cursor:pointer;font-family:inherit}
  .plan-nav button:disabled{opacity:0;pointer-events:none}
}
@media (min-width:600px) and (max-width:1024px){
  .plan-track{padding:0 60px}
  .plan-slide{flex:0 0 calc(50% - 10px)}
}

/* image lightbox */
.lightbox{position:fixed;inset:0;z-index:100000;background:rgba(20,24,20,.88);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.lightbox[hidden]{display:none}
.lightbox img{max-width:100%;max-height:100%;box-shadow:0 10px 40px rgba(0,0,0,.4);background:#fff;cursor:default}
.lightbox-close{position:absolute;top:12px;right:16px;font-size:36px;line-height:1;color:#fff;background:none;border:0;cursor:pointer}
body.lightbox-open{overflow:hidden}