.card{
	  	padding: 0;
      	position: relative;
      	max-width: 1000px;
      	margin-left: auto;
      	margin-right: auto;
      	background-color: #fffff;
      	box-shadow: rgb(128 128 128 / 35%) 0px 4px 6.84px;
      	-webkit-box-flex: 1;
      	-webkit-flex-grow: 1;
      	-ms-flex-positive: 1;
      	flex-grow: 1;
      	width: 100%;  
	  }

    .card-header {
      background-image: url('https://ccmshosting.com/wp-content/uploads/2022/01/ccms-hosting.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      height: 300px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .profile-images {
      position: relative;
      margin-top: 28%;
    }

    .middle {
      width: 175px;
      height: 175px;
      border-radius: 50%;
      border: 5px solid white;
    }

    .logo {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      position: absolute;
      left: 100%;
      top: 55%;
      transform: translate(-50%, -50%);
      border: 2px solid white;
    }

	.card-body {
      margin-top: 80px;    
    }

    .btn-custom {
      border-radius: 25px;
      padding: 10px 20px;
      margin: .5em;
    }

	/* Additional styles for modal */
    .modal-dialog {
      margin-top: 20%; /* Center the modal vertically */
    }

    .modal-content {
     /* background-color: #f0f0f0;  'Light grey background'
      border: 1px solid #007bff; Blue border' */
		background-color: #000000 !important;
		border: 1px solid #000000 !important;
		color: white;
		border-radius: 5% !important;
    }

    .modal-header {
     /* background-color: #007bff; /* Blue header
      color: white; /* White text */
		background-color: #000000 !important;
		border: 1px solid #000000 !important;
		color: white;
		border-top-left-radius: 25% !important;
		border-top-right-radius: 25% !important;
    }

		h5.card-title {
		  font-size: 3rem; /* Adjust this value as needed */
		}
		.btn-custom, p.card-title-subtitle, p.card-text {
		  font-size: 1rem; /* Adjust this value as needed */
		}	  


	@media (max-width: 999px) { /* Adjust for the width of large mobile devices */
		.card-header{
			background-size: cover;
			height: 200px;
		}
		.profile-images {
		  margin-top: 50%;
		}		
    }