.numerology_wrapper h1 {
    font-size: 35px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.numerology_wrapper_inner {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 30px;
    flex-flow: column-reverse;
}
.numerology_fullStar {
    width: 100%;
    position: relative;
}
.numerology_form {
    width: 100%;
}
.inputs_fields label {
    font-size: 15px;
    display: block;
    line-height: 20px;
    color: #1e293b;
    margin-bottom: 3px;
}
.inputs_fields input, .inputs_fields select {
    width: 100%;
    color: #1e293b;
    font-size: 15px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px !important;
    height: 45px;
}
.inputs_fields input:focus, .inputs_fields select:focus {
	border: 1px solid #1e293b !important;
    outline: none;
}
.inputs_fields ._bdate_in {
    display: flex;
    align-items: center;
    gap: 15px;
}
.numerology_form .inputs_fields {
    display: flex;
    gap: 15px;
		flex-flow: row;
}
.numerology_form .inputs_fields .field.name {
    width: 25%;
}
.numerology_form .inputs_fields > .field.bdate {
    width: 50%;
}
.numerology_form .inputs_fields button {
    width: 25%;
    background: #445d9d;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    height: 45px;
    border-radius: 6px;
    margin-top: 22px;
}  
.numerology_fullStar .fullStar {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    min-height: 250px;
}
#showData #report1, #showData #report2, #showData #report3 {
    display: flex;
    gap: 30px;
}
#showData #report1 .item_data:first-child {
    width: 60%;
    background: #fff;
    box-shadow: 0px 0px 8px 0px #00000036;
    border-radius: 15px;
    padding: 40px;
}
#showData #report1 .item_data:last-child {
    width: 40%;
    background: #445d9d;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0px 0px 8px 0px #00000036;
}
#showData #report1  .c_item_top, #showData #report3  .c_item_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
#showData #report1 .item_data:first-child h2, #showData #report3 .item_data:first-child h2 {
    font-size: 35px;
    color: #445d9d;
    font-weight: bold;
    margin: 0;
}
#showData #report1 .item_data:first-child h3, #showData #report3 .item_data:first-child h3 {
    width: 60px;
    height: 60px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #445d9d;
    border-radius: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #445d9d;
}
#showData #report1 .item_data:first-child p, #showData #report3 .item_data:first-child p {
    font-size: 15px;
    color: #494949;
    line-height: 22px;
    margin: 0;
}
#showData #report1 .item_data:first-child .desc p, #showData #report3 .item_data:first-child .desc p {
    font-size: 16px;
    color: #445d9d;
    margin-bottom: 20px;
}
#showData #report1 .item_data:last-child h2 {
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    margin: 0;
}
#showData #report1 .item_data:last-child h3 {
    width: 60px;
    height: 60px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
#showData #report1 .item_data:last-child p {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
}
#showData #report1 .item_data:last-child .desc p {
    font-size: 16px;
    margin-bottom: 20px;
}
#showData #report2, #showData #report3 {
    margin-top: 30px;
}
#showData #report2 .item_data {
    width: 33.33%;
    background: #445d9d;
    padding: 20px;
    box-shadow: 0px 0px 8px 0px #00000036;
    border-radius: 15px;
}
#showData #report2 .item_data:nth-of-type(even) {
    background: #fff;
}
#showData #report2 .item_data p {
    color: #494949;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
}
#showData #report2 .item_data .desc p {
    margin-bottom: 20px;
}
#showData #report2 .item_data h2 {
    font-size: 25px;
    color: #445d9d;
    font-weight: bold;
    margin: 0;
}
#showData #report2 .item_data:nth-of-type(odd) h2, #showData #report2 .item_data:nth-of-type(odd) p {
    color: #fff;
}
#showData #report2 .item_data h3 {
    width: 60px;
    height: 60px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #445d9d;
    border-radius: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #445d9d;
}
#showData #report2 .item_data:nth-of-type(odd) h3{
	color: #fff;
	border: 1px solid #fff;
}
#showData #report2 .item_data .c_item_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
#showData #report3 .item_data:first-child {
    background: #fff;
    box-shadow: 0px 0px 8px 0px #00000036;
    border-radius: 15px;
    padding: 40px;
    width: 50%;
}
#showData #report3 .item_data:last-child {
    background-image: url('https://sielosraktas.lt/wp-content/uploads/2026/04/divine-img.png');
    border-radius: 15px;
    padding: 40px;
    width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#showData #report3 .item_data:last-child::after {
    position: absolute;
    content: '';
    background: #395e9a87;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 15px;
}
#showData #report3 .item_data:last-child .c_item_inner {
    position: relative;
    z-index: 1;
}
#showData #report3 .item_data:last-child h2 {
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    margin: 0;
}
#showData #report3 .item_data:last-child h3 {
    width: 60px;
    height: 60px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #ffff;
}
#showData #report3 .item_data:last-child p {
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    margin: 0;
}
#showData #report3 .item_data:last-child .desc p {
		margin-bottom: 20px;
		font-size: 16px;
}
.numerology_section #showData {
    margin-top: 50px;
}
.numerology_star_items #star-holder {
    position: unset;
    width: auto;
    height: auto;
    padding: 0;
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(7, 1fr);
}
.numerology_star_item {
    display: flex;
    flex-flow: column;
    gap: 10px;
    background: #cccccc;
    text-align: center;
    border: 1px dashed #000000;
    border-radius: 10px;
    padding: 10px 5px;
}
.numerology_star_item:has(.cat_star_item) {
    background: #445d9d;
    border: 1px dashed #ccc;
    cursor: no-drop;
    opacity: .5;
}
.numerology_star_item span {
    color: #fff;
    font-weight: 600;
    line-height: 22px;
}
.numerology_star_item span:first-child {
    font-size: 25px;
}
.numerology_star_item.nume_1,
.numerology_star_item.nume_10,
.numerology_star_item.nume_19,
.numerology_star_item.nume_28 {
  background: #f44336 !important;
}
.numerology_star_item.nume_2,
.numerology_star_item.nume_20 {
  background: #ff9800 !important;
}
.numerology_star_item.nume_3,
.numerology_star_item.nume_12, .numerology_star_item.nume_21, .numerology_star_item.nume_30 {
  background: #ffeb3b !important;
}
.numerology_star_item.nume_4,
.numerology_star_item.nume_13,
.numerology_star_item.nume_31 {
  background: #4caf50 !important;
}
.numerology_star_item.nume_5,
.numerology_star_item.nume_14,
.numerology_star_item.nume_23 {
  background: #48d1cc !important;
}
.numerology_star_item.nume_6,
.numerology_star_item.nume_15,
.numerology_star_item.nume_24 {
  background: #2196f3 !important;
}
.numerology_star_item.nume_7,
.numerology_star_item.nume_16,
.numerology_star_item.nume_25 {
  background: #6a0dad !important;
}
.numerology_star_item.nume_8,
.numerology_star_item.nume_17,
.numerology_star_item.nume_26 {
  background: #d000d0 !important;
}
.numerology_star_item.nume_9,
.numerology_star_item.nume_18,
.numerology_star_item.nume_27 {
  background: #ffc107 !important;
}
.numerology_star_item.nume_11,
.numerology_star_item.nume_29 {
  background: #9c27b0 !important;
}
.numerology_star_item.nume_22 {
  background: #3f51b5 !important;
}
.numerology_star_item span.cat_star_item {
    font-size: 18px;
    font-weight: normal;
}



@media(max-width: 767px){
	.numerology_wrapper h1 {
		font-size: 25px;
		margin-bottom: 20px;
	}	
	.numerology_fullStar, .numerology_form {
		width: 100%;
	}	
	.numerology_fullStar .fullStar {
		left: 50%;
		transform: translateX(-50%);
	}
	.numerology_form .inputs_fields button {
		width: 100%;
		margin-top: 12px;
	}	
	#showData #report1, #showData #report2, #showData #report3 {
		flex-flow: column;
	}
	#showData #report1 .item_data:first-child, #showData #report1 .item_data:last-child {
		width: 100%;
		padding: 30px 20px;
	}	
	#showData .item_data h2 {
		font-size: 25px !important;
	}
	#showData .item_data h3 {
		width: 50px !important;
		height: 50px !important;
		font-size: 25px !important;
	}
	#showData .item_data {
		width: 100% !important;
	}
	#showData #report3 .item_data {
		padding: 30px 20px !important;
	}	
	.numerology_form .inputs_fields {
		flex-flow: column;
	}	
	.numerology_form .inputs_fields .field.name, .numerology_form .inputs_fields > .field.bdate {
		width: 100%;
	}	
	.numerology_star_items #star-holder {
		grid-template-columns: repeat(3, 1fr);
	}	
	
	
}

