/*  HOME INDICATOR LIST */
	.strategies-home-presentation{
		color:black;
		background: white;
		text-align: center;
    	width: fit-content;
    	margin: auto;
    	padding: 0.5em;
    	border-radius: 15px;
    	margin-bottom: 2em;
	}
	.strategies-home-presentation h1{
		display:inline-block;
	}
	#strategies-title{
		font-family: 'Raleway', sans-serif;
		color: white;
		text-align: center;
		padding: 2em 0.5em;
		margin: 0;
		font-size: 2em;
	}

	#indicators-list-container{
		/*background: linear-gradient(to top,#0e121b,#212839);*/
		background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url("../hero-image2.png");
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		text-align: center;
		color:black;
	}

	#indicators-list{
		display:flex;
		flex-wrap:wrap;
		justify-content: space-around;
	    align-items: center;
	}

	#indicators-list p{
		padding:0.5em;
	}
	#indicators-list p>a{
		color:#2196f3;
		font-weight: bold;
	}

	.indicator-display-box{
		width:500px;
		color:#17b4ff;
		background: black;
		margin: 1em;
		border:2px solid black;
	    border-radius: 15px;
	    transition: box-shadow 0.4s,border 0.4s;
	    text-align: center;
	    box-shadow: 0px 0px 15px black;
	    border:2px solid #17b4ff;/*#EE9A00*/
	    border:2px solid #EE9A00;/*#EE9A00*/
        height: fit-content;
	}
	.indicator-display-box:hover{
		box-shadow: 0px 0px 15px #17b4ff;
		box-shadow: 0px 0px 15px #EE9A00;

	}

	#indicators-list h2{
		font-size: 1.5em;
		padding: 0.5em;
		color: white;
	}
	#indicators-list h3{
		font-size: 1em;
	}
	#indicators-list img{
		/*max-width: 496px;*/
		max-width: 100%;
	    border-radius: 0 0 15px 15px;
	}
	.indicator-display-box a{
		text-decoration: none;
		color:black;
	}
	.indicator-display-box a:hover{
		text-decoration: underline;
	}

	.indicator-display-box p>a{
		padding:0.2em;
	}


/* SELLING PAGE */
	
	#sticky-banner {
    	position: relative;
    }
    
	#customer-testimonies{

	}

	#customer-testimonies #cus-testimonies-container{
		margin: 2em;
    	display: flex;
    	justify-content: center;
	}

	#customer-testimonies .testimony{
		background: #2196f3;
    	background-image: radial-gradient(circle at 4% -18%,#7cd0f2,#2196f3 47%,#31a3d1);
    	padding: 1em;
    	border-radius: 15px;
    	max-width: 30em;
	}

	#customer-testimonies .testimony p{

	}

	#customer-testimonies h2{
		text-align: center;
	}


	#selling-page{
		font-family: Trebuchet MS,sans-serif;
		text-align: center;
/*		background-color: white;*/
	}
	/*#selling-page #main-display{
		width:100%;
		text-align: center;
		margin-top: 2em;
		vertical-align: middle;
	}*/
	/*#selling-page #main-display img{
		width:550px;
	}*/
	iframe{
		/*box-shadow: 0px 0px 15px black;*/
    	max-width: 100%;
	}

	#selling-page h1{
		font-family: Trebuchet MS,sans-serif;
		font-weight: bold;
		color:#eee;
		font-size: 3em;
		letter-spacing: 0em;
		line-height: 1.4em;
		font-stretch: 100%;
	}
	#selling-page h2{
		font-family: Trebuchet MS,sans-serif;
		font-weight: bold;
		color:#eee;
		font-size: 2.5em;
		letter-spacing: 0em;
		line-height: 1.4em;
		margin-bottom: 2.5em;
		position:relative;
	}

/*	#selling-page h2::after{
		content:'⚠️There may be some delay between December 24th and 31th';
		position: absolute;
		font-size: 0.8rem;
		font-weight: 100;
		border-radius:10px;
		background: #2196f3;
		color: white;
	    padding: 0 0.5rem;
	    top: 5.5rem;
	    left: 40%;
	}*/
	#selling-page h3{
		font-family: Trebuchet MS,sans-serif;
		font-weight: bold;
		color:#eee;
		font-size: 2em;
		letter-spacing: 0em;
		line-height: 1.4em;
		text-align: center;
	}
	#selling-page p{
		text-align: center;
		font: normal normal normal 1em Trebuchet MS,sans-serif;
		line-height: 1.2em;
		padding:1em 0;
	}

	#selling-page a{
		color:#3CB3E4;
		font-weight: bold;
		line-height: 1.2em;
		font-size: 1em;
	}

	#selling-page .buttons{
		text-align: center;
		margin:1em 0;
	}

	#selling-page button{
		cursor:pointer;
		font: normal normal normal 1.4em Trebuchet MS,sans-serif;
		padding: 0.5em 1em;
		margin: 0.5em 0.5em;
		color:#3CB3E4;
		border:1px solid #3CB3E4;
		border-radius: 15px;
		background: none;
		transition: background 0.3s, color 0.3s;
	}
	#selling-page button:hover{
		background: #3CB3E4;
		color: white;
	}

	#selling-page .plain-button{
		background: white;
		color:#2196f3;
		border:2px solid #2196f3;
		border-radius: 0px;
		transition: background 0.5s,color 0.5s;
	}

	#selling-page .plain-button:hover{
		background: #2196f3;
		color:white;
	}

	#selling-page .images{
		text-align: center;
	}

	#selling-page #input-image{
		border:none;
		border-radius: 15px;
		box-shadow: 0px 0px 15px grey;
		margin: 2em;
	}

	#selling-page .icons i{
		color: red;
	    font-size: 2em;
	}

	#selling-page .box{
		display:inline-block;
		margin: 3em;
	}
	#selling-page #input-description{
		width:400px;
		vertical-align: top;
	}

	#selling-page #input-description p{
		margin-top: 1em;
		text-align: justify;
	    line-height: 2.5;
	    font-size: 1em;
	}

	#selling-page .long-alert-display{
		background: #bbfbbb;
	    padding: 1em;
	    margin-right: 0;
	    margin-left: 0;
	}

	#selling-page .short-alert-display{
		background: #fbbbbb;
	    padding: 1em;
	    margin-right: 0;
	    margin-left: 0;
	}

	#selling-page .use-case-box{
		text-align: center;
	}

	#selling-page .use-case-box img{
		width:700px;
		box-shadow: 0px 0px 15px grey;
	}

	#selling-page .use-case-description{
		font-size: 1.2em;
		margin-bottom: 2em;
	}
	/* payement buttons */
		#selling-page #paypal-buttons h3{
			/*font-size: 25px;
			font-weight: normal;
			color:#414141;*/
		}
		#selling-page #paypal-buttons{
			text-align: center;
		}
		#selling-page .paypal-button{
			display:inline-block;
			border:1px solid #2196f3;
			border-radius: 5px;
			padding:1em;
			margin:1em;
		}
		#selling-page .paypal-button p{
			color:#eee;
			font-size: 1em;
		}
		#selling-page .price{
			padding-top: 0.5em;
			margin:0;
			font-size: 60px;
			color:#eee;
			font-weight: normal;
			line-height: 1em;
		}
		#selling-page .dollar-sign{
			font-size: 20px;
			color:#eee;
			font-weight: normal;
			margin:0;
			left: -10px;
		    width: 66px;
		    position: relative;
		    top: -40px;
		}
		#selling-page .payment-type{
			font-size: 0.8em;
			padding:0;
			padding-bottom: 1.5em;
		}

		#selling-page #payment-instructions{
			padding-left: 1em;
			width:870px;
			margin:auto;
			margin-top: 1.5em;
		}
		#selling-page #payment-instructions h3{
			text-align: left;
		}
		#selling-page #payment-instructions ul{
			list-style: none;
		}

		div.checklist > p{
			text-align: left !important;
		}

		.fa-check{
			font-size: 1.5em;
			color:#2196f3;
			padding-right: 0.5em;
		}


	.list{
		list-style: none;
	    width: 800px;
	    margin: auto;
	}

	#selling-page #payment-instructions p{
		text-align: left;
		font: normal normal normal 1em Trebuchet MS,sans-serif;
		line-height: 2em;
		color:#272C3E;
		padding:0.5em 0;
	}
	#selling-page #payment-instructions b{
		color:#272C3E;
		font-family: Trebuchet MS,sans-serif;
		line-height: 1.2em;
	}

	/* Style the buttons that are used to open and close the accordion panel */
	#selling-page .accordion {
	    background-color: none;
	    color: #444;
	    cursor: pointer;
	    padding: 18px;
	    width: 100%;
	    text-align: left;
	    border: none;
	    outline: none;
	    transition: 0.4s;
	}

	/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
	#selling-page .active, .accordion:hover {
	    background-color:  #eee;
	}

	/* Style the accordion panel. Note: hidden by default */
	.panel {
	    padding: 0 18px;
	    background-color: white;
	    display: none;
	    overflow: hidden;
	    
	}
	.panel p{
		text-align: justify!important;
		line-height: 2em!important;
		padding:0.2em 0!important
	}
	.panel b{
		font-family: Trebuchet MS,sans-serif!important;
	}
	#selling-page #faq p{
		text-align: left;
	}
	#others p{
		line-height: 2em;
	}
	#others p, #others h3{
		text-align: left!important;
	}
	#others h3{
		font-size: 1.3em;
	}


/* INDICATOR PRESENTATION */

	.link_button{
		font-size: 1.2em;
		background: white;
		color:#2196f3;
		border:2px solid #2196f3;
		border-radius: 0px;
		padding:1em;
		transition: background 0.4s,color 0.4s;
		text-decoration: none;
		margin-bottom: 1em;
		margin-top: 1em;
		font-weight: bold;
	}

	.link_button:hover{
		background: #2196f3;
		color:white;
		    cursor: pointer;
	}
	#indicator-presentation {
		color: rgb(var(--text));
		text-align: center;
		max-width: 1400px;
        width: max-content;
		margin:auto;
		padding-top: 5em;
		display: flex;
	    flex-direction: row-reverse;
/*	    background: #FFFAF0;*/
	    margin-top: 5em;

	}

	#indicator-presentation #right-column{
		/*flex:1;*/
		margin:1em;
		position:sticky;
		top:0;
		height: fit-content;
	}

	#indicator-presentation #left-column{
		/*flex:3;*/
	}
	#indicator-presentation h1{
		color: #eee;
   		font-size: 2.5em;
   		padding: 0.5em;
	}

	#indicator-presentation a{
		color:#2196f3;
		font-weight: bold;
		text-decoration: none;
	}
	#indicator-presentation a:hover{
		text-decoration: underline;
	}
	
	#indicator-presentation img{
		/*max-width: 700px;*/
		max-width: 100%;
		border-radius:var(--border_radius);
		/*box-shadow: 0px 0px 5px grey;*/
	}
	#indicator-presentation p, tr{
		padding: 0.5em;
		line-height: 1.8em;
	}

	#indicator-presentation p{
		font-size: 1.2em;
	}
	
	#indicator-presentation tr{
		font-size: 1em;	
	}
	
	#indicator-presentation h3{
		/*text-decoration: underline;*/
	}

	#indicator-presentation h3::after{
		width: 50%;
	    height: 4px;
	    background: #ee9a00;
	    content: "";
	    display: block;
	    transform: skew(-30deg);
	    margin: auto;
	    margin-top: 3px;
	}
	#indicator-presentation .item-container{
		display:flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: 1em;
		margin-top: 2em;
	    margin-bottom: 2em;
/*	    background: #FFFAF0;*/
	    /*box-shadow: 0px 0px 5px #505d69;*/
	    border:1px solid #EE9A00;
	    padding: 2em 0 2em 0;
        align-items: center;
        border-radius: var(--border_radius);
	}
	#indicator-presentation .item-container > div{
/*		border-left: 2px solid #EE9A00;
		border-bottom: 2px solid #EE9A00;*/
		height: fit-content;
		max-width: 46%;
/*		box-shadow: -5px 5px 5px #ffecca;*/
		margin:1em;
	}

	@media only screen and (max-width: 730px){
		#indicator-presentation .item-container > div{
			max-width: 100%;
		}
	}

	#indicator-presentation .item-container > img{
/*		box-shadow: 0px 0px 5px grey;*/
	}
	#indicator-presentation .image-container{
		/*max-width: 700px;*/
		border:none !important;
		/*box-shadow:0px 0px 5px grey !important;*/
		margin: 0.5em;
	}
	#indicator-presentation .image-container h3{
		padding: 1em 0;
		text-decoration: none;
	}

	#indicator-presentation .image-container img{
		/*display:block;*/
		max-width: 900px;
		width:100%;
		height:auto;
		transition: transform .2s; /* Animation */
	}
	#indicator-presentation .image-container img:hover{
		transform:scale(1.3);
	}

	#indicator-presentation table{
		border-collapse: collapse;
		margin: auto;
	}

	

	#indicator-presentation tr{
		border: 1px solid #ddd;
	}

	#indicator-presentation td, #indicator-presentation th{
		padding:0.5em;
	}

	

	#indicator-presentation tr:hover{
		background-color: #f5f5f522;
		cursor:pointer;
	}
	/*#indicator-presentation tr:nth-child(even) {
		background-color: #f2f2f2;
	}*/
	

	#indicator-presentation th{
		background-color: #2196f3;
		color:white;
		min-width: 10em;
	}

	
	#indicator-presentation  td:nth-child(1){
		font-weight: bold;
		border-right: 1px solid #ddd;
	}
	#indicator-presentation .long-alert-display{
		border-left:2px solid lime !important;
		border-bottom: 2px solid lime !important;
		box-shadow: 0px 0px 5px lime !important;
		padding-top: 0.5em;
	}
	#indicator-presentation .short-alert-display{
		border-left:2px solid red !important;
		border-bottom: 2px solid red !important;
		box-shadow: 0px 0px 5px red !important;
		padding-top: 0.5em;
	}

	@media only screen and (max-width: 1100px){
		#indicator-presentation {
		    width: 100%;
		    display: block;
		}

		#indicator-presentation #right-column{
			/*flex:1;*/
			margin:0em;
			position:relative;
			top:0;
			height: fit-content;
		}

		#indicator-presentation #left-column{
			/*flex:3;*/
		}

		#indicator-presentation .item-container > div {
			max-width: 100%;
		}

	}

	@media only screen and (max-width: 1400px){
		#indicator-presentation {
			max-width: 100%;
		}
	}