@media (min-width: 768px) {
  .container-no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}
@font-face {
  font-family: 'BeVietnamPro';
  src: url('../fonts/BeVietnamPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SpecialElite';
  src: url('../fonts/SpecialElite-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Pacifico';
  src: url('../fonts/Pacifico.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Poppins", sans-serif !important;
}

.body-background {
  margin: 0;
  height: 100vh;
  background: radial-gradient(
    circle at top, 
    rgba(79, 85, 96) 0%, 
    rgba(47, 54, 61) 15%, 
    rgba(26, 30, 31) 40%, 
    rgba(13, 14, 14) 100%
  );
  color: #1D1D21;
  background-attachment: fixed;
}

.body-background-img {
  /* background-image: url('../../assets/images/pma-global-line.svg'); */
  background-repeat: no-repeat;
  background-position: 110% 70%; /* Adjust these values as needed */
  background-size: 50vh auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
}

.landing-img {
  left: 5%;
  transform: translateY(75%);
}

.landing-img > h3{ 
  font-weight:400;
  font-size: 2.5rem;
  line-height: 1;
}

/*------------------------------------------------------------------
[digital-card]
------------------------------------------------------------------*/
.digital-card {
  /*
  background: linear-gradient(
    to bottom right, 
    rgba(0, 0, 0, 0.7) 0%, 
    rgba(255, 0, 0, 0.5) 50%, 
    rgba(0, 0, 255, 0.3) 100%
  );
  */
  background-color: black;
  border: none;
  border-radius: 15px;
}

.digital-card-body {
  color: rgb(112 112 112 / var(--tw-text-opacity));
  border-radius:  1rem;
  background-color: #f8f9fa;
} 

.digital-card-img {
  overflow: hidden; /* Ensure content does not overflow the rounded corners */
  background-color: black;
  z-index: 0;
  border-radius: inherit;
  border-radius:  0.85rem 0.85rem 0 0;
  /* box-shadow: 0 8px 15px rgba(13, 14, 14, 0.5); */
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 8rem;
}

.digital-card-img-con {
  width: 100%; /* or any specific width */
  padding-bottom: 100%; /* maintains square aspect ratio */
  position: relative;
}

.digital-card-img img {
  position: absolute;
  width: 80%;
  height: 80%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.digital-card-name {
  left: 0px;
  position: absolute;
  background: rgba(13, 14, 14);
  padding: 15px 20px;
  width: 75%;
} 
.digital-card-post {
  font-family: 'SpecialElite';
}
.digital-card-title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
}

.digital-card-subtitle {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  color: white;
}

.digital-card-line {
  padding: 10px 0;
}

.digital-card-table td {
  vertical-align: top;
  padding: 0.5rem;
} 

.digital-card-icon {
  width: 28px;
  height: 28px;   /* Ensure height is the same as width for a perfect circle */
  display: inline-flex;
  justify-content: center;
  align-items: center; /* Centers the icon vertically */
  border-radius: 50%; 
  border: 1px solid #f8f9fa; 
  background: linear-gradient(180deg, rgb(148, 201, 95), #68a12f);
  color: #f8f9fa;
}

.digital-card-dtl-text {
  vertical-align: middle;
  font-weight: 500;
}

.digital-card-button {
  background: linear-gradient(180deg, rgb(148, 201, 95), #68a12f);
  border-radius: 2rem;
  color: white;
  padding: 0.85rem;
  border: none;
  transition: all 0.3s ease-in-out; /* Smooth transition effect */
  
}

.digital-card-button:hover {
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); /* Add subtle shadow */
}

.digital-card-text {
  font-size: 16px;
  color: #6c757d;
}

.digital-card-footer {
  background-color: #f8f9fa;
  border-top: none;
  border-radius: 0 0 15px 15px;
}

.rounded-circle {
  min-width: 168px;
  width: 70%;
  border: 2px solid #ddd;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(229, 233, 16, 0.5), 0 0 15px #82c341;
  overflow: hidden; 
}

@keyframes pulse {
  0% {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5), 0 0 15px rgba(102, 0, 153, 0.6); /* Black and purple */
  }
  50% {
    box-shadow: 0 6px 12px rgba(255, 20, 147, 0.6), 0 0 16px rgba(0, 191, 255, 0.65); /* Pink and blue */
  }
  100% {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5), 0 0 15px rgba(102, 0, 153, 0.6); /* Black and purple */
  }
}

.fixed-logo {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}

.btn-theme {
  min-width: 300px;
  justify-content: center;
}