.pricing_table_section {

    & .section_inner {
        width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
		& .text_area {
        	width: 100%;
		}
		
		& .table_area {
			width: 80rem;
			max-width: 100%;
			background: var(--light-green);
			margin: 5rem 0 0;
			border-radius: 2rem;
			
			& .tabs-wrapper {
				padding: 2rem;
			}

			& .tabs-nav {
				display: flex;
				justify-content: space-evenly;
				border-bottom: 1px solid #BBBBBB;
				margin-bottom: 2rem;

				& .tab-button {
					font-size: 2rem;
					font-weight: 700;
					color: var(--dark-green);
					background: none;
					border: none;
					padding: 2rem;
					text-transform: uppercase;
					cursor: pointer;
					border-bottom: 2px solid transparent;

					&.active {
						color: var(--black);
						border-bottom: 2px solid var(--black);
					}
				}
			}
			
			& .tabs-content {
				padding: 2rem;
				
				& .tab-panel {
					display: none;
					flex-direction: column;
					align-items: center;
					text-align: center;

					&.active {
						display: flex;
					}
					
					& p:not(:last-of-type) {
						margin-bottom: 2rem;
					}
					
					& b {
						font-weight: 700;
					}
				}
			}
		}
		
		@media (max-width: 768px) {
			& .table_area {
				margin: 3rem 1rem;

				& .tabs-nav {
					flex-direction: column;
					align-items: stretch;

					& .tab-button {
						font-size: 1.6rem;
						padding: 1.2rem;
						border-left: 4px solid transparent;
						border-bottom: none;
						text-align: left;

						&.active {
							border-left: 4px solid var(--black);
							background: rgba(0, 0, 0, 0.05);
						}
					}
				}

				& .tabs-content {
					padding: 1rem;

					& .tab-panel {
						font-size: 1.6rem;

						& p {
							font-size: 1.5rem;
							line-height: 1.5;
						}
					}
				}
			}
		}

		& .call_to_action_buttons {
            margin-top: 5rem;
            justify-content: center;
		}
    }
	
}