.dh-bg {
     background-color: #eee3cc !important;
 }

 .dh-header,
 .dh-header h1,
 h1 {
     font-family: 'Lora', serif;
 }


 .dh-header p {
     font-size: 1.1rem;
     color: #4f3b12;
 }

 .dh-body h2 {
     font-family: 'Lora', serif;
     margin-bottom: 20px;
 }

 .dh-body p {
     font-size: 1.1rem;
     color: #333;
 }

 .dh-head p {
     font-size: 1rem;
     padding: 0;
     margin: 0;
 }

 .birth-chart-form {
     background-color: #fff;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
 }

 .birth-chart-form input[type="text"],
 .birth-chart-form input[type="email"],
 .birth-chart-form select {
     border: none;
     border-bottom: 2px solid #ccc;
     padding: 10px;
     margin-bottom: 10px;
     border-radius: 0;
     outline: none !important;
     font-size: 1.1rem;
     box-shadow: none !important;
     color: #4f3b12;
     transition: all 0.6s ease;
 }


 .birth-chart-form input[type="text"]:focus,
 .birth-chart-form input[type="email"]:focus,
 .birth-chart-form select:focus {
     border-color: #754ffe;
 }



 .birth-chart-form button {
     font-family: 'Poppins', sans-serif;
     width: 100%;
     font-size: 1.1rem;
     font-weight: 600;
     padding: 10px 20px;
     border-radius: 5px;
 }

 .birth-chart-form label {
     font-size: 1.1rem;
     color: #4f3b12;
 }

 .birth-chart-form .form-title {
     font-size: 1rem;
     letter-spacing: 0.1rem;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
 }

 .bg-white {
     background-color: #fff !important;
 }

 .dh-body li {
     font-size: 1.1rem;
     color: #333;
 }

 .dh-body li .font-semibold {
     font-weight: 600;
 }

 .featured-created {
     font-size: 1.1rem;
     color: #754ffe;
     border-radius: 90px;
     background-color: #fff;
     padding: 10px 20px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
     text-align: center;
 }

 .featured-created span {
     font-weight: 600;
 }

 .featured-created-icon {
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .featured-created-icon img {
     height: 40px;
 }

 .tabulate {
     margin-bottom: 0px;
 }

 .category-type {
     font-size: 14px;
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
 }

.category-type {
    background-color: #DADADA;
    color: #444444;
    border:1px solid #444444;
}

 .badge-Fırsat {
     background-color: #DCF7FF;
     border: 1px solid #4AC2E3;
     color: #4AC2E3;
 }

 .badge-Uyarı {
     background-color: #FFE8DC;
     border: 1px solid #FE8C4F;
     color: #FE8C4F;
 }
 .badge-Öneri {
     background-color: #E3DCFF;
     border: 1px solid #754FFE;
     color: #754FFE;
 }

 .badge-Pozitif, .badge-pozitif {
     background-color: #E7F0DA;
     border: 1px solid #86B445;
     color: #86B445;
 }

 .badge-Negatif, .badge-negatif {
     background-color: #FFE8DC;
     border: 1px solid #FE8C4F;
     color: #FE8C4F;
 }
 .badge-Nötr, .badge-nötr {
    background-color: #DADADA;
    color: #666666;
    border:1px solid #666666;
 }

 .share-btn {
     text-align: center;
 }

 .share-btn .btn {
    border-radius: 90px;
 }

 h4 {
     font-size: 22px;
     margin-bottom: 16px;
 }

 table {
     width: 100%;
     border-radius: 6px;
     border: 1px solid #efe3cd;
     overflow: hidden;
     border-collapse: collapse;
     margin-bottom: 80px;
     font-size: 17px;
     font-family: 'Lora', serif;
 }

 th {
     background-color: #efe3cd;
     padding: 7px;
     text-align: left;
     color: #333;
     border-right: 1px solid #ffffff;
 }

 tr:nth-child(even) {
     background-color: #faf7f3;
     border-radius: 6px;
 }

 td {
     padding: 7px;
     border-right: 1px solid #ffffff;
 }

 .dh-chart-img {
     max-width: 600px;
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .dh-chart {
     text-align: center;
 }

 h4 {
     color: #a07320;
     font-family: 'Lora', serif;
 }

 .dh-body-wrapper {
     max-width: 800px;
     margin: 0 auto;
 }

 .bg-natal-read {
     background-image: url('../images/natal-read-bg-full.png');
     background-color: #fff;
     background-size: contain;
     background-position: center top;
     background-repeat: no-repeat;
 }

 .dh-head {
     text-align: center;
     margin-bottom: 20px;
     margin-top: 100px;
 }

 .natal-sun {
     position: absolute;
     width: 150px;
     height: 150px;
     left: 0;
     right: 0;
     margin: auto;
     top: 100px;
 }

 .sun-outside {
     width: 150px;
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 0px;
     animation: rotate 20s linear infinite;
 }


 .signs {
     margin-top: 20px;
 }

 .sign-item-wrapper {
     text-align: center;
     background: rgba(248, 235, 222, 0.6);
     border: 1px solid #feebd8;
     padding: 20px;
     border-radius: 12px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
 }

 .signs p {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 1.2rem;
    color: #795827;
 }

 .categories .natal-category-wrapper {
     background-color: #fff;
     padding: 20px;
     border-radius: 12px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
     border: 1px solid rgba(0, 0, 0, 0.1);
     min-height:250px;
     margin-bottom: 20px;
 }

 .categories .natal-category-wrapper img {
     width: 48px;
     height: 48px;
     margin-bottom: 20px;
 }

 .categories .natal-category-wrapper h2 {
     margin-bottom: 5px;
 }

 .categories .natal-category-wrapper p {
     font-size: 1rem;
     color: #444;
 }

 .natal-tables {
     margin-top: 40px;
 }

 .natal-tables table {
     margin-bottom: 50px;
 }

 @keyframes rotate {
     from {
         transform: rotate(0deg);
     }

     to {
         transform: rotate(360deg);
     }
 }

 .sun-inside {
     width: 40px;
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 58px;
     animation: float 6s ease-in-out infinite;
 }

 @keyframes float {
     0% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(5px);
     }

     100% {
         transform: translateY(0px);
     }
 }

.lottie-container {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}

.lottie-wrapper {
    width: 300px;
    height: 320px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.lottie-animation {
    width: 200px;
    height: 200px;
    margin: auto;
}



 @media (max-width: 768px) {
     .dh-chart-img {
         width: 100%;
     }
     .signs {
        padding: 0px 5px;
     }
     .sign-item-wrapper {
         margin-bottom: 20px;
     }
     .tabulate.cross_ref {
        overflow-x: scroll;
     }
     .dh-header {
        padding-top: 20px !important;
     }

     h1 {
        font-size: 28px !important;
     }
     .img-fluid-dh {
        display: none;
     }
 }


 .dh-header {
    padding-top: 120px !important;
 }