.bg-contact {
  background-image: url('../../../img/bg-contact.jpeg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 415px;
}

.bg-contact h2 {
  font-size: 3em;
}

p {
	font-size: 1.25em;
}

.policy {
	font-size: 13px;
}

@media (max-width: 575.98px) {
	body {border: 10px solid pink;}
	.bg-contact {
	  background-position: top right;
	}
	.col-sm-12.all-margin-xl-5 {
		margin: 0 !important;
		padding: 40px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	body {border: 10px solid orange;}
	.bg-contact {
	  background-position: top right;
	}
	.col-sm-12.all-margin-xl-5 {
		margin: 0 !important;
		padding: 40px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	body {border: 10px solid blue;}
	.bg-contact {
	  background-position: top right;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	body {border: 10px solid red;}
	.bg-contact {
	  background-position: top right;
	}
}

/* ===== Matrix Modal Style ===== */
.matrix-modal .modal-content {
  background-color: #000;
  color: #00ff41;
  font-family: "Consolas", "Lucida Console", monospace;
  border: 2px solid #00ff41;
  box-shadow: 0 0 15px #00ff41;
}

.matrix-modal .modal-header {
  border-bottom: 1px solid #00ff41;
}

.matrix-modal .modal-footer {
  border-top: 1px solid #00ff41;
}

.matrix-modal .modal-title {
  color: #00ff41;
}

.matrix-modal .btn-matrix {
  background-color: #000;
  color: #00ff41;
  border: 1px solid #00ff41;
  font-family: "Consolas", "Lucida Console", monospace;
}

.matrix-modal .btn-matrix:hover {
  background-color: #00ff41;
  color: #000;
}

.matrix-modal .matrix-continue {
  margin-top: 15px;
  font-size: 0.95rem;
  opacity: 0.85;
}

/* Blinking cursor */
.matrix-cursor::after {
  content: "▋";
  animation: blink 1s infinite;
  margin-left: 4px;
}

@keyframes blink {
  0%,50%,100% { opacity: 1; }
  25%,75% { opacity: 0; }
}