

@font-face {
	font-family: 'tt_norms_light';
	src: url('../fonts/tt_norms/TTNorms-Light.eot'); /* IE9 Compat Modes */
	src: url('../fonts/tt_norms/TTNorms-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/tt_norms/TTNorms-Light.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/tt_norms/TTNorms-Light.woff') format('woff'), /* Pretty Modern Browsers */
		 url('../fonts/tt_normsTTNorms-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/tt_norms/TTNorms-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
  }


@font-face {
	font-family: 'tt_norms';
	src: url('../fonts/tt_norms/TTNorms-Regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/tt_norms/TTNorms-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/tt_norms/TTNorms-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/tt_norms/TTNorms-Regular.woff') format('woff'), /* Pretty Modern Browsers */
		 url('../fonts/tt_normsTTNorms-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/tt_norms/TTNorms-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
	font-family: 'tt_norms_med';
	src: url('../fonts/tt_norms/TTNorms-Medium.eot'); /* IE9 Compat Modes */
	src: url('../fonts/tt_norms/TTNorms-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/tt_norms/TTNorms-Medium.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/tt_norms/TTNorms-Medium.woff') format('woff'), /* Pretty Modern Browsers */
		 url('../fonts/tt_normsTTNorms-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/tt_norms/TTNorms-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

  @font-face {
	font-family: 'tt_norms_bold';
	src: url('../fonts/tt_norms/TTNorms-Bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/tt_norms/TTNorms-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/tt_norms/TTNorms-Bold.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/tt_norms/TTNorms-Bold.woff') format('woff'), /* Pretty Modern Browsers */
		 url('../fonts/tt_normsTTNorms-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/tt_norms/TTNorms-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
  }


:root{
	--colour-primary: #703183;
	--colour-primarydark: #3D1F4A;
	--colour-primarylight: #C57FDB;
	--colour-primarylighter: #F2E2F7;
	--colour-secondary: #F2BA00;
	--colour-light: #F2F2F2;

	

	--colour-dark: #2B2B2B;
	--colour-line: #C6C6C6;
	--font-size-xxlarge:60px;
	--font-size-xlarge:50px;
	--font-size-large:30px;

	--font-size-gen:16px;
	--font-size-med:20px;
	--font-size-small:12px;
	--font-size-smaller:10px;
	--font-primary: 'tt_norms';
	--font-primary-bold: 'tt_norms_bold';
	--font-primary-light: 'tt_norms_light';
}


#sub-hero{
	height: 100%;
    min-height: 500px;
	padding-top: 230px;
    background: radial-gradient(circle at 50% 220%, #69287E, #2c1436);
    position: relative;
}

#sub-hero .sub-container {
	display: flex;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	gap: 40px;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}


#sub-hero .sub-container > .left {
	flex: 1;  /* grow to fill remaining space */
	padding-top: 40px;
	
}

#sub-hero .sub-container .inner{
	/* padding-left: 20px; */

}


#sub-hero .sub-container > .right {
	width: 650px;  /* fixed width */
	background-image: url(../assets/2025/moresure_feat_image_1.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	min-height: 500px;
}

#sub-hero .heading_intro{
	font-size: clamp(20px, 5vw, 30px);
	color: #FFF;
	width: 100%;
	
	margin-bottom: 20px;
	font-family: var(--font-primary-bold);
}

#sub-hero h1{
	
    font-size: clamp(35px, 5vw, 60px);
    color: #FFF;
    width: 100%;
    margin-bottom: 20px;
    font-family: var(--font-primary-bold);
}

#sub-hero h2{
    font-size: clamp(20px, 2vw, 22px);
    color: #FFF;
    width: 100%;
    margin-bottom: 20px;
    font-family: var(--font-primary-bold);
    /* font-style: italic; */
    color: var(--colour-secondary);
    line-height: 28px;
}

.section_quote .container {
	text-align: center;

}

.custom_error_con{
	position: relative;
}

.custom_error_con .error{
	position: absolute;
    color: red;
    top: 3px;
    right: 0px;
    text-align: right !important;
    font-family: var(--font-primary);
    font-size: var(--font-size-small);
}


.select_single{
	background-image: url('data:image/svg+xml,<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14.5" cy="14.5" r="14.5" fill="%23D9D9D9"/></svg>');
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 60px !important;

		transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	cursor: pointer;
	text-align: left;

}

.select_single:hover{
	background-color: var(--colour-primary);
	color: #FFF;
}

.select_single.active{
		background-image: url('data:image/svg+xml,<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14.5" cy="14.5" r="14.5" fill="%23FCC629"/><path d="M9 14.4167L12.4167 17.8333L19.25 11" stroke="%23703183" stroke-width="3.41667" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
	background-repeat: no-repeat;
	background-position: 20px center;
}

.select_con_box_label_title{
	margin-bottom: 15px;
    font-size: var(--font-size-gen);
    font-family: var(--font-primary-bold);
    color: var(--colour-primary);
    text-align: left !important;
    width: 100%;
    display: table;
}

.reg_small{
	margin-top: 20px;
	font-size: 12px;
}

.logo_sub_footer{
	
}


.subfooter_section .heading{
  color: var(--colour-primary);
      font-size: var(--font-size-med);
    font-family: var(--font-primary-bold);
    margin-bottom: 10px;

}

.subfooter_section .link_con a{
  color: var(--colour-primary);
  display: table;
  clear: both;
  margin-bottom: 10px;
}

.subfooter_section .link_con.icons a{
padding-left: 28px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-down-icon lucide-file-down"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M12 18v-6"/><path d="m9 15 3 3 3-3"/></svg>') !important;
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
}

.subfooter_section .details_con{
  border-top: 1px solid var(--colour-line);


}



/* 
h2.core{
	color: var(--colour-secondary);
	font-size: var(--font-size-med);
	font-family: var(--font-primary-bold);
	margin-bottom: 10px;
}


h3.core{
	color: var(--colour-primary);
	font-size: var(--font-size-large);
	font-family: var(--font-primary-bold);
	margin-bottom: 10px;
	max-width: 750px;
} */


h2.core{
	color: var(--colour-primary);
	
	/* font-size: var(--font-size-xlarge); */
	font-size: clamp(40px, 5vw, var(--font-size-xlarge));
	font-family: var(--font-primary-bold);
	margin-bottom: 0px;
}


h3.core{
	color: var(--colour-secondary);
	font-size: var(--font-size-large);

	font-size: clamp(28px, 5vw, var(--font-size-large));
	font-family: var(--font-primary);
	margin-bottom: 10px;
	max-width: 750px;
}


h1.core{
	color: var(--colour-primary);
	font-size: var(--font-size-xlarge);
	font-family: var(--font-primary-bold);
	margin-bottom: 10px;
}

.center{
	margin: 0 auto !important;
	display: table;
}


body{
	font-family: var(--font-primary);
	font-size: var(--font-size-gen);

}

.highlight{
	color: var(--colour-secondary);
	font-family: var(--font-primary-bold);
}

a{
	color:var(--colour-dark);
	text-decoration: none;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;

}

a:hover{
	color: var(--colour-secondary) !important;
}

p{
	font-size: var(--font-size-gen);
	line-height: 22px;
	
}

.m_bot{
	margin-bottom: 30px !important;

}

.m_botx2{
	margin-bottom: 60px !important;

}

.bg_1{
	background-color: var(--colour-light);
}

.bg_2{
	background-color: #F2F2F2;
}


.small_cta_line{
	font-size: var(--font-size-smaller) !important;
}

.smaller_cta_line{
	font-size: 8px;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
}

.last_col .btn_1{
	min-width: 140px;
}


.cta_sticky{
	position: fixed;
	bottom: 0px;
	right: 20px;
	bottom: -100px;
	transition: bottom 0.4s ease; 
  z-index: 9999;
  width: 210px;
}


.cta_sticky_2 .contact_box{
padding: 11px !important;
}

.cta_sticky_2{
	position: fixed;
	bottom: 0px;
	right: 240px;
	
	transition: all 0.6s ease; 
  z-index: 9999;

  bottom: -120px;  /* start hidden */
  width: 210px;
}

.cta_sticky_2.show {
  bottom: 0px; 
}

.cta_sticky_2 .title2{
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;               /* initial clipped width */
    display: inline-block;           /* allows width transition */
	color: var(--colour-primary) !important;
  
}

.cta_sticky_2 .info{
 white-space: nowrap;       /* Prevent text from wrapping */
    overflow: hidden;          /* Hide overflow */
    text-overflow: ellipsis;   /* Show "..." when clipped */
    max-width: 140px;          /* Set the width you want to clip at */
}

.cta_sticky_2:hover .title2, .cta_sticky_2:hover .info{
	 white-space: normal; 
    overflow: visible;
	
	 
}

.cta_sticky_2 .contact_box .icon_square_base{
	background-color: var(--colour-primary) !important;
}

.cta_sticky.cta_sticky_2 .contact_box:hover {
	background-color: var(--colour-primary) !important;
	
}



.cta_sticky.show {
  bottom: 0px; 
}

.cta_sticky .contact_box{
	padding: 12px;
}

.cta_sticky .contact_box .icon_square_base{
	background-color: #0CC144;
	width: 35px !important;
	height: 35px !important;
	min-width: 35px !important;
}

.cta_sticky .shadow_box{
	    background-color: #FFF;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1)  !important;
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1)  !important;
}

.cta_sticky .contact_box:hover .icon_square_base{
	background-color: var(--colour-dark) !important;
	
}

.cta_sticky .contact_box:hover {
	background-color: #0CC144 !important;
}

.cta_sticky .contact_box:hover .title2{
	color: #FFF !important;
}
.cta_sticky .contact_box .title2{
    font-family: var(--font-primary-bold);
    margin-bottom: 0px;
	color: #0CC144;
	font-size: 14px;
}

.cta_sticky .contact_box .info{
	font-size: 14px;
}

.top_stat{
	font-size: var(--font-size-xlarge);
	font-family: var(--font-primary-bold);
	color: var(--colour-primary);
	text-align: center;
}

.bot_stat{
	font-size: var(--font-size-med);
	font-family: var(--font-primary-bold);
	color: var(--colour-primarylight);
	text-align: center;
}

.stat_box:nth-child(1), .stat_box:nth-child(2){

	border-right: 1px solid var(--colour-line);

}


.section_feat_boxes .flex-container {
	gap: 0px !important;
}

.section_feat_boxes .flex-container > div{
	padding: 20px;
	box-sizing: border-box;
border-right: 1px solid var(--colour-line);
}

.section_feat_boxes .flex-container > div:last-child{
	border-right: none;
}

.stat_feat_box:nth-child(1), .stat_feat_box:nth-child(2), .stat_feat_box:nth-child(3){

	/* border-right: 1px solid var(--colour-line); */

}

.stat_feat_box{
	text-align: center;
	align-items: center;
}
.stat_feat_box svg{
	margin-bottom: 20px;
}

.stat_feat_box .bot_stat{
	max-width: 180px;
	margin: 0 auto;
}


/* PAGE */



/* PAGE */

.section_page{

background-color: var(--colour-primarylighter);
}

.section_page .container{
	max-width: 1250px;
	box-sizing: border-box;

}

.section_page  .col_content{
	border-right: 1px solid var(--colour-line);
	padding-top: 30px;
	padding-right: 30px;
	box-sizing: border-box;

}

.section_page  .col_content h1{
	font-size: var(--font-size-large);
	font-family: var(--font-primary-bold);

}

.section_page  .col_content .date{
	font-family: var(--font-primary);
    color: #8b8b8b;
	margin-bottom: 20px;
}



.section_page .container .col_side_bar{
	flex: 0 0 300px;
	padding-top: 30px;
	box-sizing: border-box;
}

.section_page .container .col_side_bar h3{
	font-size: var(--font-size-med);
	color: var(--colour-primary);
	font-family: var(--font-primary-bold);
	margin-bottom: 20px;
}

.section_page .container .col_side_bar .col_review{
	margin-bottom: 40px;

}

.section_page .container .col_side_bar  .side_note{
	margin-top: 60px;
	color: var(--colour-primary);
	font-size: var(--font-size-gen);
	font-family: var(--font-primary-bold);
	margin-bottom: 10px;

}

.section_page .container .col_side_bar  .btn_large{
	width: 100%;
	box-sizing: border-box;
	text-align: center;

}

.section_page .container .featured_image{
	width: 100%;
	border-radius: 10px;
	background-position: center;
	background-size: cover;
	height: 300px;
	margin-bottom: 20px;

}

/* .video_header .title_col{
	flex: 0 0 100px;

} */

#video_header .soc_con a{
	color: var(--colour-primary);
}

.section_page_header .soc_con_con{
	border-top: 1px solid var(--colour-line);
	margin-top: 40px;
	padding-top: 20px;
	margin-bottom: 40px;
	width: 100%;

}

.section_page_header .soc_con_con .soc_con{
	color: var(--colour-primary);
}



#video_pop_con {
  width: 100%;
  height: 100vh;
  display: flex;                     /* Use flexbox */
  justify-content: center;           /* Horizontal centre */
  align-items: center;               /* Vertical centre */

  /* Semi-transparent purple with blur */
  background-color: #3d144ccb;       /* Purple with transparency */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); /* Safari support */

  color: #fff;
  position: fixed;
  top: 0;
  left: 0;                           /* Ensure full screen */
  z-index: 9999999;
  gap: 20px;
}


#video_pop_con .video-container {
padding: 20px;
box-sizing: border-box;
width: 100%;
max-width: 950px;
height: 100%;
max-height: 550px;
}


#video_pop_con iframe {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 3px solid #FFF;


}

#video_pop_con {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

#video_pop_con.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;   /* makes sure it’s not clickable */
}

#close-video-pop {
  width: 100%;
  text-align: right;
  padding-bottom: 10px;
  cursor: pointer;
}


#close-video-pop svg {
  transition: all 0.6s ease-in-out;
  display: inline-block;  /* ensures transform works */
}

#close-video-pop:hover svg {
  transform: rotate(360deg);
  color: var(--colour-secondary);
}


.section_video_summary .container{
	margin-top: -40px;

}

.section_video_summary .flex-container{ 

	gap: 20px;

}

.section_video_summary .video_con.shadow_box{
	margin-bottom: 0px !important;

}

.video_con_singles .video_title{
	background-color: #FFF;
	position: absolute;
	top: 20px;
	left: 0px;
	padding: 10px;
	padding-right: 10px;
	margin-right: 20px;
	border-radius: 0 3px 3px 0;
	color: var(--colour-primary);
	font-size: var(--font-size-gen);
	font-family: var(--font-primary-bold);

	 white-space: nowrap;        /* keep on one line */
  overflow: hidden;           /* hide overflow text */
  text-overflow: ellipsis;    /* show "..." when cut */
  max-width: 90%;    

}

.video_con_singles .video_cat{
	background-color: var(--colour-primarydark);
	position: absolute;
	 bottom: 10px;
	 left: 10px;
	 border-radius: 25px;
	 padding: 5px;
	 padding-left: 10px;
	 padding-right: 10px;
	 font-size: var(--font-size-small);
	 color: #FFF;

}


.video_con {
  position: relative;
  display: block;
  overflow: hidden;
  border: 3px solid #FFF;
  cursor: pointer;
  transition: all 0.8s ease-in-out;

  /* Default background image as fallback */
  --bg-image: url('../assets/2025/bg_video.jpg');
}

/* put the bg on ::before instead of the div itself */
.video_con::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg-image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.8s ease-in-out; /* smooth zoom */
  will-change: transform;
}



/* hover effect = zoom in */
.video_con:hover::before {
  transform: scale(1.1); /* 1.1 = 110% zoom */


}

/* overlay colour layer */
.video_con::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0); /* transparent by default */
  transition: background 0.6s ease-in-out;
  z-index: 2;
}


.video_con:hover::after {
  background: rgba(0, 0, 0, 0.4); /* fade dark overlay */
}



.video_con:hover{
  box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);
    -webkit-box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);
}

.video_con svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

.video_con .video_placeholder{
	width: 100%;
	height: 100%;
	opacity: 0;
	
}



.section .container.wide_med{
	max-width: 1050px;
}

#faq .tabs{
	flex: 0 0 300px;
}




.pop-base{
	border:  1px solid #703183;
	border-radius: 10px;

	  background-color:  #3d144cb5; /* Purple with transparency */
background-color:  #3d144c5c;
	  

  backdrop-filter: blur(6px); 
  -webkit-backdrop-filter: blur(6px); /* Safari support */
  padding: 30px;
  box-sizing: border-box;
  width: 100%;
  max-width: 300px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.go_back{
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--colour-primary);
	margin-bottom: 20px;
}

.calc_flex_links_con{
	gap: 20px;
}

.calc_flex_links_con .contact_box{
	margin-bottom: 0px;
	cursor: pointer;
}


.core_title_p_top{
	padding-top: 160px;
	background-color: var(--colour-primarylighter);


}


.header_title{
	padding-top: 160px;
	background-color: #F2F2F2;
	text-align: center;

}

/* .header_title h2{
	width: 100%;
	text-align: center;
}

.header_title h1{
	font-size: clamp(40px, 5vw, 45px);
}

 .title_intro{
	font-size: var(--font-size-gen);
	color: var(--colour-primary);
	line-height: 22px;

} */




.header_title h1{
	font-size: clamp(40px, 5vw, 55px);
	margin-bottom: 0px !important;
}

.header_title h2{
	width: 100%;
	font-size: clamp(30px, 5vw, 35px);
	text-align: center;

	color: var(--colour-secondary) !important;
    /* font-size: var(--font-size-large); */
    font-family: var(--font-primary);
	
}


 .title_intro{
	font-size: var(--font-size-med);
	color: var(--colour-dark);
	line-height: 22px;
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	margin-top: 10px;

}


#blog_header h3 a{
	color: var(--colour-primary);
}

#blog_header .title_intro{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: var(--font-size-gen);
	color: var(--colour-dark);

	
}

.col_content .soc_con{
	margin-bottom: 20px;
	max-width: 100px;

}

.col_content .soc_con a{
	color: var(--colour-primary);
}

a.blog_single_box{
	
}



a.blog_single_box{
	padding: 3px !important
}


a.blog_single_box .date{
	
	margin-bottom: 20px;

	font-family: var(--font-primary);
    color: #8b8b8b;
	font-size: var(--font-size-small);

}


/* a.blog_single_box:hover .text2{

	color: #2B2B2B !important;
} */


a.blog_single_box .text_sum {
    margin-bottom: 20px;
    font-family: var(--font-primary);
    color: var(--colour-dark);
    font-size: var(--font-size-gen);
}

a.blog_single_box h3{
	color: var(--colour-primary);
	font-size: var(--font-size-med);
	transition: all 0.4s ease-in-out;
	margin-top: 0px;
	font-family: var(--font-primary-bold);
}

a.blog_single_box:hover h3{
	color: var(--colour-secondary); 
}

a.blog_single_box:hover{
	color: #2B2B2B;
 box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);
    -webkit-box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);
}

#blog_summary .blog_sum_feat_image{

	height: 150px;
	display: table;
	width: 100%;
	border-radius: 10px;
	background-position: center;
	background-size: cover;

	

}

.blog_single_con{
	padding: 20px;
}

.pill_1{
	    background-color: var(--colour-primarydark);
   display: table;
    bottom: 10px;
    left: 10px;
    font-size: var(--font-size-small);
    color: rgb(255, 255, 255);
    border-radius: 25px;
    padding: 5px 10px;
}

.core_p_top_title{
	padding-top: 160px;
}

/* Glow effect */
.pop-base.glow {
         box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);
    -webkit-box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);
  transform: scale(1.03);
}

.pop_1{
	position: absolute;
	top: -60px;
	left: 0px;
}

.pop_2{
	position: absolute;
    top: 220px;
    left: 40px;
    max-width: 380px;
}

.pop_3{
	position: absolute;
    top: 130px;
    right: 20px;
  
}

.pop_4{
	position: absolute;
    top: -30px;
    right: 0px;
	height: 120px;
  
}

.pop_4 svg{
	position: absolute;
	left: -30px;
	top: -20px;
	
}

.pop-base .copy_1{
	font-size: 18px;
	font-family: var(--font-primary-bold);
	color: #FFF;
	margin-bottom: 10px;

}

.pop-base .copy_2{
	font-size: 25px;
	font-family: var(--font-primary-bold);
	color: var(--colour-secondary);
	margin-bottom: 10px;

}

.pop-base svg{
	color: #F2BA00;
}




#home-hero{
	height: 100%;
	min-height: 1200px;
	background: radial-gradient(
    circle at 50% 120%,  /* 50% across, 120% down = below the div */
    #69287E,
    #2c1436
	);

	position: relative;



}

#home-hero .hero-content{
position: relative;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: 1200px;
top: 140px;
box-sizing: border-box;
}

.heading_google{

width: auto; 
display: table; 
 margin: 0 auto 50px;     /* top 0, horizontally centred, bottom 30px */
  text-align: left;   

}

.gradient-text {

  background: linear-gradient(45deg, #703183, #e3e3e2, #703183, #F2BA00);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: waveGradient 15s ease infinite;
}

@keyframes waveGradient {
  0%   { background-position: 0% 50%; }
  25%  { background-position: 50% 60%; }
  50%  { background-position: 100% 50%; }
  75%  { background-position: 50% 40%; }
  100% { background-position: 0% 50%; }
} 







#home-hero .heading_intro{
	/* font-size: var(--font-size-large); */

	font-size: clamp(20px, 5vw, 30px);
	color: #FFF;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	font-family: var(--font-primary-bold);
}

#home-hero .heading_core{
	/* font-size: var(--font-size-xxlarge); */

	font-size: clamp(35px, 5vw, 60px);

	color: #FFF;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	font-family: var(--font-primary-bold);
}

#home-hero .heading_cashback{
	/* font-size: var(--font-size-med); */
	font-size: clamp(20px, 2vw, 22px);
	color: #FFF;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	font-family: var(--font-primary-bold);
	/* font-style: italic; */
	color: var(--colour-secondary);
	line-height: 28px;
}

.highlight_under{
	border-bottom: 2px solid #FFF;
}

.highlight_under_2{
	border-bottom: 2px solid #F2BA00;
}


#home-hero .resure_line {
    display: flex;
	gap: 3px;
    justify-content: center; /* centers content horizontally */
    align-items: center;     /* centers content vertically */
    margin-top: 10px;
    font-size: var(--font-size-small);
    color: #FFF;
    width: 100%;
    text-align: center;      /* optional for inline text fallback */
}


.hero-device-con{
	width: 700px;
	height: 400px;
	background-image: url('../assets/2025/ipad_bg.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: table;
	position: absolute;
	bottom: 0px;
	margin: 0 auto;
	left: 0px;
	right: 0px;


}



.icon_1{
	background-image:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_40_340)"><path d="M9.22125 11.0453C9.35894 11.1085 9.51405 11.1229 9.66105 11.0862C9.80804 11.0495 9.93814 10.9638 10.0299 10.8433L10.2666 10.5333C10.3908 10.3677 10.5518 10.2333 10.737 10.1407C10.9221 10.0481 11.1263 9.99992 11.3333 9.99992H13.3333C13.6869 9.99992 14.026 10.1404 14.2761 10.3904C14.5261 10.6405 14.6666 10.9796 14.6666 11.3333V13.3333C14.6666 13.6869 14.5261 14.026 14.2761 14.2761C14.026 14.5261 13.6869 14.6666 13.3333 14.6666C10.1507 14.6666 7.09841 13.4023 4.84797 11.1519C2.59753 8.90143 1.33325 5.84918 1.33325 2.66659C1.33325 2.31296 1.47373 1.97382 1.72378 1.72378C1.97382 1.47373 2.31296 1.33325 2.66659 1.33325H4.66659C5.02021 1.33325 5.35935 1.47373 5.60939 1.72378C5.85944 1.97382 5.99992 2.31296 5.99992 2.66659V4.66659C5.99992 4.87358 5.95173 5.07773 5.85915 5.26287C5.76658 5.44801 5.63218 5.60906 5.46658 5.73325L5.15458 5.96725C5.0322 6.0607 4.94593 6.19364 4.91045 6.34349C4.87496 6.49333 4.89244 6.65084 4.95992 6.78925C5.87104 8.63983 7.36953 10.1364 9.22125 11.0453Z" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_40_340"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>') !important;
}


.icon_2{
	background-image:url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.09591 14.1666C7.44782 14.8601 9.00297 15.048 10.4811 14.6963C11.9593 14.3446 13.2632 13.4766 14.158 12.2486C15.0528 11.0206 15.4795 9.51337 15.3613 7.99857C15.2432 6.48376 14.5878 5.06097 13.5134 3.98659C12.4391 2.9122 11.0163 2.25688 9.50147 2.13871C7.98666 2.02053 6.47946 2.44728 5.25145 3.34204C4.02345 4.23681 3.1554 5.54075 2.80374 7.01891C2.45207 8.49706 2.63992 10.0522 3.33341 11.4041L1.91675 15.5833L6.09591 14.1666Z" stroke="white" stroke-width="1.41667" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;

}



.icon_3{
	background-image:url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_40_346)"><path d="M9 4.5V9L12 10.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_40_346"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>') !important;

}


.icon_4{
	background-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 11L18 13L22 9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')	!important;

}


.icon_5{
	background-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 20H22" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 10L11 12L15 8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 4H5C3.89543 4 3 4.89543 3 6V14C3 15.1046 3.89543 16 5 16H19C20.1046 16 21 15.1046 21 14V6C21 4.89543 20.1046 4 19 4Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')	!important;	

}

.icon_6{
	background-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 9C6.65685 9 8 7.65685 8 6C8 4.34315 6.65685 3 5 3C3.34315 3 2 4.34315 2 6C2 7.65685 3.34315 9 5 9Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6H17C17.5304 6 18.0391 6.21071 18.4142 6.58579C18.7893 6.96086 19 7.46957 19 8V15" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 9L12 6L15 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 21C20.6569 21 22 19.6569 22 18C22 16.3431 20.6569 15 19 15C17.3431 15 16 16.3431 16 18C16 19.6569 17.3431 21 19 21Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18H7C6.46957 18 5.96086 17.7893 5.58579 17.4142C5.21071 17.0391 5 16.5304 5 16V9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 15L12 18L9 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')	!important;	

}


.icon_7{
	background-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 2H9C8.44772 2 8 2.44772 8 3V5C8 5.55228 8.44772 6 9 6H15C15.5523 6 16 5.55228 16 5V3C16 2.44772 15.5523 2 15 2Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V20C20 20.5304 19.7893 21.0391 19.4142 21.4142C19.0391 21.7893 18.5304 22 18 22H12.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 13.5V6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.378 15.626C13.5752 15.4288 13.7317 15.1946 13.8384 14.9369C13.9452 14.6792 14.0001 14.403 14.0001 14.124C14.0001 13.8451 13.9452 13.5689 13.8384 13.3112C13.7317 13.0534 13.5752 12.8193 13.378 12.622C13.1807 12.4248 12.9466 12.2683 12.6889 12.1616C12.4311 12.0548 12.1549 11.9999 11.876 11.9999C11.597 11.9999 11.3208 12.0548 11.0631 12.1616C10.8054 12.2683 10.5712 12.4248 10.374 12.622L5.36398 17.634C5.12622 17.8716 4.9522 18.1654 4.85798 18.488L4.02098 21.358C3.99588 21.4441 3.99437 21.5353 4.01662 21.6221C4.03887 21.7089 4.08404 21.7882 4.14742 21.8516C4.2108 21.915 4.29006 21.9601 4.37689 21.9824C4.46372 22.0046 4.55493 22.0031 4.64098 21.978L7.51098 21.141C7.83364 21.0468 8.12735 20.8728 8.36498 20.635L13.378 15.626Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')	!important;	
}


.icon_8{
	background-image:url('data:image/svg+xml,<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 14H12C12.5304 14 13.0391 13.7893 13.4142 13.4142C13.7893 13.0391 14 12.5304 14 12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10H9C8.4 10 7.9 10.2 7.6 10.6L2 16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 20L7.6 18.6C7.9 18.2 8.4 18 9 18H13C14.1 18 15.1 17.6 15.8 16.8L20.4 12.4C20.7859 12.0354 21.0111 11.5323 21.0261 11.0016C21.0411 10.4709 20.8447 9.95592 20.48 9.57003C20.1153 9.18414 19.6123 8.95892 19.0816 8.94392C18.5508 8.92891 18.0359 9.12535 17.65 9.49003L13.45 13.39" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 15L7 21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 10.9C16.6016 10.9 17.9 9.6016 17.9 7.99998C17.9 6.39835 16.6016 5.09998 15 5.09998C13.3983 5.09998 12.1 6.39835 12.1 7.99998C12.1 9.6016 13.3983 10.9 15 10.9Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 7C6.65685 7 8 5.65685 8 4C8 2.34315 6.65685 1 5 1C3.34315 1 2 2.34315 2 4C2 5.65685 3.34315 7 5 7Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')	!important;	
}

.icon_9{
background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.1192 11.5756C2.22335 11.8383 2.24654 12.1262 2.18578 12.4022L1.4314 14.7326C1.4071 14.8508 1.41338 14.9732 1.44966 15.0883C1.48594 15.2034 1.55102 15.3073 1.63871 15.3901C1.7264 15.473 1.83381 15.5321 1.95075 15.5618C2.06769 15.5915 2.19028 15.5909 2.3069 15.5599L4.72445 14.853C4.98491 14.8014 5.25465 14.8239 5.5029 14.9182C7.01547 15.6246 8.72891 15.774 10.3409 15.3402C11.9529 14.9063 13.3599 13.9171 14.3136 12.547C15.2674 11.1768 15.7065 9.5139 15.5537 7.85154C15.4008 6.18918 14.6657 4.63423 13.4781 3.46104C12.2905 2.28785 10.7267 1.57181 9.06255 1.43925C7.39845 1.30669 5.741 1.76613 4.38263 2.73652C3.02427 3.7069 2.05228 5.12587 1.63816 6.74306C1.22404 8.36026 1.39441 10.0717 2.1192 11.5756Z" stroke="white" stroke-width="1.41667" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.43872 6.37504C6.60525 5.90164 6.93395 5.50245 7.36661 5.24817C7.79926 4.9939 8.30794 4.90095 8.80255 4.98579C9.29717 5.07063 9.7458 5.32778 10.069 5.7117C10.3922 6.09562 10.5691 6.58153 10.5683 7.08337C10.5683 8.50004 8.4433 9.20837 8.4433 9.20837" stroke="white" stroke-width="1.41667" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 12.0417H8.50875" stroke="white" stroke-width="1.41667" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
	
}

.icon_10{
background-image: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.8501 6.10168C17.9993 6.03587 18.1259 5.92774 18.2142 5.79068C18.3025 5.65363 18.3487 5.49367 18.347 5.33063C18.3453 5.16758 18.2958 5.00862 18.2047 4.87342C18.1136 4.73822 17.9848 4.63273 17.8342 4.57001L10.6917 1.31668C10.4746 1.21764 10.2387 1.16638 10.0001 1.16638C9.76142 1.16638 9.52554 1.21764 9.30841 1.31668L2.16674 4.56668C2.01838 4.63166 1.89217 4.73846 1.80355 4.87403C1.71492 5.00959 1.66772 5.16805 1.66772 5.33001C1.66772 5.49198 1.71492 5.65043 1.80355 5.786C1.89217 5.92157 2.01838 6.02837 2.16674 6.09335L9.30841 9.35001C9.52554 9.44905 9.76142 9.50031 10.0001 9.50031C10.2387 9.50031 10.4746 9.44905 10.6917 9.35001L17.8501 6.10168Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.3333 5.33331V10.3333" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 7.41669V10.3334C5 10.9964 5.52678 11.6323 6.46447 12.1011C7.40215 12.57 8.67392 12.8334 10 12.8334C11.3261 12.8334 12.5979 12.57 13.5355 12.1011C14.4732 11.6323 15 10.9964 15 10.3334V7.41669" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}


.icon_11{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator-icon lucide-calculator"><rect width="16" height="20" x="4" y="2" rx="2"/><line x1="8" x2="16" y1="6" y2="6"/><line x1="16" x2="16" y1="14" y2="18"/><path d="M16 10h.01"/><path d="M12 10h.01"/><path d="M8 10h.01"/><path d="M12 14h.01"/><path d="M8 14h.01"/><path d="M12 18h.01"/><path d="M8 18h.01"/></svg>') !important;
}


.icon_12{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet-icon lucide-wallet"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"/><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"/></svg>') !important;
}


.icon_13{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-banknote-arrow-up-icon lucide-banknote-arrow-up"><path d="M12 18H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5"/><path d="M18 12h.01"/><path d="M19 22v-6"/><path d="m22 19-3-3-3 3"/><path d="M6 12h.01"/><circle cx="12" cy="12" r="2"/></svg>') !important;
}

.icon_14{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat1-icon lucide-repeat-1"><path d="m17 2 4 4-4 4"/><path d="M3 11v-1a4 4 0 0 1 4-4h14"/><path d="m7 22-4-4 4-4"/><path d="M21 13v1a4 4 0 0 1-4 4H3"/><path d="M11 10h1v4"/></svg>') !important;
}

.icon_15{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-sync-icon lucide-folder-sync"><path d="M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v.5"/><path d="M12 10v4h4"/><path d="m12 14 1.535-1.605a5 5 0 0 1 8 1.5"/><path d="M22 22v-4h-4"/><path d="m22 18-1.535 1.605a5 5 0 0 1-8-1.5"/></svg>') !important;
}

.icon_16{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-plus-icon lucide-square-plus"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>') !important;
}


.icon_17{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hand-coins-icon lucide-hand-coins"><path d="M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17"/><path d="m7 21 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"/><path d="m2 16 6 6"/><circle cx="16" cy="9" r="2.9"/><circle cx="6" cy="5" r="3"/></svg>') !important;
}

.icon_18{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cog-icon lucide-cog"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"/><path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/><path d="M12 2v2"/><path d="M12 22v-2"/><path d="m17 20.66-1-1.73"/><path d="M11 10.27 7 3.34"/><path d="m20.66 17-1.73-1"/><path d="m3.34 7 1.73 1"/><path d="M14 12h8"/><path d="M2 12h2"/><path d="m20.66 7-1.73 1"/><path d="m3.34 17 1.73-1"/><path d="m17 3.34-1 1.73"/><path d="m11 13.73-4 6.93"/></svg>') !important;
}

.icon_19{	
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sticky-note-icon lucide-sticky-note"><path d="M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z"/><path d="M15 3v4a2 2 0 0 0 2 2h4"/></svg>') !important;
}


.icon_20{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play-icon lucide-play"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"/></svg>') !important;
}

.icon_21{

background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V7L15 2Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 2V6C14 6.53043 14.2107 7.03914 14.5858 7.41421C14.9609 7.78929 15.4696 8 16 8H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 15L11 17L15 13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;

}


.icon_22{
background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 21V13C15 12.7348 14.8946 12.4804 14.7071 12.2929C14.5196 12.1054 14.2652 12 14 12H10C9.73478 12 9.48043 12.1054 9.29289 12.2929C9.10536 12.4804 9 12.7348 9 13V21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 9.99997C2.99993 9.70904 3.06333 9.42159 3.18579 9.15768C3.30824 8.89378 3.4868 8.65976 3.709 8.47197L10.709 2.47297C11.07 2.16788 11.5274 2.00049 12 2.00049C12.4726 2.00049 12.93 2.16788 13.291 2.47297L20.291 8.47197C20.5132 8.65976 20.6918 8.89378 20.8142 9.15768C20.9367 9.42159 21.0001 9.70904 21 9.99997V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V9.99997Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;


}



.icon_23{

	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone-icon lucide-megaphone"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"/><path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14"/><path d="M8 6v8"/></svg>') !important;
}



.icon_24{
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 10H12.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 14H12.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 6H12.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 10H16.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H16.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 6H16.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 10H8.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 14H8.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 6H8.01" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 22V19C9 18.7348 9.10536 18.4804 9.29289 18.2929C9.48043 18.1054 9.73478 18 10 18H14C14.2652 18 14.5196 18.1054 14.7071 18.2929C14.8946 18.4804 15 18.7348 15 19V22" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 2H6C4.89543 2 4 2.89543 4 4V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V4C20 2.89543 19.1046 2 18 2Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.icon_25{
	background-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13V20C12 20.5304 12.2107 21.0391 12.5858 21.4142C12.9609 21.7893 13.4696 22 14 22C14.5304 22 15.0391 21.7893 15.4142 21.4142C15.7893 21.0391 16 20.5304 16 20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 2V4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.992 13C21.1474 13.0013 21.301 12.9663 21.4405 12.8979C21.5801 12.8294 21.7018 12.7294 21.7959 12.6058C21.8901 12.4821 21.9541 12.3382 21.9829 12.1855C22.0118 12.0328 22.0046 11.8754 21.962 11.726C21.3948 9.51484 20.1081 7.55526 18.3046 6.15597C16.501 4.75667 14.2832 3.99719 12.0005 3.99719C9.71779 3.99719 7.49996 4.75667 5.69643 6.15597C3.89289 7.55526 2.60618 9.51484 2.039 11.726C1.99663 11.8747 1.98933 12.0312 2.01768 12.1833C2.04603 12.3353 2.10926 12.4787 2.20239 12.6022C2.29552 12.7256 2.41603 12.8258 2.55443 12.8948C2.69282 12.9639 2.84535 12.9999 3 13H20.992Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.icon_26{
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 17H21C21.6 17 22 16.6 22 16V13C22 12.1 21.3 11.3 20.5 11.1C18.7 10.6 16 10 16 10C16 10 14.7 8.6 13.8 7.7C13.3 7.3 12.7 7 12 7H5C4.4 7 3.9 7.4 3.6 7.9L2.2 10.8C2.06758 11.1862 2 11.5917 2 12V16C2 16.6 2.4 17 3 17H5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 19C8.10457 19 9 18.1046 9 17C9 15.8954 8.10457 15 7 15C5.89543 15 5 15.8954 5 17C5 18.1046 5.89543 19 7 19Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 17H15" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 19C18.1046 19 19 18.1046 19 17C19 15.8954 18.1046 15 17 15C15.8954 15 15 15.8954 15 17C15 18.1046 15.8954 19 17 19Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.icon_27{
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.61999 13.8C8.40961 13.5807 8.24585 13.321 8.13858 13.0366C8.03132 12.7523 7.98279 12.4491 7.9959 12.1455C8.00902 11.8418 8.08351 11.544 8.21489 11.2699C8.34628 10.9959 8.53182 10.7513 8.76033 10.5509C8.98884 10.3505 9.25557 10.1985 9.54445 10.104C9.83332 10.0095 10.1383 9.97457 10.4411 10.0012C10.7438 10.0279 11.0381 10.1156 11.306 10.2591C11.5739 10.4025 11.81 10.5988 12 10.836C12.1909 10.6013 12.4272 10.4075 12.6947 10.2661C12.9623 10.1248 13.2556 10.0389 13.5571 10.0136C13.8586 9.9882 14.1621 10.0239 14.4495 10.1186C14.7369 10.2132 15.0022 10.3649 15.2296 10.5645C15.4571 10.764 15.6419 11.0074 15.7731 11.2801C15.9043 11.5527 15.9792 11.849 15.9932 12.1513C16.0072 12.4535 15.9601 12.7555 15.8548 13.0391C15.7494 13.3228 15.5879 13.5822 15.38 13.802L12.754 16.658C12.6603 16.7659 12.5446 16.8524 12.4146 16.9117C12.2846 16.9709 12.1434 17.0016 12.0005 17.0016C11.8576 17.0016 11.7164 16.9709 11.5864 16.9117C11.4564 16.8524 11.3407 16.7659 11.247 16.658L8.61999 13.8Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 9.99999C2.99993 9.70906 3.06333 9.42161 3.18579 9.15771C3.30824 8.8938 3.4868 8.65979 3.709 8.47199L10.709 2.47199C11.07 2.1669 11.5274 1.99951 12 1.99951C12.4726 1.99951 12.93 2.1669 13.291 2.47199L20.291 8.47199C20.5132 8.65979 20.6918 8.8938 20.8142 9.15771C20.9367 9.42161 21.0001 9.70906 21 9.99999V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V9.99999Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.icon_28{
	background-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V7L15 2Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 2V6C14 6.53043 14.2107 7.03914 14.5858 7.41421C14.9609 7.78929 15.4696 8 16 8H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 15L11 17L15 13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}




.logo_section .flex-container{
	gap: 15px !important;

}

.logo_section .logo_box{

	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-height: 50px;


}



#our-calculators .feat_image{
	background-image: url('../assets/2025/calc_feat.png');
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	min-height: 500px;
	
	/* display: table;
	
	 */

}

#our-calculators .feat_col{
	/* min-height: 800px !important; */
}


#our-calculators .flex-container{
	/* flex-direction:row-reverse; */
}


#how-it-works .feat_image{
	background-image: url('../assets/2025/feat_image_1.png');
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	/* display: table;
	
	 */

}




/* #how-it-works .feat_col{
	width: 200px;
	height: 300px;

} */

#how-it-works .btn_large{
	float: right;
}


.tabs .contact_box{
	align-items: center;

}


.step_single.flex-container{
	gap: 20px;
	flex-direction: row !important;

}

.step_single{
	width: 100%;
	cursor: pointer;
}

.step_icon {
  position: relative;
  /* display: table;
  width: calc(100% - 120px); */
}

.how_works_con_boxes .active .icon_square_base{
	background-color: var(--colour-secondary);
	box-shadow: 0px 0px 30px -5px rgba(112,49,131,0.75);
	-webkit-box-shadow: 0px 0px 30px -5px rgba(112,49,131,0.75);
	-moz-box-shadow: 0px 0px 30px -5px rgba(112,49,131,0.75);
}

.step_icon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%; /* Move to middle */
  transform: translateX(-50%); /* Adjust so it’s centred */
  width: 1px;
  background-color: var(--colour-line);
  z-index: -1;
}

.step_icon.last_step::after{
   display: none;
}

.step_text {
  position: relative; 
  width: calc(100% - 100px);
  transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-webkit-transition: all  .35s ease-in-out;
}

.step_text .title{
	font-size: var(--font-size-gen);
	font-family: var(--font-primary-bold);
	margin-bottom: 5px;
	color: var(--colour-primary);
}

.step_text .copy{
	font-size: var(--font-size-gen);
	font-family: var(--font-primary);
	margin-bottom: 5px;
}

.active .step_text{
	background-color: var(--colour-primary);
	

	box-shadow: 0px 0px 30px -5px rgba(112,49,131,0.75);
	-webkit-box-shadow: 0px 0px 30px -5px rgba(112,49,131,0.75);
	-moz-box-shadow: 0px 0px 30px -5px rgba(112,49,131,0.75);
}

.active .step_text .copy, .active .step_text .title{
	color: #FFF;
}


/* Pointer */
.step_text::before {
  content: "";
  position: absolute;
  top: 10px;        /* 10px from top */
  left: -8px;       /* Pull it outside the box */
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white; /* Matches the background colour */
  transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-webkit-transition: all  .35s ease-in-out;
}

.active .step_text::before {
	  border-right: 10px solid var(--colour-primary);
}

.icon_square_base{
	width: 40px;
	height: 40px;
	min-width: 40px;
	background-color: var(--colour-primary);
	border-radius: 3px;
	background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 5.25L9.75675 9.54525C9.52792 9.67816 9.268 9.74817 9.00338 9.74817C8.73875 9.74817 8.47883 9.67816 8.25 9.54525L1.5 5.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 3H3C2.17157 3 1.5 3.67157 1.5 4.5V13.5C1.5 14.3284 2.17157 15 3 15H15C15.8284 15 16.5 14.3284 16.5 13.5V4.5C16.5 3.67157 15.8284 3 15 3Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-webkit-transition: all  .35s ease-in-out;

}

.core_cta_con{
	width: 100%;
	text-align: center;
}

.contact_box{
	color: var(--colour-primary);
	display: flex;
	gap: 10px;
	box-sizing: border-box;
	cursor: pointer;
	width: 100%;
}

.contact_box.no_point{
	cursor: default;

}

.contact_box .title{
	font-family: var(--font-primary-bold);
	margin-bottom: 5px;
}

.contact_box .info{
	color: var(--colour-dark);
}

.contact_box:hover .info{
	color: #FFF;
}


.contact_box a{
	color: var(--colour-primary);
}

.contact_box:hover{
	background-color: var(--colour-primary) !important;
	color: var(--colour-secondary);
}

.contact_box:hover .icon_square_base{
	background-color: var(--colour-secondary) !important;
}


.contact_box_2 .icon_square_base{
	background-color: var(--colour-secondary) !important;
	color: var(--colour-primary);
}




.shadow_box {
	background-color: #FFF;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
}

.shadow_box_puple{
	background-color: var(--colour-primary);
	color: #FFF;

		box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
}

#main_form_con{
	padding: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	display: table;
	box-sizing: border-box;
	width: 100%;
}

#main_form_con label{
	margin-bottom: 10px;
	font-size: var(--font-size-gen);
	font-family: var(--font-primary-bold);
	color: var(--colour-primary);
	text-align: left !important;
	width: 100%;
	display: table;

}

#main_form_con .row{
	margin-bottom: 10px;
	
}

#main_form_con label.error{
	position: absolute;
	color: red;
	top: 3px;
	right: 0px;
	text-align: right !important;
	font-family: var(--font-primary);
	font-size: var(--font-size-small);
}

#main_form_con div{
	position: relative;
}

#main_form_con select{
	width: 100%;
	border-radius: 5px;
	border: none;
	background: #FFF;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	height: 45px;
	line-height: 40px;
	margin-bottom: 15px;
	box-sizing: border-box;
	border: 1px solid var(--colour-line);
	display: table;
	font-family: var(--font-primary);
	font-size: var(--font-size-gen);
	color: var(--colour-primary);
}



#main_form_con input{
	width: 100%;
	border-radius: 5px;
	border: none;
	background: #FFF;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	height: 45px;
	line-height: 40px;
	margin-bottom: 15px;
	box-sizing: border-box;
	border: 1px solid var(--colour-line);
	font-family: var(--font-primary);
	font-size: var(--font-size-gen);
	
}

#main_form_con input.req, #main_form_con select.req {
	border-left: 5px solid var(--colour-secondary);
}

#main_form_con textarea{
	width: 100%;
	border-radius: 5px;
	border: none;
	background: #FFF;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	box-sizing: border-box;
	border: 1px solid var(--colour-line);
	font-size: var(--font-size-gen);
	font-family: var(--font-primary);
}

#main_form_con input::placeholder{
	color: var(--colour-line);
}

#main_form_con .btn_1{
	border: none;
	float: right;

}


.google_review_con{
	display: inline-flex;
	gap: 10px;	
	align-items:start;
	
}

#testimonials_core{
	margin-bottom: 140px;
}


#testimonials_core .testimonial_row_con:last-of-type{
	margin-bottom: 40px;

}

#testimonial_header .google_review_con{
	border-left: 1px solid var(--colour-line);
	margin-left: 40px;
	padding-left: 40px;

}



/* Test 2 Main Page */


#testimonials_page .btn_1{
	margin-top: 40px !important;
}

.testimonial_row_con2 {

 position: relative; /* needed for Masonry absolute positioning */
  margin: 0; /* remove flex or grid */

   margin: 0 auto; 
   margin-top: -80px;
}

/* Single testimonial item */
.testimonial_row_con2 .single_testimonial{

  display: block;
width: calc(33.333% - 20px);

  margin: 10px;
  box-sizing: border-box;
  background: #FFF;

  
  /* Semi-transparent white with blue tint */
  /* background: rgba(255, 255, 255, 0.5); 
  backdrop-filter: blur(10px);      
  -webkit-backdrop-filter: blur(10px);  */
}

/* White fade overlay */
#testimonials_page {
  position: relative;
}

.testimonial_row_con2 .fade-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px; /* adjust fade height */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
  pointer-events: none;
  z-index: 10;
}

.text2{
	font-size: var(--font-size-gen);
	margin-bottom: 20px;

}


/* .Test 2 Main Page */



.google_review_con .google_icon{
	width: 70px;
}

.google_review_con .icon_star{
	width: 120px;
}

.google_review_con .out_of{
	margin-left: 5px;
	font-size: 18px;
	color: #3D1F4A;
	font-family: var(--font-primary);
}

.google_review_con .out_of b{
	font-family: var(--font-primary-bold);
}


.google_review_con.google_review_small .google_icon{
	width: 40px;
}

.google_review_con.google_review_small .icon_star{
	width: 80px;
}

.google_review_con.google_review_small .out_of{
	margin-left: 5px;
	font-size: 14px;
	color: #3D1F4A;
	font-family: var(--font-primary);
}


.google_review_con.google_review_medium .google_icon{
	width: 60px;
}

.google_review_con.google_review_medium .icon_star{
	width: 100px;
}

.google_review_con.google_review_medium .out_of{
	margin-left: 5px;
	font-size: 16px;
	color: #3D1F4A;
	font-family: var(--font-primary);
}


.google_review_con.google_review_light .out_of{

	color: #FFF;

}


#testimonial_header .container{
	padding-bottom: 10px;
}



#footer .soc_con {
	margin-top: 10px;
}

.soc_con {
  width: 200px;            
  display: flex;            
  justify-content: space-between; 
  align-items: center; 
}

  .soc_con a {
	  display: block;           
  max-width: 100%;
    transition: color 0.3s ease;
  }

  .soc_con a:hover {
    color: #F2BA00; /* Hover fill */
  }


.soc_con a:hover img {
  color: #F2BA00 !important; 
}


#footer a, #sub_footer a{
	color: #FFF;
	text-decoration: none;
}

#sub_footer .links_col{
	display: flex;
	gap: 15px;
	justify-content: flex-end;  
	align-items: flex-end; 

}


#footer{
	background-color: var(--colour-primary);
	color: #FFF;
}

#footer .flex-container {

}


#footer .flex-container .col:first-child {
   flex: 2;
}






#footer .heading{
	font-size: var(--font-size-med);
	font-family: var(--font-primary-bold);
	margin-bottom: 20px;
}

#footer .link_con a{
	display: table;
	margin-bottom: 10px;
}

#footer .link_con.icons a{
	background-image: url('../assets/2025/icon_1.svg');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
}

#footer a.logo{
	width: 150px;
	margin-bottom: 20px;
	display: table;
}

#footer a.logo img{
	width: 100%;
}

.footer_note{
	font-size: var(--font-size-med);
	font-weight: bold;
	width: 100%;
	max-width: 350px;
}

#sub_footer{
	background-color: var(--colour-primarydark);
	color: #FFF;

}

#sub_footer.section .container{
	padding-top: 30px;
	padding-bottom: 110px;	
}

#sub_footer .col:last-of-type{
	text-align: right;
}


.contact_link_boxes.last_row{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--colour-line);
}

.contact_chat_con .soc_con a{
	color: var(--colour-primary);

}

.contact_chat_con .faq_box{
	margin-top: 40px;


}


@media only screen and (max-width: 1400px) {

	

	.flex-container.contact_link_boxes {
    flex-direction: column;
    gap: 0px;
  }
   
}


@media only screen and (max-width: 1200px) {

	#sub-hero .sub-container {
	/* flex-direction: row; */
}


#sub-hero .sub-container > .left {
	flex: 1;  
	width: 100%;
	
}

#sub-hero .sub-container > .right {
	width: 100%;
	flex: 1;
}





	.flex-container .last_col {
    flex: 1 1 100% !important;  /* full width row */
  }
   
}


@media only screen and (max-width: 1024px) {

	.testimonial_row_con2 .single_testimonial{


width: calc(50% - 20px);


}
   

	#home-hero{

	min-height: 1200px;


}
}


@media only screen and (max-width: 768px) {



		#sub-hero .sub-container {
	flex-direction: column; 
}


#sub-hero .sub-container > .left {
	flex: 1;  
	width: 100%;
	padding-top: 0px;
	
}

#sub-hero .sub-container > .right {
	width: 100%;
	flex: 1;
	min-height: 350px;
	background-position: center;
}

.section_feat_boxes .flex-container > div{
	border: none;
}





	.subfooter_section .details_con{
gap: 40px;


}



	/* .top_stat{
	font-size: var(--font-size-large);
	font-family: var(--font-primary-bold);
	color: var(--colour-primary);
	text-align: center;
}

.bot_stat{
	font-size: var(--font-size-gen);
	font-family: var(--font-primary-bold);
	color: var(--colour-primarylight);
	text-align: center;
} */


#our-stats{
	background-color: var(--colour-light);
	padding-bottom: 120px;
}

.stat_box:nth-child(1), .stat_box:nth-child(2){

	border-right: none;

}

#our-stats .flex-container{
	/* flex-direction: row !important; */
	
}




	.section .container{
		padding-left: 20px !important	;
		padding-right: 20px !important	;
	}



	#our-calculators .feat_col{
		margin-top: 20px;
	}



	.section_page{
		/* padding-left: 20px;
	padding-right: 20px; */
		box-sizing: border-box;
	}
	.section_page  .col_content{
	border-right: none;
	border-bottom: 1px solid var(--colour-line);
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 0px;
	box-sizing: border-box;

}



	.testimonial_row_con2 .single_testimonial{


width: calc(100% - 20px);


}
   


	/* .testimonial_row_con2 .single_testimonial{


 width: calc(50% - 20px); 
  

} */




	#faq .tabs{
	flex: 0 0 60px;
	padding-bottom: 20px;

margin-bottom: 20px;
	border-bottom: 1px solid var(--colour-line);
}


	.hero-device-con{
width:  100% !important;
max-width: 450px !important;

background-image: url('../assets/2025/iphone_bg.png') !important;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.pop-base{
 /* Scale the whole div to 50% */
  transform: scale(0.8);
  transform-origin: center; /* Optional: where it scales from */
}

.pop_1{
	left: -70px;
}

.pop_4 {
    position: absolute;
    top: 0px;
    right: -80px;
    height: 120px;
}

.pop_2 {

    left: -40px;
}





		#home-hero{

	min-height: 1150px;


}


#home-hero .hero-content{

top: 150px;

}





   .flex-container.contact_chat_con {
    flex-direction: column-reverse;
    gap: 20px;
  }


	#sub_footer .links_col{
	justify-content: flex-start;  
	align-items: flex-start;  

}


#testimonial_header .google_review_con{
	border-left:none;
	margin-left: 0px;
	padding-left: 0px;

}



.logo_section .flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0px !important;
}

.logo_section .flex-container .logo_box{
	min-height: 30px !important;
}


#main_form_con{
	padding: 20px;

}

   
}

@media only screen and (max-width: 680px) {

	.cta_sticky_2{
		display: none !important;
	}
	
.pop-base{
 /* Scale the whole div to 50% */
  transform: scale(0.6);
  transform-origin: center; /* Optional: where it scales from */
}

.pop_1{
	left: -40px;
}

.pop_4 {
    position: absolute;
    top: 40px;
    right: -40px;
    height: 120px;
}

.pop_2 {

    left: -40px;
}


}


@media only screen and (max-width: 480px) {


	.logo{
    flex: 0 0 90px !important;
}

	.cta{
    flex: 0 0 190px !important;
}
   
}


@media only screen and (max-width: 320px) {


}