/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
*, *:before, *:after {box-sizing: border-box;}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior: smooth; scroll-padding-top: 90px;background: var(--white_color);}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/







/* Font style Macro */


/* Font weight Macro */


/***** TT Ramillas Bold ****/
@font-face { 
	font-family: 'TT Ramillas';  
	src: url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/TTRamillas/TTRamillas-Bold.ttf') format('truetype'), 
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/TTRamillas/TTRamillas-Bold.woff') format('woff'),
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/TTRamillas/TTRamillas-Bold.woff2') format('woff2');
}

/***** Atyp Regular ****/
  
@font-face { 
	font-family: 'Atyp Display';  
	src: url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Regular.ttf') format('truetype'), 
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Regular.woff') format('woff'),
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Regular.woff2') format('woff2');
	font-weight: 400;
}

/***** Atyp Medium ****/

@font-face { 
	font-family: 'Atyp Display';  
	src: url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Medium.ttf') format('truetype'), 
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Medium.woff') format('woff'),
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Medium.woff2') format('woff2');
	font-weight: 500;
}

/***** Atyp Light ****/

@font-face { 
	font-family: 'Atyp Display';  
	src: url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Light.ttf') format('truetype'), 
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Light.woff') format('woff'),
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Light.woff2') format('woff2');
	font-weight: 300;
}

/***** Atyp Bold ****/

@font-face { 
	font-family: 'Atyp Display';  
	src: url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Bold.ttf') format('truetype'), 
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Bold.woff') format('woff'),
		url('https://blog.ibanfirst.com/hubfs/NEW-blog/fonts/Atyp/AtypDisplay-Bold.woff2') format('woff2');
	font-weight: 600;
}

:root {
	/* 1a. Containers */
	--container_width: 1420px;
	--dnd_section_padding: 100px 1rem;
	--dnd_section_padding_mobile: 60px 1rem;

	/* 1b. Colors */

	--primary_color: #8F40FF;
	--secondary_color: #64FFA2;
	--white_color: #FFFDF7;
	--black_color: #140309;

	--grey_color: ;
	--dark_grey_color: ;

	/* 1d. Typography */

	--primary_font: "TT Ramillas";
	--secondary_font: "Atyp Display";

	--h1_color: #140309;
	--h1_font_style:  normal;
	--h1_font_weight:  700;
	--h1_font_family: "TT Ramillas", sans-serif;
	--h1_font_size: 80px;
	--h1_text_transform: none;

	--h2_color: #140309;  
	--h2_font_style:  normal;
	--h2_font_weight:  700;
	--h2_font_family: "TT Ramillas", sans-serif;
	--h2_font_size: 64px;
	--h2_text_transform: none;

	--h3_color: #140309;
	--h3_font_style:  normal;
	--h3_font_weight:  600;
	--h3_font_family: "TT Ramillas", sans-serif;
	--h3_font_size: 40px;
	--h3_text_transform: none;

	--h4_color: #140309;
	--h4_font_style:  normal;
	--h4_font_weight:  600;
	--h4_font_family: "TT Ramillas", sans-serif;
	--h4_font_size: 32px;
	--h4_text_transform: none;

	--h5_color: #09071a;
	--h5_font_style: ;
	--h5_font_weight: ;
	--h5_font_family: "TT Ramillas", sans-serif;
	--h5_font_size: 28px;
	--h5_text_transform: none;

	--h6_color: #140309;
	--h6_font_style: ;
	--h6_font_weight: ;
	--h6_font_family: "TT Ramillas", sans-serif;
	--h6_font_size: 24px;
	--h6_text_transform: none;

	--body_font_color: ;
	--body_font_family: "Atyp Display", sans-serif;
	--body_font_size: 16px;


	/* 1e. Buttons */

	--button_font_weight: ;
	--button_font_family:  "Atyp Display", sans-serif;
	--button_font_size: 16px;
	--button_color: #FFFDF7;
	--button_text_transform: none;

	--button_bg_color: #8F40FF;
	--button_bg_color_hover: #FFFDF7;
	--button_bg_color_active: #FFFDF7;

	--button_border_color: ;
	--button_border_hover_color: #FFFDF7;
	--button_border_active_color: ;

	--button_corner_radius: 40px;
	--button_spacing: 20px 32px 20px 32px;

	/* 1f. Forms */

	--form_title_font_color: #140309;

	--form_label_font_color: #140309;

	--form_help_text_font_color: #140309;

	--form_field_placeholder_color: 20, 3, 9;
	--form_field_font_color: #140309;
	--form_field_bg_color: rgba(255, 253, 247, 1.0);
	--form_field_border_top: 2px solid #FFFDF7;
	--form_field_border_right: 2px solid #FFFDF7;
	--form_field_border_bottom: 2px solid #FFFDF7;
	--form_field_border_left: 2px solid #FFFDF7;  
	--form_field_corner_radius: 40px;
	--form_field_padding: 20px;
	--form_border_radius: 40px;

	/* 1g. Tables */

	--table_head_bg_color: rgba(143, 64, 255, 1.0);
	--table_head_font_color: #FFFFFF;

	--table_bg_color: rgba(255, 255, 255, 1.0);
	--table_font_color: #140309;

	--table_footer_bg_color: rgba(255, 255, 255, 1.0);
	--table_footer_font_color: #140309;

	--table_cell_spacing: 18px 18px 18px 18px; 
	--table_border_top: 1px solid #140309;
	--table_border_right: 1px solid #140309;
	--table_border_bottom: 1px solid #140309;
	--table_border_left: 1px solid #140309;  

	/* 1h. Website header */

	--nav_font_color: #140309;
	--nav_drop_down_font_color: #140309;
	--nav_drop_down_bg_color: #ffffff;

	--header_bg_color: rgba(20, 3, 9, 1.0);

	/* 1i. Website footer */
	--footer_font_color: #FFFDF7;
	--footer_bg_color: rgba(20, 3, 9, 1.0);

	/* 1j. Spacer */
	--spacing_base: 0.4rem;

	--spacer_xxxxs: 0.4rem; /* 4px */
	--spacer_xxxs: 0.8rem; /* 8px */
	--spacer_xxs: 1.2rem; /* 12px */
	--spacer_xs: 1.6rem; /* 16px */
	--spacer_sm: 2.4rem; /* 24px */
	--spacer_md: 3.2rem; /* 32px */
	--spacer_lg: 4rem; /* 40px */
	--spacer_xl: 4.8rem; /* 48px */
	--spacer_xxl: 5.6rem; /* 56px */
	--spacer_xxxl: 6.4rem; /* 64px */
	--spacer_xxxxl: 8rem; /* 80px */

	/* 1k. Border Radius */
	--border_radius_8: 0.8rem;
	--border_radius_10: 1rem;
	--border_radius_16: 1.6rem;
	--border_radius_round: 50%;

	/* 1l. Colors not in Fields JSON */
	--grey_color: #e4e4e4;

	/* ---- Transition ---- */
	--default_timing_transition: .3s;
	--default_transition_timing_function: ease-in-out;
	--default_transition: var(--default_timing_transition) var(--default_transition_timing_function);
	--slow_transition : .5s var(--default_transition_timing_function);

	/* ---- Font Weight ---- */
	--font_weight_light: 300;
	--font_weight_regular: 400;
	--font_weight_medium: 500;
	--font_weight_bold: 600;

	/* ---- Font Size ---- */
	--font_size_xs: 1.2rem;
	--font_size_s: 1.4rem;
	--font_size_m: 1.6rem;
	--font_size_xl: 1.8rem;
}



/* Responsive grid */
.row-fluid {display:flex;flex-wrap: wrap;}
.row-fluid [class*='span'] {margin-left: 0.6779661016949152%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.row-fluid [class*='span']:first-child {margin-left: 0;}
.row-fluid .span12 {flex: 0 0 auto;width: 100%}
.row-fluid .span11 {flex: 0 0 auto;width: calc( (7.711864406779661% * 11) + (0.6779661016949152% * 10) );}
.row-fluid .span10 {flex: 0 0 auto;width: calc( (7.711864406779661% * 10) + (0.6779661016949152% * 9) );}
.row-fluid .span9  {flex: 0 0 auto;width: calc( (7.711864406779661% * 9) + (0.6779661016949152% * 8) );}
.row-fluid .span8  {flex: 0 0 auto;width: calc( (7.711864406779661% * 8) + (0.6779661016949152% * 7) );}
.row-fluid .span7  {flex: 0 0 auto;width: calc( (7.711864406779661% * 7) + (0.6779661016949152% * 6) );}
.row-fluid .span6  {flex: 0 0 auto;width: calc( (7.711864406779661% * 6) + (0.6779661016949152% * 5) );}
.row-fluid .span5  {flex: 0 0 auto;width: calc( (7.711864406779661% * 5) + (0.6779661016949152% * 4) );}
.row-fluid .span4  {flex: 0 0 auto;width: calc( (7.711864406779661% * 4) + (0.6779661016949152% * 3) );}
.row-fluid .span3  {flex: 0 0 auto;width: calc( (7.711864406779661% * 3) + (0.6779661016949152% * 2) );}
.row-fluid .span2  {flex: 0 0 auto;width: calc( (7.711864406779661% * 2) + 0.6779661016949152% );}
.row-fluid .span1  {flex: 0 0 auto;width: 7.711864406779661%;}

.container-fluid .row-fluid .wrapper,
.wrapper {
	margin: 0 auto;
	max-width: var(--wrapper-max-width);
	padding: var(--wrapper-padding)
}

@media (max-width: 768px) {
  .row-fluid [class*='span'] {
	  margin-left: 0;
		flex-shrink: 0;
		width: 100%;
		max-width: 100%}
}
.content-wrapper {
	margin: 0 auto;
	padding: 0 2rem;
	max-width: var(--container_width);
}

.dnd-section,
.content-wrapper--vertical-spacing {
	padding: var(--dnd_section_padding);
	overflow-x: hidden;
	width: 100%;
}

.dnd-section > .row-fluid {
	max-width: var(--container_width);
}

@media screen and (min-width: 1380px) {
	.content-wrapper {
		padding: 0;
	}
}

.dnd-section > .row-fluid {
	margin: 0 auto;
}

.dnd-section[class*="force-full-width-section"]{
	padding-right: 0;
	padding-left: 0;
}
.dnd-section[class*="force-full-width-section"] > .row-fluid {
	padding: 0;
}

@media (max-width: 767px) {
	.dnd-section .dnd-column {
		padding: 0;
	}

	.dnd-section,
	.content-wrapper--vertical-spacing {
		padding: var(--dnd_section_padding_mobile);
	}
}

@media (max-width: 480px){

}


/* Elements
Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

body {
	font-family: var(--body_font_family);
	font-style:normal;
	font-weight: 400;
	text-decoration: none;
	font-size: var(--body_font_size);
	color: var(--body_font_color);
	font-size: var(--body_font_size);
	line-height: 2.6rem;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
	line-break: strict;
	word-break: break-all;
}

html {
	font-size: 62.5%;
}



/* Paragraphs */

p {
	font-size: var(--body_font_size);

	line-height: 2.4rem;
}


em{
	font-style: italic;
}
/* Anchors */

a {
	color: var(--primary_color);
	text-decoration: none;
	cursor: pointer;
}

a:hover,
a:focus {
	font-weight: var(--anchor_font_weight);
	text-decoration: var(--anchor_text_decoration);
	font-family: var(--anchor_font_family);
	font-style: var( --anchor_font_style);
}

a:active {
	font-weight: var(--anchor_font_weight);
	text-decoration: var(--anchor_text_decoration);
	font-family: var(--anchor_font_family);
	font-style: var( --anchor_font_style);
}

/* Headings */
h1{
	margin-bottom: 2.4rem;
	margin-top: 0;
}

h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 1.6rem;
}

h1,
.h1 {
	font-family: var(--h1_font_family);
	font-weight: var(--h1_font_weight);
	font-size: var(--h1_font_size);
	font-style: var( --h1_font_style);
	color: var(--h1_color);
	text-transform: var(--h1_text_transform);
	line-height: var(--h1_font_size);
	letter-spacing: -0.02em;
}

.body-container--blog-index h2,
.body-container--blog-index .h2 {
	font-family: var(--h2_font_family);
	font-weight: var(--h2_font_weight);
	font-size: var(--h1_font_size);
	font-style: var( --h2_font_style);
	color: var(--h2_color);
	text-transform: var(--h2_text_transform);
	line-height: var(--h1_font_size);
	letter-spacing: -0.02em;
}

h2,
.h2{
	font-family: var(--h2_font_family);
	font-weight: var(--h2_font_weight);
	font-size: var(--h2_font_size);
	font-style: var( --h2_font_style);
	color: var(--h2_color);
	text-transform: var(--h2_text_transform);
	line-height: var(--h2_font_size);
	letter-spacing: -0.02em;
}

h3,
.h3 {
	font-family: var(--h3_font_family);
	font-weight: var(--h3_font_weight);
	font-size: var(--h3_font_size);
	font-style: var( --h3_font_style);
	color: var(--h3_color);
	text-transform: var(--h3_text_transform);
	line-height: 4.8rem;
	letter-spacing: -0.02em;
}

h4,
.h4 {
	font-family: var(--h4_font_family);
	font-weight: var(--h4_font_weight);
	font-size: var(--h4_font_size);
	font-style: var( --h4_font_style);
	color: var(--h4_color);
	text-transform: var(--h4_text_transform);
	line-height: 4rem;
	letter-spacing: -0.02em;
}

h5,
.h5 {
	font-family: var(--h5_font_family);
	font-weight: var(--h5_font_weight);
	font-size: var(--h5_font_size);
	font-style: var( --h5_font_style);
	color: var(--h5_color);
	text-transform: var(--h5_text_transform);
	line-height: 3.6rem;
	letter-spacing: -0.02em;
}

h6,
.h6 {
	font-family: var(--h6_font_family);
	font-weight: var(--h6_font_weight);
	font-size: var(--h6_font_size);
	font-style: var( --h6_font_style);
	color: var(--h6_color);
	text-transform: var(--h6_text_transform);
	line-height: 3.2rem;
	letter-spacing: -0.02em;
}


/* Lists */

ul,
ol {
	margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-left: 4rem;

}

ul{
	margin-left: 3.2rem;
}

.no-list li:before, 
.no-list ul li:before{
	display: none;
}

.no-list ul, 
.no-list{
	padding-left: 0;
}

ul:not(role=["menu"]):not(.hs-tools-menu ul):not(.topics-blog-list):not(.hs-tabs__nav):not(.no-list){
	padding-left: 2.8rem;
}

ul li{
	position: relative;
}

ul:not(role=["menu"]):not(.hs-tools-menu ul):not(.topics-blog-list):not(.hs-tabs__nav) li{
	margin-bottom: var(--spacer_xs);
}

ul:not(.hs-tools-menu ul):not(.topics-blog-list):not(.hs-tabs__nav) li:before{
	content: "";
	position: absolute;
	background-image: url('https://blog.ibanfirst.com/hubfs/NEW-blog/icons/check-list.svg');
	width: 1.7rem;
	height: 1.7rem;
	left: -3.2rem;
	top: 0.5rem;
}



/* Code blocks */

pre {
	overflow: auto;
}

code {
	vertical-align: bottom;
}

/* Blockquotes */

blockquote {
	border-left: 2px solid;
	border-left-color: var(--secondary_color);
	margin: 0 0 1.4rem;
	padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
	border: none;
	border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Top title */

.top-title{
	text-transform: uppercase;
	color: var(--secondary_color);
	font-weight: var(--font_weight_semi_bold);
	margin-bottom: var(--spacer_xxxs);
}

@media (max-width: 767px){
	p br{
		content: '';
	}

	h1,
	.body-container--blog-index h2, 
	.body-container--blog-index .h2{
		font-size: 40px;
		line-height: 48px;
	}
	h2{
		font-size: 32px;
		line-height: 40px;
	}
	h3{
		font-size: 28px;
		line-height: 36px;
	}
	h4, h5, h6{
		font-size: 24px;
		line-height: 32px;
	}
}

@media (max-width: 480px){
	h1{
		font-size: 3.6rem;
		line-height: 4.4rem;
	}
	h2{
		font-size: 3.2rem;
		line-height: 4rem;
	}

}
.cta_button,
.hs-button{
	border: 1px solid var(--button_bg_color);
	padding: var(--button_spacing);
	text-decoration: var(--button_text_decoration);
	font-weight: var(--font_weight_bold);
	font-family: var(--button_font_family);
	font-size: var(--button_font_size);
	line-height: 1.29;
	color: var(--button_color);
	text-transform: var(--button_text_transform);
	background-color: var(--button_bg_color);
	border-radius: var(--button_corner_radius);
	cursor: pointer;
	display: inline-block;
	text-align: center;
	white-space: normal;
	transition: background-color var(--default_transition), color var(--default_transition), border var(--default_transition);
}

.cta_button:hover,
.cta_button:focus,
.hs-button:hover,
.hs-button:focus{
	border:1px solid var(--button_border_hover_color);
	color: var(--button_bg_color);
	background-color: var(--button_bg_color_hover);
	font-weight: var(--font_weight_bold);
}

.cta_button:active,
.hs-button:active{
	border: 1px solid var(--button_border_active_color); 
	background-color: var(--button_bg_color_active);
}

.cta_button:disabled,
.hs-button:disabled{
	background-color: var(--button_bg_color);
	color: var(--button_color);
}



/* Button white */
.button--white {
	border-color: var(--white_color);
	background-color: transparent;
	color: var(--white_color);
}
.button--white:hover,
.button--white:focus,
.button--white:active{
	border-color: var(--white_color);
	background-color: var(--white_color);
	color: var(--black_color);
}

/* Button transparent */
.button--transparent {
	border-color: var(--black_color);
	background-color: transparent;
	color: var(--black_color);
}
.button--transparent:hover,
.button--transparent:focus,
.button--transparent:active{
	border-color: var(--black_color);
	background-color: var(--black_color);
	color: var(--white_color);
}


/* Button black */
.button--black {
	border-color: var(--black_color);
	background-color: var(--black_color);
	color: var(--white_color);
}
.button--black:hover,
.button--black:focus,
.button--black:active{
	border-color: var(--black_color);
	background-color: transparent;
	color: var(--black_color);
}


/* Button inline */

.cta_button.inline{
	background: transparent;
	border: none;
	color: var(--secondary_color);
	padding-left: 0;
	position: relative;
	padding-bottom: 0;
	width: fit-content;
}

.cta_button.inline:after{
	content: "";
	position: absolute;
	top: 17px;
	right: -9px;
	background-image: url('https://1362270.fs1.hubspotusercontent-na1.net/hubfs/1362270/website/icons/arrow-cta-inline.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	transition: all var(--default_transition);
}

.cta_button.inline:hover:after{
	transform: translateX(5px);
}
form,
.submitted-message {
	font-family: var(--body_font_font_family);
}
.submitted-message {
  text-align: center;
  color: #fffdf6;
  font-weight: bolder;
}
.form-title {
	background: var(--white_color);
	color: var(--form_title_font_color);
	font-size: var(--h2_font_size);
	margin-bottom: 0;
	padding-top: var(--spacer_xxl);
	padding-left: var(--spacer_xxl);
	padding-right: var(--spacer_xxl);
}
form label {
	color: var(	--form_label_font_color);
	display: block;
	margin-bottom: var(--spacer_xxxs);
	font-weight: var(--font_weight_bold);
}
form label.hs-error-msg {
	font-size: var(--font_size_s);
	color: #FD034E;
}

label {
	display: block;
}

form legend {
	color: var(--form_help_text_font_color);
}
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea{
	border-top: var(--form_field_border_top);
	border-right: var(--form_field_border_right);
	border-bottom: var(--form_field_border_bottom);
	border-left: var(--form_field_border_left);
	background-color: var(--form_field_bg_color);
	color: var(--form_field_font_color);
	border-radius: var(--form_field_corner_radius);
	padding: var(--form_field_padding);
	width: 100%;
	max-width: 100%;
	appearance: none;
	box-shadow: 0 0 0 0 var(--primary_transparent_color);
	transition: border-color var(--default_transition), box-shadow var(--default_transition);
}

form input[type=text].error,
form input[type=email].error,
form input[type=password].error,
form input[type=tel].error,
form input[type=number].error,
form input[type=file].error,
form select.error,
form textarea.error {
	border: 2px solid #FD034E;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
	outline: none;
	border: 2px solid rgba(26, 110, 239, 0.4);
}

form select{
	font-weight: var(--font_weight_bold);
}

form input:-webkit-autofill,
form input:-webkit-autofill:hover, 
form input:-webkit-autofill:focus, 
form input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

form .hs-fieldtype-select.hs-form-field .input {
	position: relative;
}
form .hs-fieldtype-select.hs-form-field .input::after {
	content: "";
	position: absolute;
	top: 24px;
	right: 20px;
	width: 25px;
	height: 25px;
	background-image: url(https://blog.ibanfirst.com/hubfs/NEW-blog/icons/chevron-down.svg);
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-color var(--default_transition);
	z-index: 3;
}

form select {
	position: relative;
	z-index: 1;
	cursor: pointer;
}

form.hs-form fieldset {
	display: flex;
	justify-content: space-between;
	max-width: 100%;
	width: 100%;
}

form.hs-form .hs-form-field{
	margin-bottom: var(--spacer_xs);
}

form .hs_submit.hs-submit{
	margin-top: 3rem;
	text-align: center;
}

form fieldset.form-columns-1 .hs-input:not([type=checkbox]):not([type=radio]){
	width: 100%!important;
}

.hs-phone .hs-input{
	display: flex;
}


@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
	form.hs-form fieldset {
		flex-direction: column;
	}
}

form.hs-form fieldset.form-columns-1 .hs-form-field {
	width: 100%;
}

form.hs-form fieldset.form-columns-2 .hs-form-field {
	width: calc(50% - (var(--spacer_xxxs) / 2));
	clear: both;
	float: none;
}
form.hs-form fieldset.form-columns-3 .hs-form-field {
	width: calc(50% - (var(--spacer_xxxs) / 3));
	clear: both;
	float: none;
}
@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
	form.hs-form fieldset.form-columns-2 .hs-form-field:not(:last-of-type),
	form.hs-form fieldset.form-columns-3 .hs-form-field:not(:last-of-type) {
		margin-bottom: var(--spacer_xs);
	}
}

form.hs-form fieldset.form-columns-1 .input,
form.hs-form fieldset.form-columns-2 .input,
form.hs-form fieldset.form-columns-3 .input {
	margin-right: 0;
}

@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
	body form.hs-form:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input,
	body form.hs-form:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input {
		width: 100%;
	}
}


form.hs-form fieldset.form-columns-0,
form.hs-form fieldset.form-columns-0 > div {
	margin-bottom: 0;
}

::-webkit-input-placeholder {
	color: rgba(var(--form_field_placeholder_color), 1);
	font-weight: var(--font_weight_bold);
}
::-moz-placeholder {
	color: rgba(var(--form_field_placeholder_color), 1);
}
:-ms-input-placeholder {
	color: rgba(var(--form_field_placeholder_color), 1);
}
::placeholder {
	color: rgba(var(--form_field_placeholder_color), 1);
}

form .inputs-list {
	background-color: transparent;
	border-radius: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

form .hs-dependent-field {
	width: 100%;
}

.hs-form-booleancheckbox-display > span {
	display: block;
	margin-left: var(--spacer_xs);
}

form .inputs-list.hs-error-msgs label {
	margin-bottom: 0;
}

form .inputs-list.hs-error-msgs label a {
	color: #FD034E;
	font-size: var(--font_size_s);
	font-weight: var(--font_weight_bold);
	text-decoration: underline;
}

form .inputs-list > li {
	display: block;
}
.hs-form-checkbox::before,
.inputs-list > li.hs-form-booleancheckbox:before,
form .inputs-list > li::before {
	display: none;
}
form .inputs-list input,
form .inputs-list span {
	vertical-align: middle;
	font-weight: var(--font_weight_regular);
}

.hs-form-radio-display,
.hs-form-checkbox-display,
.hs-form-booleancheckbox-display {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: var(--font_size_s);
	margin-bottom: 2rem;

}

div.legal-consent-container .hs-form-booleancheckbox-display > span {
	margin-left: var(--spacer_xxxs);
}

.legal-consent-container label{
	color: var(--body_font_color);
}

.legal-consent-container .hs-form-booleancheckbox-display p{
	font-size: var(--font_size_s);

}

form input[type=checkbox],
form input[type=radio] {
	position: relative;
	cursor: pointer;
	appearance: none;
	width: 15px;
	height: 15px;
	border: 0;
	background-color: var(--white_color);
	box-shadow: inset 0 0 0 1px var(--black_color), inset 0 0 0 6px var(--white_color);
	transition: box-shadow var(--default_transition);
	margin-right: 0.5rem;
}
form.hs-form fieldset.form-columns-1 input[type=checkbox],
form.hs-form fieldset.form-columns-1 input[type=radio] {
	min-width: 15px;
}

form.hs-form fieldset.form-columns-1 input[type=checkbox] {
	border-radius: 2px;
}

form input[type=radio] {
	border-radius: var(--border_radius_round);
}
form input[type=checkbox]:checked,
form input[type=radio]:checked {
	box-shadow: inset 0 0 0 1px var(--primary_color), inset 0 0 0 3px var(--white_color), inset 0 0 0 6px var(--primary_color);
}

form .hs-error-msgs.inputs-list{
	margin-top: 0.8rem;
}

form .hs_error_rollup{
	display: none;
}

form.hs-form fieldset.form-columns-1 input[type=checkbox],
form.hs-form fieldset.form-columns-1 input[type=radio] {
	margin-bottom: 0;
}

.hs-dateinput {
	position: relative;
}
.hs-dateinput:before {
	content:'\01F4C5';
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
}
.hs-fieldtype-date .input .hs-dateinput:before {
	color: rgba(var(--form_field_placeholder_color), 0.5);
}
.fn-date-picker .pika-table thead th {
	color: #FFF;
}
.fn-date-picker td.is-selected .pika-button {
	background: var(--primary_color);
	border-radius: 0;
	box-shadow: none;
}
.fn-date-picker td.is-today .pika-button {
	color: var(--primary_color);
}
.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
	background-color: var(--primary_color) !important;
	border-radius: 0 !important;
	color: #FFF;
}
form input[type=file] {
	background-color: transparent;
	border: initial;
	padding: initial;
}
form .hs-richtext,
form .hs-richtext p {
	font-size: var(--font_size_s);
	margin: 0 0 2rem;
}
form .hs-richtext img {
	max-width: 100% !important;
}
form input[type=submit],
form .hs-button {
	padding: var(--button_spacing);
	background-color: var(--button_bg_color);
	border-radius: var(--button_corner_radius);
	color: var(--button_color);
	font-size: var(--button_font_size);
	font-weight: var(--font_weight_bold);
	text-transform: var(--button_text_transform);
	cursor: pointer;
	transition: background-color var(--default_transition), color var(--default_transition), border var(--default_transition);
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
	background-color: var(--button_bg_color_active);
	color: var(--button_bg_color);
	border: 1px solid var(--button_bg_color);
}

form input[type=submit]:active,
form .hs-button:active {
	background-color: var(--button_bg_color_active);
	border-top: var(--button_border_top_active);
	border-right: var(--button_border_right_active);
	border-bottom: var(--button_border_bottom_active);
	border-left: var(--button_border_left_active);
}

form .legal-consent-container .hs-richtext p {
  font-size: 11px !important;
  line-height: 16px !important;
}  

@media (max-width: 1024px){
	.form-columns-2{
		display: flex;
		flex-flow: column;
	}

	form.hs-form fieldset.form-columns-2 .hs-form-field{
		width: 100%;
	}
}
/* Table */

table {
  border-top: var(--table_border_top);
  border-right: var(--table_border_right);
  border-bottom: var(--table_border_bottom);
  border-left: var(--table_border_left);
  background-color: var(--table_bg_color);
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  border-top: var(--table_border_top);
  border-right: var(--table_border_right);
  border-bottom: var(--table_border_bottom);
  border-left: var(--table_border_left);
  padding:var(--table_cell_spacing);
  color: var(--table_font_color);
  vertical-align: top;
}

/* Table header */

thead th {
  background-color: var(--table_head_bg_color);
  color: var(--table_head_font_color);
  vertical-align: bottom;
}

/* Table footer */

tfoot td {
  background-color: var(--table_footer_bg_color);
  color: var(--table_footer_font_color);
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

.header-module {
	overflow: initial;
	background-color: var(--header_bg_color);
	width: 100%;
	z-index: 100;
	padding-top: 3.2rem;
	padding-bottom: 3.2rem;
	padding-left: 4.2rem;
	padding-right: 4.2rem;
}

.header-module .menu-container,
.header-module .menu,
.header-module .primary-menu{
	width: 100%;
}

.header-module .language-connexion__container{
	margin-left: auto;
}

.header-module > .row-fluid > .dnd-column > .dnd-row > .row-fluid {
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: flex-start;
}

.header-module>.row-fluid>.dnd-column>.dnd-row>.row-fluid>[class*="span"] {
	width: auto;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
}


.header-module .logo{
	margin-right: var(--spacer_lg);
}

.header-module .logo-mobile{
	display: none;
}

.header-module .logo {
	max-height: initial;
	overflow: hidden;
	opacity: 1;
	visibility: visible;
}

.header-module ul[role=menu]>li{
	position: relative;
}

.header-module ul[role=menu]>li>a {
	color: var(--black_color);
	font-size: var(--font_size_m);
	font-weight: var(--font_weight_bold);
	cursor: pointer;
	white-space: nowrap;
	display: block;
	transition: color var(--default_transition), background-color var(--default_transition);
	width: max-content;
}

.header-module ul[role=menu]>li.hs-menu-depth-1>a {
	color: var(--white_color);
	font-weight: var(--font_weight_bold);
}


.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children>a{
	padding-right: 0;
	position: relative;
}

.header-module ul[role=menu]>li.has-submenu> ul li>a:hover {
	background: var(--white_color);
	color: var(--black_color);
}

.header-module ul[role=menu]>li>a:hover {
	color: var(--primary_color);
}

.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children{
	position: relative;
	margin-right: var(--spacer_lg);
}

.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child{
	margin-left: auto;
}

.header-module ul[role=menu]:first-child >li:last-child{
	margin-left: auto;
}

.header-module .cta_button{
	width: max-content;
	padding: 1.2rem 2rem;
	margin-left: var(--spacer_md);
}


/**** 2e SOUS MENU ****/

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children>ul {
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: -10%;
	min-width: 280px;
	opacity: 0;
	z-index: 1;
	background: var(--nav_drop_down_bg_color);
	box-shadow: 0px 4px 8px rgb(28 77 174 / 25%);
	border-radius: var(--border_radius_16);
	padding: var(--spacer_md);
	flex-flow: column;
	transition: opacity .3s ease-in-out;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:hover>ul{
	opacity: 1;
	max-height: initial;
	z-index: 3;
	pointer-events: auto;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child>ul,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child>ul,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li>ul{
	display: flex;
	flex-flow: column;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:not(:first-child)>ul{
	padding: var(--spacer_sm);
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:not(:first-child)>ul>li:not(:last-child) {
	margin-bottom: var(--spacer_xs);
}

.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul,
.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul{
	padding: var(--spacer_md);
	display: flex;
	flex-flow: row;
	width: fit-content;
}

.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul{
	padding: var(--spacer_md) 14.5rem var(--spacer_md) var(--spacer_md);
	display: flex;
	flex-flow: row;
	width: fit-content;
}


.header-module ul[role=menu]>li.hs-menu-depth-1:first-child>ul>li.hs-menu-item.hs-menu-depth-2:nth-child(3)>a,
.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li.hs-menu-item.hs-menu-depth-2:nth-child(3)>a{
	opacity: 0;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child{
	padding-right: var(--spacer_xs);
	margin-bottom: 0rem;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:last-child,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:last-child{
	padding-left: var(--spacer_xs);
	margin-bottom: 0;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li:first-child{
	padding-right: 3.7rem;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li:last-child{
	padding-left: 3.7rem;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child>ul>li:first-child,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child>ul>li:first-child{
	pointer-events: none;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li:first-child>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li:last-child>a{
	color: var(--primary_color);
	font-family: var(--primary_font);
	font-weight: var(--font_weight_bold);
	font-size: var(--h6_font_size);
	margin-bottom: var(--spacer_xxxxs);
	pointer-events: none;
	line-height: 3.2rem;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child>ul>li:first-child>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child>ul>li:first-child>a{
	font-size: var(--font_size_s);
	line-height: 2.4rem;
	margin-bottom: var(--spacer_xs);
	pointer-events: none;
	font-weight: var(--font_weight_regular);
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child>ul>li:last-child>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child>ul>li:last-child>a{
	font-weight: var(--font_weight_bold);
	position: relative;
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child>ul>li:last-child>a:after,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child>ul>li:last-child>a:after{
	content: "";
	position: absolute;
	top: 6px;
	right: -30px;
	background-image: url('https://blog.ibanfirst.com/hubfs/NEW-blog/icons/arrow-right.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 19px;
	height: 17px;
}


.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:last-child>ul>li>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:last-child>ul>li>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li>ul>li.hs-menu-depth-3>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(4)>ul>li>a{
	font-weight: var(--font_weight_bold);
	font-size: var(--font_size_s);
}

.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:last-child>ul>li:not(:last-child)>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:last-child>ul>li:not(:last-child)>a,
.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li>ul>li.hs-menu-depth-3:not(:last-child)>a{
	margin-bottom: var(--spacer_xxxs);
}




@media (max-width: 1120px) {
	.header-module{
		padding: 0;
		position: relative;
	}

	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children{
		margin-right: 1rem;
	}

	.header-module .logo{
		width: 180px;
		line-height: 1;
		display: block;
		position: relative;
		z-index: 3;
		padding: 2rem 0;
	}

	body.menu-open .logo{
		display: none;
	}

	.header-module .logo-mobile{
		background: var(--white_color);
		padding: 2rem 0;
	}

	body.menu-open .logo-mobile{
		display: block;
		position: relative;
		z-index: 3;
		padding: 2rem 0;
	}

	body.menu-open .header-module{
		background: var(--white_color);
	}

	.header-module .branding{
		padding: 0rem 0 0rem 1.8rem;
		min-width: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	body.menu-open .branding,
	body.menu-open .menu-container,
	body.menu-open .header-module{
		background: var(--white_color);
	}

	.header-module .menu-container {
		position: relative;
	}

	.header-module .menu {
		background: var(--white_color);
		opacity: 0;
		display: flex;
		flex-flow: column;
		position: fixed;
		top: -100%;
		right: 0;
		width: 100%;
		overflow: auto;
		transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
		padding-bottom: 6rem;
		-webkit-box-shadow: 0px 3px 12px 3px #0000000f;
	}

	body.menu-open .header-module .menu {
		top: 0;
		opacity:1;
		overflow-y: scroll;
		height: 100vh;
	}

	.header-module .hs-menu-wrapper.hs-menu-flow-horizontal ul li a{
		color: var(--black_color);
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul,
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children>ul{
		flex-flow: column;
		box-shadow: none;
		position: initial;
		left: 0;
		transform: initial;
		margin: 0;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		border-radius: 0;
		transition: all .3s ease-in-out;
	}

	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul, 
	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul{
		padding: 0;
	}


	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children>a:after{
		top: 24px;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li{
		margin: 0;
	}

	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul,
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:not(:first-child)>ul{
		padding: 0;
	}

	.header-module .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.open>ul{
		opacity: 1;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children>ul,
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:not(:first-child)>ul{
		position: initial;
		left: 0;
		transform: initial;
		margin: 0;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		border-radius: 0;
		transition: all .3s ease-in-out;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children.open>ul,
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children.open:not(:first-child)>ul{
		opacity: 1;
		max-height: 100vh;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child,
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child{
		padding-right: 0;
		margin-bottom: 2rem;
	}

	.header-module .hs-menu-wrapper ul.hs-menu-children-wrapper>li.hs-menu-depth-2>ul{
		flex-flow: column;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children>ul li.hs-menu-depth-2>ul li.hs-menu-depth-3,
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children>ul li.hs-menu-depth-2>ul li.hs-menu-depth-3:not(:last-child){
		width: fit-content;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1:first-child>ul>li.hs-menu-item.hs-menu-depth-2:nth-child(3)>a{
		display:none;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child>a, 
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child>a, 
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li:first-child>a,
	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li.hs-menu-depth-2>a{
		font-size: 1.6rem;
		font-family: var(--secondary_font);
		font-weight: var(--font_weight_bold);
	}


	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:last-child>ul>li>a, 
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:last-child>ul>li>a, 
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li>ul>li>a,
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li:last-child>a{
		font-size: 1.6rem;

	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.open>a:after,
	.header-module ul[role=menu]>li.hs-menu-depth-1:hover>a:after{
		transform: none;
	}

	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul{
		padding: 0;
		flex-flow: column;
	}


	/**** TOGGLE ****/

	.header-module .header__navigation--toggle {
		width: 20px;
		height: 20px;
		position: absolute;
		z-index: 13;
		right: 3rem;
	}
	.header-module .header__navigation--toggle .menu-toggle-container-inner{   
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.header-module .header__navigation--toggle .menu-toggle-container-inner i{
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		background-image: url(https://blog.ibanfirst.com/hubfs/NEW-blog/icons/menu-mobile-trigger.svg);
		display: block;
		position: absolute;
		top: 7px;
	}
	body.menu-open .header-module .header__navigation--toggle i {
		background-image: url('https://blog.ibanfirst.com/hubfs/NEW-blog/icons/cross-menu-mobile.svg');
	}

	.section-toggle-container i {
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
	}
	.section-toggle-container {
		position: absolute;
		top: 11px;
		width: 100%;
		height: 4rem;
		right: 0px;
	}


	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul, 
	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul{
		flex-flow: column;
	}

	.header-module .hs-menu-wrapper > ul > li.hs-item-has-children > ul li a:after{
		display: none;
	}
	.header-module .hs-menu-wrapper.hs-menu-flow-horizontal > ul, 
	ul[role="menu"] > ul {
		flex-flow: column; padding-top: 9rem;
	}
	.header-module  .hs-menu-wrapper.hs-menu-flow-horizontal ul li a{
		white-space:normal;
		background-color:transparent;
		padding: 1.5rem 0;
	}
	.header-module .primary-menu ul li.hs-menu-depth-1,
	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child,
	.header-module ul[role=menu]:first-child >li:last-child{
		position: relative; 
		margin-left: 2rem;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:last-child, 
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:last-child{
		padding-left: 0;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1:first-child>ul>li.hs-menu-depth-2:first-child{
		margin-bottom: var(--spacer_xs);
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:last-child>ul>li>a, 
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:last-child>ul>li>a,
	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(4)>ul li a,
	.header-module .primary-menu ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li.hs-menu-depth-2>ul>li>a{
		font-weight: var(--font_weight_regular);
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li:first-child{
		padding-right: 0;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(3)>ul>li:last-child {
		padding-left: 0;
	}

	.header-module .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children.open > ul {
		opacity: 1;
		max-height: 100vh;
	}
	.hs-menu-wrapper .hs-menu-children-wrapper .section-toggle-container {
		right: 1rem;
		background: var(--white_color);
		top: 1rem;
	}

	.footer-module .hs-menu-wrapper .hs-menu-children-wrapper .section-toggle-container{
		background: transparent;
	}
	.hs-menu-wrapper .open > .section-toggle-container .section-toggle:after{
		display:none;
	}
	.header-module .hs-menu-wrapper>ul>li.hs-item-has-children>ul li a{
		padding: 0;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children>a{
		position: relative;
		width: -webkit-fill-available;
		font-size: 2rem;
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children>a:after{
		content: '';
		position: absolute;
		top: 23px;
		right: 20px;
		width: 20px;
		height: 20px;
		background-image: url(https://blog.ibanfirst.com/hubfs/NEW-blog/icons/chevron-down.svg);
		background-repeat: no-repeat;
		background-size: contain;
		transition: all .4s ease-in-out;
	}

	.header-module .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children.open>a:after{
		transform: rotate(180deg);
	}

	.header-module ul[role=menu]:first-child >li:last-child{
		border: 1px solid var(--black_color);
		width: 90%;
		margin: 0 auto;
		text-align: center;
		border-radius: 4rem;
		margin-top: 4rem;
	}

	.header-module ul[role=menu]:first-child >li:last-child a{
		margin: 0 auto;
		padding: 2rem 0
	}

	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:first-child>ul>li:first-child>ul>li:last-child:after, 
	.header-module ul[role=menu]>li.hs-menu-depth-1.hs-item-has-children:nth-child(2)>ul>li:first-child>ul>li:last-child:after{
		content: "";
		position: absolute;
		top: 6px;
		right: -30px;
		background-image: url('https://blog.ibanfirst.com/hubfs/NEW-blog/icons/arrow-right.svg');
		background-repeat: no-repeat;
		background-size: contain;
		width: 19px;
		height: 17px;
	}

	.header-module .create-account{
		width: 100%;
		margin-top: 1rem;
		text-align: center;
	}

	.header-module .cta_button{
		width: 90%;
		margin: 0 auto;
		padding: 2rem 0;
	}

}


@media (max-width: 767px){

}
/*** Footer ***/

.footer-module{
	padding:8rem 0;
	background-color: var(--footer_bg_color);
}

.footer-module .logo img, .footer-module .logo{
	min-width: 350px;
	margin-top: -2rem;
}

.footer-module p,
.footer-module a,
.footer-module ul li,
.footer-module ul li a,
.footer-module .legal-consent-container{
	color: var(--footer_font_color);
}

.footer-module ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.footer-module .container-menu ul:not:(:last-child){
	justify-content: space-between;
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1 {
	width: 48%;
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul {
	display: flex;
	flex-flow: column;
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:before,
.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:before{
	display: none;
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>a,
.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:nth-child(6){
	font-weight: var(--font_weight_bold);
	font-size: 2rem;
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:nth-child(6)>ul{
	display:flex;
	flex-flow: column;
	margin-top: var(--spacer_xxxs);
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:nth-child(6)>ul li a{
	font-weight: var(--font_weight_regular);
	font-size: var(--font_size_m);
}



.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:nth-child(6)>ul li:before{
	display:none;
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul{
	margin-top: var(--spacer_xxxs);
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:nth-child(6){
	margin-top: var(--spacer_lg);
	margin-bottom: var(--spacer_xxxs);
}

/**** newsletter ***/

.footer_newsletter{
	margin-top: auto;
}

.footer-module form{
	position: relative;
	margin-top: 5rem;
}

.footer-module form input[type=email]{
	height: 6.2rem;
	background: transparent;
	border-radius: 4rem;
	border: 1px solid var(--white_color);
	color: var(--white_color);
}

.footer-module form input[type=email]::placeholder{
	color: var(--white_color);
	font-weight: var(--font_weight_bold);
}

.footer-module form input[type=submit]{
	background: transparent;
	position: absolute;
	top: 21px;
	right: 40px;
	background-image: url(https://blog.ibanfirst.com/hubfs/NEW-blog/icons/arrow-white-right.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 2rem;
	height: 2rem;
	padding: 0;
}

.footer-module form .hs_submit.hs-submit{
	margin-top: 0;
}

.footer-module form.hs-form .hs-form-field{
	margin-bottom: 0;
}

.footer_newsletter_mobile.d-flex{
	display:none;
}

/**** SOCIALS ***/

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child>ul>li:nth-child(7){

}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child>ul>li:nth-child(7) .hs-menu-depth-3:before{
	display: none;
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child>ul>li:nth-child(7) .hs-menu-depth-3{
	background: var(--primary_color);
	border-radius: var(--border_radius_round);
	width: 48px;
	height: 48px;
	margin-right: 8px;
	text-align: center;
	display: flex;
	justify-content: center;
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child>ul>li:nth-child(7) .hs-menu-depth-3 a{
	display: flex;
	justify-content: center;
	padding: 11px;
}

.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child>ul>li:last-child{
	margin-top: var(--spacer_xxxxl);
}


/**** LEGALS ****/

.footer__second-level.row-fluid{
	margin-top: var(--spacer_xxxl);
	margin-bottom: var(--spacer_md);
}

.footer__second-level .copyright p,
.footer__second-level .legals-menu ul li a{
	font-size: var(--font_size_s);
}

.footer__second-level .legals-menu ul li:before{
	display:none;
}

.footer__second-level .legals-menu ul li:not(:last-child){
	margin-right: var(--spacer_sm);
}

.footer__third-level.infos p{
	font-size: var(--font_size_xs);
}

@media(max-width: 992px){
	.footer-module .row-fluid.footer__first-level{
		width: 100%;
		justify-content: space-around;
	}
	
	.footer-module .logo img{
		min-width: 300px;
		max-width: 300px;
	}
}

@media(max-width: 767px){

	.footer-module{
		padding: var(--spacer_xl) 2rem;
	}

	.footer-module .logo img, 
	.footer-module .logo{
		margin-top: 0;
		width: 171px;
		min-width: 171px;
	}
	.footer_newsletter.d-flex{
		display:none;
	}
	.footer_newsletter_mobile.d-flex{
		display:block;
		width: 100%;
	}

	.footer-module .container-menu{
		margin: 4rem 0;
	}

	.footer-module h3{
		font-size: 2.8rem;
	}

}


@media(max-width: 480px){
	.footer-module .container-menu ul[role=menu]:first-child{
		flex-flow: column;
	}

	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1{
		width: 100%;
	}

	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:nth-child(6){
		margin-bottom: 0;
	}

	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child,
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:nth-child(6){
		margin-top: var(--spacer_sm);
	}

	.footer-module .section-toggle-container{
		top: -5px;
		left:0;
	}

	.footer-module .hs-menu-wrapper .hs-menu-children-wrapper .section-toggle-container{
		background: transparent;
		top: -5px;
	}

	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:first-child>ul>li:nth-child(-n+5),
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:first-child>ul>li:nth-child(6)>ul,
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child>ul>li:nth-child(-n+5),
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child>ul>li:nth-child(6)>ul{
		position: initial;
		left: 0;
		transform: initial;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		transition: all .3s ease-in-out;
	}

	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:first-child.open>ul>li:nth-child(-n+5),
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:first-child>ul>li:nth-child(6).open>ul,
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child.open>ul>li:nth-child(-n+5),
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child>ul>li:nth-child(6).open>ul{
		opacity: 1;
		max-height: 100vh;
	}


	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>a,
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:nth-child(6)>a{
		position: relative;
		display: inline-block;
		width: 100%;
	}

	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>a:after,
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1>ul>li:nth-child(6)>a:after{
		content: "";
		position: absolute;
		top: 10px;
		right: 0;
		width: 2rem;
		height: 2rem;
		background-image: url('https://blog.ibanfirst.com/hubfs/NEW-blog/icons/chevron-down.svg');
		background-size: contain;
		background-repeat: no-repeat;
		transition: all .4s ease-in-out;
	}

	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:first-child.open>a:after,
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child.open>a:after,
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:first-child>ul>li:nth-child(6).open>a:after,
	.footer-module .container-menu ul[role=menu] >li.hs-menu-depth-1:last-child>ul>li:nth-child(6).open>a:after{
		transform: rotate(180deg);
	}

	.footer__second-level{
		flex-flow: column-reverse;

	}

	.footer-module .legals-menu{
		margin-bottom: var(--spacer_md);
	}
	
	.footer_newsletter_mobile p{
		display:none;
	}
	
	.footer-module form{
		margin-top: 2rem;
	}
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

@media (max-width: 767px) {
	.show-for-sr--mobile {
		border: 0 !important;
		clip: rect(0, 0, 0, 0) !important;
		height: 1px !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		white-space: nowrap !important;
		width: 1px !important;
	}
}

@media (min-width: 1280px) {
	.mobile {
		display: none;
	}
}
@media (max-width: 1279px) {
	.desktop {
		display: none;
	}
}

.d-block{
	display: block;
}

.d-flex {
	display: flex;
}
.d-inline-flex {
	display: inline-flex;
}

.d-none{
	display: none;
}
@media (min-width: 1280px) {
	.d-flex.mobile,
	.d-inline-flex.mobile{
		display: none;
	}
}
@media (max-width: 1279px) {
	.d-flex.desktop,
	.d-inline-flex.desktop {
		display: none;
	}
}

.flex-row {
	flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.flex-column {
	flex-direction: column;
}
.flex-row-wrap {
	flex-flow: row wrap;
}
.flex-column-wrap {
	flex-flow: column wrap;
}
.align-items-start {
	align-items: flex-start;
}
.align-items-center {
	align-items: center;
}
.align-items-stretch {
	align-items: stretch;
}
.align-items-end {
	align-items: flex-end;
}
.justify-content-start {
	justify-content: flex-start;
}
.justify-content-center {
	justify-content: center;
}
.justify-content-end {
	justify-content: flex-end;
}
.justify-content-space-between {
	justify-content: space-between;
}
.flex-25 {
	flex: 0 0 25%;
}
.flex-33 {
	flex: 0 0 33.3333%;
}
.flex-50 {
	flex: 0 0 50%;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}
.txt-center {
	text-align: center;
}

/* ----- Text transform ----- */
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}

/* ----- Colors ----- */
.color-primary {
	color: var(--primary_color);
}
.color-secondary {
	color: var(--secondary_color);
}
.color-darkest-secondary {
	color: var(--darkest-secondary-color);
}
.color-white {
	color: #FFF;
}
.color-dark-grey {
	color: var(--dark_grey_color);
}

/* ----- Remove line-height from img containers ----- */
.line-height-0 img {
	display: block;
}

/* ----- Reset button default ----- */
.reset-button-style {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 0;
	background-color: transparent;
	padding: 0;
}

/* ----- Paddings & Margins ----- */
.mb-0 {
	margin-bottom: 0;
}
.mt-auto {
	margin-top: var(--margin-top-auto);
}

.margin-auto{
	margin: 0 auto;
}

.ml-0{
	margin-left: 0;
}

.mr-0{
	margin-right: 0;
}


/* ----- Positioning ----- */
.p-relative {
	position: relative;
}
.d-inline {
	display: inline;
}

/* ----- Overflow ----- */
.overflow-x-hidden {
	overflow-x: hidden;
}
.overflow-x-scroll {
	overflow-x: scroll;
}

/* ----- Height ----- */
.height-100 {
	height: 100%;
}

/* Mobile width control */
@media (max-width: 992px) {
	.m-width-big {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.m-width {
		width: 100%;
	}
}



ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;

}

/* Remove formating from default list */
.semantic-list {
	margin: 0;
	background-color: transparent;
	border-radius: initial;
	padding: 0;
	list-style: none;
}
.semantic-list-item {
	margin-left: 0;
}
.semantic-list-item:not(:last-child) {
	margin-bottom: 0;
}
.semantic-list-item:before {
	content: '';
	display: none;
}
.hs-blog-listing{
	background-color: var(--black_color);
}


/***** PROGRESS BAR ****/

.pBar {
	position: sticky;
	top: 0;
	z-index: 1;
	width: 100%;
	background-color: var(--white_color); 
}

.progress-container {
	width: 100%;
	height: 8px;
	background: var(--white_color);
}

.progress-bar {
	height: 8px;
	background: var(--primary_color);
	width: 0%;
}

/***** BLOG POST ****/

.blog-post__meta{
	height: 100%;
}

.blog-post--summary{
	position: sticky;
	top: 0;
}

.body-container--blog-post .content-wrapper{
	margin-top: 9.6rem;
	margin-bottom: 10rem;
}

.body-container--blog-post .content-wrapper ul li{
	margin-bottom: var(--spacer_xs);
}

.body-container--blog-post .content-wrapper img{
	min-width: 100%;
}

.body-container--blog-post .content-wrapper a img{
	min-width: auto;
}


.body-container--blog-post h3{
	color: var(--primary_color);
	font-size: var(--h5_font_size);
}

.body-container--blog-post blockquote{
	padding: 7rem 11.1rem 7rem 11.1rem;
	border-left: none;
	font-size: var(--h5_font_size);
	position: relative;
}

.body-container--blog-post blockquote p{
	font-size: var(--h5_font_size);
	line-height: 3.6rem;
	font-family: var(--primary_font);
}

.body-container--blog-post blockquote:before{
	content: "";
	position: absolute;
	left: 40px;
	top: 21px;
	background-image: url(https://blog.ibanfirst.com/hubfs/NEW-blog/icons/quote-left.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 5rem;
	height: 5rem;
}

.body-container--blog-post blockquote:after{
	content: "";
	position: absolute;
	right: 40px;
	bottom: 23px;
	background-image: url(https://blog.ibanfirst.com/hubfs/NEW-blog/icons/quote-right.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 5rem;
	height: 5rem;
}

.body-container--blog-post  .date--mobile{
	display: none;
}

@media (max-width: 767px){
	.body-container--blog-post .date--mobile{
		display: flex;
		margin-bottom: var(--spacer_md);
	}

	.body-container--blog-post .date--mobile time{
		margin-left: 0.5rem;
	}

	.body-container--blog-post .content-wrapper{
		margin-top: var(--spacer_xxxl);
	}
}

@media (max-width: 480px){
	.body-container--blog-post blockquote {
		padding: 6rem 1rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
	}

	.body-container--blog-post blockquote p{
		font-size: 2.4rem;
		line-height: 3.2rem;
	}

	.body-container--blog-post blockquote:before {
		background-image: url(https://blog.ibanfirst.com/hubfs/NEW-blog/icons/quote-left.svg);
		left: 10px;
		top: -8px;
	}

	.body-container--blog-post blockquote:after {
		background-image: url(https://blog.ibanfirst.com/hubfs/NEW-blog/icons/quote-right.svg);
		bottom: -4px;
		right: 10px;
	}
}

/**** BANNER CTA BLOG POST ****/

.blog-post--banner-cta.dnd-section{
	padding-top: 8rem;
	padding-bottom: 8rem;
	background-color: var(--secondary_color);
}

/**** SOCIAL SHARING ****/

.social-sharing--title{
	font-weight: var(--font_weight_bold);
	font-size: 2rem;
	margin-top: var(--spacer_xxxl);
	margin-bottom: var(--spacer_xs);
}

.hs_cos_wrapper_type_social_sharing a{
	background: var(--primary_color);
	min-width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin-bottom: var(--spacer_xxxs);
}

.hs_cos_wrapper_type_social_sharing a:not(:last-child){
	margin-right: var(--spacer_xxxs);
}

.hs_cos_wrapper_type_social_sharing a img{
	border-radius: 50%;
}

@media (max-width: 992px){
	.blog-post__meta{
		display: none;
	}

	.body-container--blog-post .blog-post .span7{
		width: 100%;
	}
}


/***** LIST TOPICS *****/

.blog-post--list-topics{
	margin-top: 7rem;
}

.blog-post--list-topics .tag{
	margin-left: 2rem;
}

.blog-post--list-topics .tag a{
	color: var(--black_color);
	font-weight: var(--font_weight_bold);
	border: 1px solid var(--black_color);
	border-radius: 70px;
	padding: 4px 16px;
	transition: all .3s ease-in-out;
	margin: 0 5px;
}

.blog-post--list-topics .tag a:hover{
	color: var(--white_color);
	background-color: var(--black_color);
}


/***** MORE TAGS ******/ 


.post-tag.more-tag {
	cursor: pointer;
}

.tags__container {
	position: relative;
}


.post-tags__container .more-tag__container {
	position: absolute;
	top: 100%;
	left: 0;
	transform: translate(0px, -44px);
	width: 34rem;
	padding: 2rem 4rem 0rem 2rem;
	border-radius: 13.5px;
	background-color: #FFF;
	box-shadow: inset 0 0 0 1px #d2cdda, 0 2.8px 2.2px rgb(0 0 0 / 3%), 0 6.7px 5.3px rgb(0 0 0 / 5%), 0 12.5px 10px rgb(0 0 0 / 6%), 0 22.3px 17.9px rgb(0 0 0 / 7%), 0 41.8px 33.4px rgb(0 0 0 / 9%), 0 100px 80px rgb(0 0 0 / 12%);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: all 0.2s ease
}
.post-tags__container.shazam .more-tag__container {
	transform: translate(0px, -44px);
	opacity: 1;
	visibility: visible;
	z-index: 3;
}
.post-tags__container.shazam .more-tag__container .dismiss {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231d0647' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.post-tag {
	position: relative;
	font-size: 1.6rem;
	color: var(--white_color);
	padding: 0.3rem 1rem;
	background-color: var(--primary_color);
	border-radius: 14px;
	z-index: 2;
	margin-right: 1.5rem;
	transition: color .2s ease,background .2s ease;
}

.more-tag__container .topic-blog-post{
	margin-bottom: 2rem;
}



h1{
        font-size: 40px;
        line-height: 48px;
    }
h2{
        font-size: 32px;
        line-height: 40px;
    }
h3{
        font-size: 28px;
        line-height: 36px;
    }
h4, h5, h6{
        font-size: 24px;
        line-height: 32px;
    }
}