.quick-links-grid .modern .row {
	flex-direction: column;
	padding-top: 64px; 
	padding-bottom: 64px;

	& :is(.cell-lg-5, .cell-lg-7) {
		width: 100%
	}

	& .display_all_btn {
		margin-top: 20px;
		color: #4D758F;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; /* 30px */
		letter-spacing: 0.05px;	
		appearance: none;
		border: none;
		background: none;
		&:is(:hover, :focus) {
			text-decoration: underline;
		}
	}

	& .qlg-heading {
		padding: 0;
		text-align: center;
		max-width: 580px;
		margin: 0 auto;
		margin-bottom: 58px;
	}

	& .qlg-row {
		--gap: 16px;
		--columns: 3;
		display: flex;
		gap: var(--gap);
		flex-direction: row;
		padding: 0;
		
		@media (max-width: 991px) {
			--columns: 2;
		}
		
		@media (max-width: 600px) {
			--columns: 1;
		}
		
		& .cell-sm-6 {
			flex: 0 1 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
			width: auto;
			margin: 0;
			align-self: stretch;
			&.hidden {
				display: none;
			}
		}
		
		& a.qlg-box {
			& h3 { position: relative }
			& h3::after {
				content: '';
				display: inline-block;
				vertical-align: middle;
				width: 20px;
				height: 20px;
				mask-image: url('../../assets/images/webistry/arrow-up-right.svg');
				mask-size: cover;
				background-color: currentcolor;
				transform: translate(0, 0);
				transition: transform linear 0.25s;
				margin-top: -4px;
				margin-left: 4px;
				background-position: 50%;
			}
			&:is(:hover, :focus) h3::after {
				transform: translate(2px, -2px);
			}
		}
		
		& .qlg-box {
			transform: none;
			background-color: #F5F5F7;
			padding: 28px 32px;
			box-shadow: none;
			
			& .btn-link,
			&::before,
			&::after {
				display: none;
			}
			& h3 {
				color: #4D758F;
				font-size: 20px;
				font-weight: 600;
				line-height: 150%; /* 30px */
				letter-spacing: 0.05px;
				
				
				
			}
			& p {
				margin: 0;
				color: #77797E;
				font-size: 16px;
				font-style: normal;
				font-weight: 400;
				line-height: 145%; /* 23.2px */
				letter-spacing: -0.112px;
			}
		}

		& .qlg-content { padding: 0 }
	}
}