.sector-grid {
			display: grid;
			grid-template-columns: repeat(3, 420px);
			grid-gap: 20px;
		}

		.sector-card {
			width: 420px;
			height: 200px;
			perspective: 1000px;
		}

		.sector-card-inner {
			position: relative;
			width: 100%;
			height: 100%;
			transition: transform 0.8s;
			transform-style: preserve-3d;
		}

		.sector-card:hover .sector-card-inner {
			transform: rotateY(180deg);
		}

		.sector-card-front,
		.sector-card-back {
			position: absolute;
			width: 100%;
			height: 100%;
			backface-visibility: hidden;
			display: flex;
			justify-content: center;
			color: white;
			font-weight: bold;
			border-radius: 10px;
		}

		.sector-card-front {
			font-size: 20px;
			background-size: cover;
			background-position: center;
			align-items: last baseline;
		}

		.sector-card-back {
			font-size: 16px;
			background-color: #333;
			transform: rotateY(180deg);
			text-align: center;
			align-items: center;
		}

		.sector-card-title {
			background-color: #111;
			color: #eee;
			padding: 5px 20px 5px 20px;
			border-radius: 20px;
			margin-bottom: 5px;
		}

		.sector-card-01 {
			background-image: url('../images/sectors/military.jpg');
		}

		.sector-card-02 {
			background-image: url('../images/sectors/police.jpg');
		}

		.sector-card-03 {
			background-image: url('../images/sectors/government.jpg');
		}

		.sector-card-04 {
			background-image: url('../images/sectors/hospitality2.jpg');
		}

		.sector-card-05 {
			background-image: url('../images/sectors/leisure1.jpg');
		}

		.sector-card-06 {
			background-image: url('../images/sectors/port.webp');
		}

		.sector-card-07 {
			background-image: url('../images/sectors/identity.jpg');
		}

		.text-color-dark {
			color: #222;

		}

		.text-color-contrast {
			color: #000;

		}