.full_display {
	margin-left: calc((100% - 100vw) / 2);
	width: calc(100vw - 9px);
}

.title-section {
	width: 100%;
}

.tooltip-container {
	position: relative;
	width: 20px;
	height: 20px;
}

.tooltip {
	top: 5px;
	margin: 0px 10px;
	width: 20px;
	height: 20px;
	background: url(img/tooltip.svg) no-repeat;
	position: relative;
  	display: inline-block;
  	cursor: pointer;
}

.tooltiptext {
	width: 235px;
	height: auto;
	background-color: #E7F3EF;
	text-align: center;
	border-radius: 4px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	right: -48px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease-in-out;

	color: #000;
	font-family: "BNPP Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 16px; /* 120% */
	padding: 15px 16px 9px 16px;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 52px;
  margin-left: -5px;
  border-width: 6px;
  border-style: solid;
  border-color: #E7F3EF transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  	opacity: 1;
	visibility: visible;
}

.bnpp-button-icon-download {
	background: url(img/download.svg) no-repeat;
	width: 14px;
	height: 14px;
}

.bnp-calculator{display:flex; align-self: stretch; align-items:flex-start; gap:1%; 
    flex-wrap: wrap; flex-direction: row;  align-content: space-around; justify-content: center; align-items: flex-start;
}
.bnppcalculator { background: #e3e3e3; padding: 38px 50px;  display: block; }
.bnppcalculator h2 {color:#008252; font-family: 'bnpcond'; font-size: 56px; font-weight: 400; display: flex; justify-content: space-between;align-items: center;align-self: stretch;}
.bnppcalculator h3 { font-family: 'bnpcond'; font-size: 40px; font-weight: 400; display: flex; justify-content: space-between;align-items: center;align-self: stretch;}
.bnppcalculator .calculator-desc {
	font-family: 'bnp'; font-size: 20px; line-height: 30px; font-weight: 300; 
}
.bnppcalculator .calculator-search {
	display: flex;margin: 0px 0 26px;border-radius: 24px; align-items: center;  padding: 6px 16px; align-items:center; gap: 20px; display: flex; box-sizing: border-box;
	background: #FFF;  justify-content: space-around;
}
.calculator-search-placeholder { padding-left: 20px;margin-top: 26px;font-family: 'bnp'; font-size: 18px; font-style: italic; line-height: 30px;}
.calculator-search span { border: 1px solid #008525;
    color: #008525;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 12px;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px; background: white;}
.bnppcalculator .calculator-search input{height: 40px;  display: flex; box-sizing: border-box;  border: 0; width: 80%; font-size: 20px; 
    line-height: 31px;
    padding-top: 6px;
    vertical-align: text-bottom;}

.bnp-section.bnp-calculator .wp-block {
	 display: inline-flex;
}
.calculator-search-error {display: none; color:#FF4E4E; font-size:12px;

    margin-top: -19px;
    margin-bottom: 20px;
    margin-left: 22px;}
.bnppcalculator .calculator-search.error {
    background-color: rgba(255, 78, 78, 0.1);
    border: 1px solid #FF4E4E;
	color: #FF4E4E;
}

.unitycontains_value span{font-family: 'bnpcond'; font-size:3rem; text-transform: capitalize;}

.dark .tag_text{
	color: #BEFFE7;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	margin: 0 0 22px 0;
	width: 100%;
    position: absolute;
    top: 9px;
    left: 20px;

	/* SB 1 */
	font-family: "BNPP Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 114.286% */
}
.equivalentcontainer_img img{   max-width: 100%;  padding: 0; max-height: 64px; max-height: 57px;}
.equivalentcontainer_img figure{ padding-left: 10px; padding-right: 10px; max-width: 100%; position: relative;}
.equivalentcontainer_img { padding: 12px 0;}
.dark .equivalentcontainer_img {
	padding: 0;

	figure {
		padding: 0;

		img {
			max-height: 60px;
            max-width: 60px;
            width: 60px;
            height: 60px;
            padding: 0;
            margin: 0;
		}
	}
}
.bnp-section.bnp-calculator {width:100%;   margin-bottom: 2%; }
@keyframes myAnim {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}
.bnp-photo-wall .bnp-grid-cell {  display: flex;  align-self: center;   box-sizing: border-box;  flex-wrap: wrap;   justify-content: center;}
.tombstone{ 
	width:32%;  aspect-ratio: 1 / 1;  border-radius: 5px 5px;    max-width: 260px;
	border: 0px; display: flex;
    justify-items: center; vertical-align: middle;
    margin-bottom: 2%; flex-direction: column;
    flex-wrap: nowrap;  align-items: center; justify-content: center;
}
.bnppcalculator {padding: 40px!important;}
.bnppcalculator h2 {color:#008252; font-family: 'bnpcond'; font-size: 56px; font-weight: 400; }
.bnppcalculator h3 { font-family: 'bnpcond'; font-size: 40px; font-weight: 400; display: flex; justify-content: space-between;align-items: center;align-self: stretch;}
.unitycontains {
    width: 100%;
    height: auto;
    min-height: 50%;
    display: inline-grid;
    color: #fff;
    justify-content: start;  padding: 5px 10px;
    box-sizing: border-box;  align-items: center;
}
.onlyprimaryvalue .unitycontains
{
    width: 100%;
    height: auto;
    min-height: 50%;
    display: inline-grid;
    color: #fff;
    justify-content: space-around;
    padding: 5px 10px;
    box-sizing: border-box;
    align-items: center;
    overflow: hidden;
}

.dark .onlyprimaryvalue .unitycontains
{
    overflow: unset;
}
.onlyprimaryvalue .unitycontains_value, .onlyprimaryvalue .unitycontains_desc{ text-align: center;}

.equivalentcontainer {
	width: 100%;
    height: 50%;
    background-color: #fff;
    display: flex;
    align-content: space-around;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.default-error-message {
	display: flex;
	position: relative;
	background: #301d1d;
    color: #a92a2a;
    border-color: #301d1d;
	margin: 0px 20px 0px 20px;
	border-left: solid 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	top: 20px;
}

.default-error-message div{
	display: flex;
	padding-right: 3%;
}
.default-error-message div .warning-funder {
	filter: invert(20%) sepia(84%) saturate(2456%) hue-rotate(348deg) brightness(95%) contrast(95%);
	background-image: url(img/warning-icon.svg);
	content: "";
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: 0;
	width: 2.5vw;
    height: 3vh;
    margin-left: 5%;
}

.default-error-message span{
	padding-left: 5px;
	color: whitesmoke;
}

.defult-funder-section {
	background-color: #0C2728;
	min-height: 50vh;
}


.unitycontains_value{ text-transform: capitalize; font-size: 19px; font-family: 'bnpcond'; }
.unitycontains_desc {text-transform: capitalize; font-size: 1.4rem; font-family: 'bnpcond'; }
.equivalentcontainer_desc {font-size: 13px; line-height: 16px; font-family: 'bnp';padding: 0 10px;}
.equivalentcontainer_desc span{font-weight: bold;}
.bnp-keyfeatures h2 { margin: 0px 0 20px 0;
	padding-top: 20px;
	font-size: 2.75rem;
	font-family: 'bnpcond';
	line-height: 52px;
	font-weight: bold;}

	.wp-block-gallery {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: center;
	}

	@media only screen and (max-width: 1200px){
		.tombstone {width: 49%;}
		.bnp-article-content .bnp-photo-wall {
			margin-left: 0px;
		}
		
		section.bnp-section.bnp-photo-wall {
			width: 140%;
			margin-left: -20%;
		}
	}
	@media only screen and (max-width: 1025px){
		section.bnp-section.bnp-photo-wall {
			width: 96%;
			margin-left: 2%;
		}
		.bnp-grid-cell-child-3 .headerbox_P1 {
			font-size: 0.70rem;
		}
		.bnp-grid-cell-child-3 .SANSCondBold {
			font-size: 43px !important; 
     		line-height: 43px !important;
		}
		
	}



	@media only screen and (max-width: 769px){
		.tombstone {width: 49%;}
		.bnp-grid-cell-child-3 .bnp-grid-child {
			min-width: 50%;
			max-width: 50%;
			word-break: break-word;
		}
		.bnp-grid-cell-child-4 .bnp-grid-child {
			min-width: 50%;
			max-width: 50%;
		}
		.bnp-grid-cell-child-3  .SANSCondBold { word-wrap: break-word; font-family: "bnpcond"; font-size: 2.3rem !important; line-height: 3rem !important; font-weight: bold;}
		.bnp-grid-cell-child-3 .headerbox_P1 { word-wrap: break-word; word-break: break-word;   padding: 0px;}
		.bnp-grid-cell-child-3 .headerbox_P1 { font-size: 0.75rem; }
	}

	@media only screen and (max-width: 600px){
		.bnppcalculator h2 {font-size:42px}
		.bnppcalculator h3 {font-size:32px;}
		.bnppcalculator .calculator-desc, .calculator-search-placeholder {font-size: 16px; 	line-height: 25px;}
		.unitycontains_value span {font-size:2.5rem}
		.unitycontains_value{font-size:20px}
		.unitycontains_desc{font-size:1.4rem}
		.calculator-search span {
			background: white;
			border: 1px solid #008525; color: #008525; border-radius: 50%; width: 12px;margin-left: -10px;
			height: 12px; padding: 10px; font-size: 23px; text-align: center; vertical-align: middle; line-height: 17px;
		}

		.bnppcalculator .calculator-search input {
			height: 40px;
			display: flex;
			box-sizing: border-box;
			border: 0;
			width: 80%;
			font-size: 16px;
			line-height: 31px;
			padding-top: 5px;
			vertical-align: text-bottom;
		}
		.bnppcalculator .calculator-search.error input{color:#FF4E4E}
		.bnppcalculator .calculator-search.error button {display: none!important;}
	}

	@media only screen and (max-width: 466px){
		.bnppcalculator { padding: 12px!important; }
		.bnppcalculator .calculator-desc, .calculator-search-placeholder {font-size: 14px; 	line-height: 20px;}
		/*.bnppcalculator .calculator-search {margin: 20px -36px}*/
		.calculator-search-placeholder{ padding : 0}
		.bnp-grid-cell-child-3 .bnp-grid-child {
			min-width: 320px;
			max-width: 100%;
			word-break: break-word;
		}
		.bnp-grid-cell-child-4 .bnp-grid-child {
			min-width: 320px;
			max-width: 100%;
		}
		.bnp-grid-cell-child-3 .headerbox_P1 { font-size: 1rem; }
		.bnp-grid-cell-child-3  .SANSCondBold { word-wrap: break-word; font-family: "bnpcond"; font-size: 60px!important; line-height: 60px!important; font-weight: bold;}
		
	}

	@media only screen and (max-width: 466px){
		.tombstone {width: 98%;}}

	@media only screen and (max-width: 321px){
		.bnppcalculator h2 { font-size: 38px; }
		.bnppcalculator h3 { font-size: 25px; }
	}

	.gap10{ gap:10px }
	.gap5{ gap:5px }
	.gap15{ gap:15px }

	.bnp-article-citation {margin:auto;width:fit-content; position:relative; padding: 18px;}
	.bnp-article-citation p {
		padding-left: 30px;
		padding-right: 30px;
		font-family: 'bnpcond'!important;  color: #000;  font-size: 2.5rem!important;  line-height: 42px !important; width: auto!important;
	}

	.bnp-article-citation:before,.bnp-article-citation:after {
		 font-family:monospace; color:#000; font-size: 4rem;
	}

	.bnp-article-citation:after { content:'\00275E'; width: 30px;    position: absolute;   right: 0; top: 84%;}
	.bnpvp-section .bnp-article-citation:after{top:62%}
	.bnp-article-citation:before {
		content:'\00275D';
    	width: 30px;
	}
	.wp-block-audio {
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.ytfull{
		aspect-ratio:16/9;
		width: 100%;
	}

	.bnppcalculator .calculator-search.error button {
		background: #aaa;
		border-color: #aaa;
	}

	section.bnp-contact-infos {
		background: #0e7164;
		color: #FFF;
		padding: 20px 25px 10px;
	}
	
	.bnp-contact-infos-content {
		position: relative;
	}
	.bnp-contact-infos-person {
		position: relative;
		padding:16px 0px;
		min-height: 100px;
	}
	.bnp-contact-infos-person figure {
		width: 100px;
		height: 100px;
		position: absolute; 
		right : 0; 
		top: 0;
		bottom:0;
		margin-right: 12px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
		background: url(../images/unnamed-small.png) no-repeat;
	}
	.bnp-contact-infos-person figure img{width:100%; Height:100%; filter: grayscale(1);}
	.bnp-contact-infos-person-content {
		max-width: 70%;
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: space-around;
		align-items: flex-start;
		flex-direction: column;
		}	
	
	.bnp-contact-infos-person-content a {    
		color: #FFF !important;
		font-family: bnplight;
		font-size: 14px;}
		.bnpp_keyfeature sup{font-size:12px}

		@media all and (max-width:434px){
			.bnpp_keyfeature figure {
				position: relative;
				max-width: 100px;
				margin: 16px auto;
			}
			.bnpp_keyfeature h3{
				margin-top: 8px;
			}
			bnpp_keyfeature figure img {
				width: 90%;
				max-width: 100px;
				margin: auto;
			}
			.bnpp_keyfeature p {
				line-height: 20px;
				font-size: 16px;
			}
			.bnp-keyfeatures-container .bnpp_keyfeature {
				padding: 28px 25px !important;
			}
		}

		.dark {
			display: flex;
			justify-content: center;
			background: #0C2728;
		}

		.bnppcalculator.dark {
			display: flex;
			flex-wrap: wrap;
			background: #0C2728;
			color: #FFFFFF;
			width: 1536px;
			padding: 70px 90px 126px 90px !important;
			justify-content: left;
		}

		.dark .calculator-pre-tombstones {
			width: 1350px;
			height: 224px;
			position: relative;
		}
		
		.bnppcalculator.dark .calculator-search-placeholder {
			font-family: BNPP Sans Condensed;
			font-weight: 400;
			font-size: 48px;
			line-height: 45px;
			font-style: normal;
			padding-left: 0px;
			/* width: 27%; */
			/* width: 100%; */
			/* margin-right: 3%; */
			margin-top: 0;
			width: 281px;
			height: 103px;
			position: absolute;
			top: 56px;
		}
		
		.bnppcalculator.dark h2 {
			width: 100%;
			font-family: BNPP Sans Condensed;
			font-weight: 400;
			font-size: 64px;
			line-height: 60px;
			letter-spacing: 0%;
			color: #FFFFFF; 
		}
		
		.bnppcalculator.dark .calculator-desc {
			font-family: "BNPP Sans";
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 24px; /* 133.333% */
			color: #FFFFFF; 
			width: 840px;
			height: 46px;
			position: absolute;
			top: 132px;
			left: 385px;
			/* margin-left: 30%; */
		}
		
		.bnppcalculator.dark .calculator-search input {
			/* height: 40px;
			display: flex;
			box-sizing: border-box;
			border: 0;
			width: 80%;
			padding-top: 6px;
			vertical-align: text-bottom; */
		
			font-family: BNPP Sans Condensed, sans-serif;
			font-weight: 400;
			font-size: 40px;
			line-height: 45px;
			letter-spacing: 0%;
			color: #556D6D;
			background: #0C2728;
			border: none;
			padding: 0;
			max-height: 37px;
			margin: 5px 0 0 0;
		}
		
		.bnppcalculator.dark .calculator-search {
			border-radius: 0;
			box-sizing: border-box;
			background: #0C2728;
			justify-content: space-around;
			border-bottom: 1px solid #3D525273;
			padding: 6px 0 6px 0;
			width: 1031px;
			height: 58px;
			position: absolute;
			top: 50px;
			left: 319px;
			flex-shrink: 0;
		}
		
		.bnppcalculator.dark .calculator-search span {
			border: 1px solid #3D5252;
			font-family: BNPP Sans Condensed;
			font-weight: 400;
			font-size: 37px;
			line-height: 36px;
			letter-spacing: 0%;
			color: #7FD4B5;
			background: #254142;
			padding: 3px 0 0 0;
		
			display: inline-flex;
			justify-content: center;
			justify-items: center;
			width: 36px;
			height: 36px;
			max-width: 36px;
			max-height: 36px;

		}
		
		.bnppcalculator.dark .bnp-calculator {
			/* width: 100%; */
			width: 1015px;
			gap: 0;
			align-content: normal;
			justify-content: left;
		}

		
		.bnppcalculator.dark .sub-tittle-calculator{
			border-top: 1px solid #3D5252;
			padding-top: 64px;
			margin-top: 46px;
			display: flex;
			width: 1350px;
		}

		.bnppcalculator.dark .sub-tittle-calculator .div-title {
			margin-right: 94px;
		}

		.bnppcalculator.dark .sub-tittle-calculator div h3{
			width: 281px;
			font-family: BNPP Sans Condensed;
			font-size: 48px;
			font-style: normal;
			font-weight: 400;
			line-height: 45px; /* 93.75% */
		}

		.bnppcalculator.dark .sub-tittle-calculator div .title-section {
			width: 100%;
			color: #FFF;
			font-family: "BNPP Sans Condensed";
			font-size: 36px;
			font-style: normal;
			font-weight: 400;
			line-height: 40px; /* 111.111% */
			margin: 0 0 40px 10px;
		}

		.dark .section-section {
			width: 103%;
			border-top: 1px solid rgba(61, 82, 82, 0.50);
			margin: 40px 0 0 -3%;
			padding-top: 40px;
		}

		.dark .section-section:last-child {
			display: none;
		}

		.bnppcalculator.dark .sub-tittle-calculator div a{
			font-family: BNPP Sans, sans-serif;
		}
		
		.bnppcalculator.dark .bnp-calculator .tombstone {
			background: #0E2F30 !important;
			border-left: 5px solid #008252;
			color:  #FFFFFF; 
			border-radius: 0;
			flex-direction: row;
			/* aspect-ratio: 5 / 3.5;
			min-width: 32%; */
			width: 310px;
			height: 170px;
			margin: 10px 0px 0 10px;
			max-width: 310px;
			position: relative;
		}

		/* @media (min-width: 1920px) {
			.bnppcalculator.dark .bnp-calculator .tombstone {
				max-height: 23vh;
			}
		}  */
		 
	
		.bnppcalculator.dark .bnp-calculator .tombstone .equivalentcontainer {
			flex-direction: column-reverse;
			height: 100%;
			color:  #FFFFFF !important;
			font-family: BNPP Sans Condensed;
			overflow: hidden;
			max-width: 105px;
		}
		
		.bnppcalculator.dark .bnp-calculator .tombstone .equivalentcontainer .equivalentcontainer_desc {
			color:  #FFFFFF !important; 
			/* font-size: 1.5rem;
    		line-height: 1.5rem;
			padding: 3rem 10px 1rem;
			font-family: BNPP Sans; */

			font-family: "BNPP Sans";
			font-size: 14px;
			font-style: normal;
			font-weight: 300;
			line-height: 16px; /* 114.286% */
			padding: 20px 12px 22px 15px;
			max-height: 110px;

		}
		
		.bnppcalculator.dark .bnp-calculator .tombstone .equivalentcontainer .equivalentcontainer_img {
			flex-grow: 1;
			border-top: 1px solid #2CA979;
			width: 72px;
			position: relative;
			justify-content: center;
			align-items: center;
			display: flex;
			max-height: 60px;
		}

		.bnppcalculator.dark .bnp-sub-tittle-calculator .tombstone .unitycontains .unitycontains_value span{
			font-family: BNPP Sans Condensed, sans-serif;
			font-weight: 400;
		}
		.bnppcalculator.dark .bnp-sub-tittle-calculator .tombstone .unitycontains .unitycontains_value {
			font-family: BNPP Sans Condensed, sans-serif;
		}

		.bnppcalculator.dark .bnp-calculator .unitycontains .unitycontains_value span{
			/* font-size: 4rem;
			font-family: BNPP Sans Condensed, sans-serif; */

			font-family: "BNPP Sans Condensed";
			font-size: 64px;
			font-style: normal;
			font-weight: 400;
			line-height: 60px; /* 93.75% */
			text-align: left;
		}

		.bnppcalculator.dark .bnp-calculator .unitycontains .unitycontains_value {
			/* font-family: BNPP Sans Condensed, sans-serif; */
			font-family: "BNPP Sans";
			font-size: 14px;
			font-style: normal;
			font-weight: 400;
			line-height: 16px; /* 114.286% */
			text-align: left;
		}
		.bnppcalculator.dark .bnp-calculator .unitycontains .unitycontains_desc{
			/* line-height: normal;
			font-family: BNPP Sans; */
			font-family: "BNPP Sans";
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 24px; /* 150% */
			text-align: left;
		}
		
		.bnppcalculator.dark .bnp-calculator .tombstone .equivalentcontainer .equivalentcontainer_desc span{
			/* font-size: 3rem;
			font-family: BNPP Sans Condensed, sans-serif;
			font-weight: 300; */
			font-family: "BNPP Sans Condensed";
			font-size: 30px;
			font-style: normal;
			font-weight: 400;
			line-height: 36px; /* 120% */
		}
		
		.bnppcalculator.dark .calculator-search.error {
			border: 1px solid #FF4E4E;
			color: #FF4E4E;
		}
		
		.bnppcalculator.dark .bnp-calculator .unitycontains {
			background: #0E2F30 !important;
			justify-content: flex-start;
    		padding: clamp(2px, 1vw, 20px) 0 0 20px;
		}

@media screen and (max-width: 1536px) {
	.bnppcalculator.dark {
		max-width: 1250px;
		width: 100%;
		padding: 43px 90px !important;

		h2 {
			margin-bottom: 15px;
		}

		.calculator-pre-tombstones {
			display: flex;
			flex-direction: column;
			justify-content: left;
			height: auto;
		}
	}

	.bnppcalculator.dark .calculator-search-placeholder {
		position: initial;
		width: 100%;
		height: auto;
	}
	
	.bnppcalculator.dark .calculator-search {
		position: initial;
		width: 100%;
		margin: 0px 0 38px;
	}
	.bnppcalculator.dark .calculator-desc {
		position: initial;
		width: 100%;
		font-family: "BNPP Sans Condensed";
		font-size: 34px;
		font-style: normal;
		font-weight: 300;
		line-height: 40px; /* 117.647% */
		height: auto;
	}

	.bnppcalculator.dark .sub-tittle-calculator {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 47px;
		margin-top: 38px;
		width: 100%;
	}

	.bnppcalculator.dark .bnp-calculator {
		width: 1005px;
		margin: auto;
	}

	.bnppcalculator.dark .sub-tittle-calculator .div-title {
		width: 100%;
		margin-right: 0;
		display: flex;
		justify-content: space-between;
		margin: 0 0 56px 0;
	}

	.bnppcalculator.dark .sub-tittle-calculator div h3 {
			font-size: 40px;
			font-style: normal;
			font-weight: 400;
			line-height: 40px; /* 100% */
			width: 80%;
	}
	
	.div-title {

		h3 {
			font-size: 40px;
			font-style: normal;
			font-weight: 400;
			line-height: 40px; /* 100% */
			width: 80%;
		}
	}

	/* .bnppcalculator.dark .calculator-search span {
		max-width: 40px;
		max-height: 40px;
		padding: 5px 0 0 0;
	} */
}

@media screen and (max-width: 1024px) {
	.bnppcalculator.dark .bnp-calculator {
		width: 100%;
		max-width: 650px;
	}
	.bnppcalculator.dark {
		max-width: 820px;
		width: 100%;
		padding: 36px 90px !important;

		h2 {
			margin-bottom: 14px;
			line-height: 64px;
		}
	}

	.bnppcalculator.dark .calculator-search-placeholder {
		line-height: 48px;
	}

	.bnppcalculator.dark .calculator-search {
		margin: 0px 0 10px;
	}

	.bnppcalculator.dark .sub-tittle-calculator {
		padding-top: 20px;
		margin-top: 2px;
	}

	/* .bnppcalculator.dark .calculator-search span {
		max-width: 38px;
	} */
}

@media screen and (max-width: 768px) {
	.full_display {
		margin-left: 0;
		width: 100%;
	}

	.bnppcalculator.dark .bnp-calculator {
		width: 100%;
		max-width: 650px;
		justify-content: center;
	}

	.bnppcalculator.dark {
		max-width: 650px;
		width: 100%;
		margin: 36px 60px !important;
        padding: 0 10px !important;

		h2 {
			margin-bottom: 16px;
			line-height: 60px;
		}

		.calculator-pre-tombstones {
			display: flex;
			flex-direction: column;
			justify-content: left;
			height: auto;
			width: 100%;
			overflow: hidden;
		}
	}

	.bnppcalculator.dark .calculator-search-placeholder {
		line-height: 45px;
		position: relative;
		width: 100%;
	}

	.bnppcalculator.dark .calculator-search {
		margin: 10px 0 33px;
		position: relative;
		left: 0;
		width: 630px;
		max-width: 100vw;
	}

	.bnppcalculator.dark .calculator-desc {
		font-size: 20px;
		line-height: 30px; /* 150% */
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
	}

	.bnppcalculator.dark .sub-tittle-calculator {
		padding-top: 25px;
		margin-top: 8px;
	}

	.bnppcalculator.dark .sub-tittle-calculator div h3 {
		width: 100%;
	}

	.bnppcalculator.dark .sub-tittle-calculator .div-title {
		flex-direction: column;
		margin: 0 0 32px 0;

		h3 {
			width: 100%;
		}

		a {
			align-self: self-end;
		}
	}
/* 
	.bnppcalculator.dark .calculator-search span {
		max-width: 34px;
	} */

}

@media screen and (max-width: 390px) {
	.bnppcalculator.dark .bnp-calculator {
		width: 100%;
	}

	.bnppcalculator.dark {
		max-width: 315px;
		width: 100%;
		margin: 12px 37px !important;
        padding: 0 0 !important;

		h2 {
			margin-bottom: 13px;
			font-size: 48px;
		}

		.section-section {
			margin: 40px 0 0 10px;
		}
	}

	.bnppcalculator.dark .calculator-search-placeholder {
		font-size: 36px;
		max-width: 315px;
	}

	.bnppcalculator.dark .calculator-search {
		margin: 0px 0 28px;
		max-width: 315px;
		span {
			margin: 0;
		}
	}

	.bnppcalculator.dark .calculator-desc {
		font-size: 14px;
		line-height: 20px; 
	}

	.bnppcalculator.dark .sub-tittle-calculator {
		padding-top: 30px;
		margin-top: 41px;
		max-width: 315px;
		flex-direction: column;
	}

	.bnppcalculator.dark .sub-tittle-calculator div h3 {
		width: auto;
		line-height: 36px; 
		font-size: 30px;
	}

	.bnppcalculator.dark .sub-tittle-calculator .div-title {
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0 0 17px 0;

		h3 {
			width: auto;
		}

		a {
			width: 100%;
			justify-content: center;
			align-self: center;
		}
	}

	/* .bnppcalculator.dark .calculator-search span {
		max-width: 24px;
	} */
}