@font-face {
  font-family: "AcuminVariableConcept";
  src: url('../fonts/AcuminVariableConcept.otf');
}
@font-face {
  font-family: "Madina";
  src: url('../fonts/Madina.otf');
}
:root {
    --theme-main-blue-color : hsla(210, 60%, 23%, 1);
    --theme-light-blue-color : hsla(223, 64%, 37%, 1);
    --theme-dark-blue-color : hsla(223, 97%, 14%, 1);
    --theme-main-black-color : hsla(0, 0%, 0%, 1);
    --theme-main-gray-color : hsla(0, 0%, 63%, 1);
    --theme-main-white-color : hsla(0, 0%, 100%, 1);
}
* {
    box-sizing: border-box;
}
html {
    min-height: 100%;
    position: relative;
}
body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: "AcuminVariableConcept";
    src: url('../fonts/AcuminVariableConcept.otf');
    font-size: 1.25rem;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'AcuminVariableConcept';
    font-weight: 500;
}

p{
  font-size: 21px;
}

.font-italic
{ font-style: italic !important;
  font-weight: bold;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

.silk-text{
  font-family: "Madina";
  src: url('../fonts/Madina.otf');
  font-weight: bold;
  font-size: 50px;
}

.silk-text-1{
  font-family: "Madina";
  src: url('../fonts/Madina.otf');
  font-weight: bold;
  font-size: 35px;
}

#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background: var(--theme-main-white-color);
  transition: all 0.3s ease-out;
  width: 100%;
  height: 100vh;
}

#preloader:before,
#preloader:after {
  content: "";
  position: absolute;
  border: 4px solid var(--theme-dark-blue-color);
  border-radius: 50%;
  animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
  animation-delay: -0.5s;
}

@keyframes animate-preloader {
  0% {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    opacity: 1;
  }

  100% {
    width: 72px;
    height: 72px;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    opacity: 0;
  }
}

.theme-bg {
       background-image: url(../img/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.text-red {
  color: #eb2c28;
}

.text-small {
  font-size: 12px;
}

.text-sans {
  font-family: 'Arial', sans-serif;
}

.text-400 {
  font-weight: 400;
}

.content-card, .content-card .card-body {
  border-radius: 12px;
}

.content-card .card-body {
  border: 3px solid #F0CB35;
}

.btn-blue {
  background: #EBA432;
  /* background: linear-gradient(90deg, rgba(24, 103, 177, 1) 8%, rgba(47, 57, 143, 1) 73%); */
  color: #fff;
  border: none;
}


.btn-blue:hover {
  color: #fff;
  background-color: #EBA432;
  border: none;
}

.wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.heart-image-area {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

.text-msg-area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width: 100%;
  max-width: 250px; */
}

.text-msg-area textarea {
  width: 500px;
  height: 250px;
}

.people-bg {
  background-image: url('../img/people-bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 430px) {
  .text-msg-area textarea {
    width: 188px;
        height: 120px;
  }
}

/* @media (max-width: 900px) {
  .text-msg-area textarea {
    width: 200px;
    height: 120px;
  }
} */

.card-header {
  border-bottom: none;
  background-color: transparent;
}

.login-card.card {
  border: 3px solid #F0CB35;
}

.content-card.card {
  border: none;
}

.card-header h5{
  color: #EBA432;
  font-size: 25px;
}

.custom-list {
    list-style-type: disc;
}

.custom-list li::marker {
    color: #CC342B;
    font-size: 1.9em; /* Adjust for size */
}

input.custom-check[type="checkbox"] {
  width: 30px; /* Desired width */
  height: 30px; /* Desired height */
}
