.price-table{
	max-width: 70%;
	@media screen and (max-width: 992px) { 
		max-width: 100%;
	}
	.info{
		text-align: center;
		font-size: 20px;
		line-height: 140px;
	}
	.table-responsive{
			box-shadow: 0px 0px 15px 5px  rgba(69, 65, 78, 0.1);
			// overflow: hidden;

			&.no-shadow{
				box-shadow: none;
				tr{
					border:none !important;
				}
				th{
					border:none !important;
				}
				th:nth-child(2){
					border-left:none !important;
				}
				&.is_stuck{
					th{
						border-left: 1px solid #d9d9d9 !important;
					}
					th:first-child{
						border-left:none !important;	
					}
				}
			}

	      	.h6{
		      display: block;
		      margin-top: 0px;
		      font-size: 11px;
		      font-style: italic;
		    }
		    .h3{
		    	font-size: 20px;
		    }
		.price{
			font-size:20px;
			font-weight: bold;
		    margin-bottom: 15px;
		}


		.color-1, 
		.color-2, 
		.color-3 { 
	      	h4,.h3,.h6,.price{
	        	color: var(--color-font); 
	        	font-weight: bold;
	      	}

		}
 

		table {
		    word-wrap: break-word;
		    border:none; 
		    margin: 0;
		    th{
		    	padding-left: 20px;
		    	i{
		    		float: right;
		    		margin-right: 5px;
		    	}
		    }
		    th,td{
		    	background: white;
		    	border:none; 
		    	border-left: 1px solid #d9d9d9;
		    }
		    tbody{
		    	tr{
			    	th,td{
			    		padding-top: 15px;
			    		padding-bottom: 15px;
			    		font-size: 16px;
			    	}
			    	td{
			    		color: var(--color-font);
			    		font-size: 16px;
			    		font-weight: bold;

			    	}
		    	}
		    }
		    	.column_active{
					background:  #f4f6fa !important;
				}
		    tfoot{
		    	td{
		    		padding-top: 20px;
		    		padding-bottom: 20px;
		    	}
		    	.h3, .h6{
		    		color: var(--color-font)
		    	}
		    }
		    .active {
		    	th{

			    	padding-top: 20px;
			    	padding-bottom: 20px;
			    	color: black;
			    	font-weight: bold;
			    	font-size:18px; 
			    	background: #f4f6fa ;


			    }
		    }
		}
		.text-sm {
		    font-size: 12px;
		}
		h4{
			margin-top: 20px;
		}
		.fa-check{
			color:limegreen
		}
		.btn-black{
			font-size: 14px;
		    background: white; 
		    color: var(--color-font);
			border:1px solid var(--color-font); 
			margin-bottom: 10px;
			padding: 8px 15px;
			&:hover{
				border-color:var(--color-primary); 
				background:var(--color-primary); 
			}
		 }
	}
}
	table.no-borders{
		margin-top: 10px;
		margin-bottom: 90px;
		border:none !important;
		*{
			border:none !important;
		}
	}


	.table-head{
		padding-top: 20px;
		padding-bottom: 20px;
		font-weight: bold;
		font-size:18px; 
		padding-left: 20px;    	
		border:none; 
		background: var(--color-primary) ;
		position: relative;
		border-left: 1px solid #d9d9d9;
		&:after{
		border-left: 1px solid #d9d9d9;
			content: '';
			background: white;
			transition: all .6s ease-in-out;
			position: absolute;
			top: 0px;
			right: 0;
			left: -1px;
			bottom: 100%;
		}
		 
	}

	.is-sticky{
		.table-head{
			&:after{
				top: -200px;
			}
		}
	}

.show-mobile{
	display: none;
}

@media screen and (max-width: 992px) { 
    .page-offres .offres{
    	.col-md-4{
			margin-bottom: 35px;
    	}
    }
	.hide-mobile{
		display: none;
	}

	.show-mobile{
		display: inline-block;
	}
}