@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);body{font-family:Arial,sans-serif;margin:0;padding:0}.container-horo{padding:20px;border-radius:10px;text-align:left;color:#fff;animation:fadeIn 2s ease-in-out;display:grid;place-items:center}.form-container{width:70%;background:url('./images/bg-header\ \(1\).webp') no-repeat center center;background-size:cover;padding:30px;border-radius:10px;color:#000;position:relative;animation:slideIn 1s ease-in-out}.form-container input,.form-container select{margin-bottom:15px;transition:border-color 0.3s}.form-container input:focus,.form-container select:focus{border-color:#333}.form-container .btn{width:100%;background-color:#333;color:#fff;transition:background-color 0.3s}.form-container .btn:hover{background-color:#555}.form-container .terms{font-size:12px;color:#000}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.sec2{width:100%;height:90dvh!important;position:relative;margin:5rem 0rem}@media (max-width:786px){.sec2{height:200dvh!important}.container-sec2{height:200dvh!important}}@media (max-width:378px){.sec3{margin-top:6rem}}.container-sec2{width:100%;position:relative;display:flex;flex-wrap:wrap;height:50dvh!important}.left-panel{background:linear-gradient(to bottom,#f5d76e,#f7ca18);padding:20px;width:100%;color:#333;height:auto}.right-panel{background-color:#2c3e50;width:100%;height:auto;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;object-fit:contain;position:relative}.right-panel img{width:100%;height:100%}.right-panel .zodiac-sign{position:relative;font-size:50px;color:#f5d76e}.btn-group .btn{border-radius:20px;margin:0 5px}.highlight{color:#f39c12;font-weight:700}@media (min-width:768px){.left-panel{width:60%}.right-panel{width:40%}.container-sec2{height:20dvh}}@media (max-width:768px){.right-panel img{width:100%;height:100%;object-fit:cover}.right-panel{background-color:#2c3e50;width:100%;height:90dvh;display:flex;justify-content:center;align-items:center}}.sec3{width:100%;height:auto;position:relative}.zodiac-container{position:relative;width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px}.zodiac-item{text-align:center;margin:10px;cursor:pointer;padding:20px;border-radius:50%;background-color:#ff0;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.zodiac-item.active{background-color:#333;color:#fff}.zodiac-item span{font-size:14px;color:#666;font-weight:700}.zodiac-item.active span{color:#fff}.zodiac-content{display:none;text-align:left;margin-top:20px}.zodiac-content.active{display:block}@media (max-width:768px){.zodiac-item{width:60px;height:60px;padding:15px}.zodiac-item span{font-size:12px}br{display:none}}@media (max-width:576px){.swiper-container{width:100%;padding:20px 0}.swiper-slide{display:flex;justify-content:center}.zodiac-item{width:50px;height:50px;padding:10px}.zodiac-item span{font-size:10px}}.horoscope-container{display:flex;align-items:flex-start;padding:20px}.horoscope-icon{margin-right:15px;text-align:center}.horoscope-icon img{width:40px;height:40px}.horoscope-icon .rating{color:#8c8c00;font-weight:700;margin-top:5px}.horoscope-content{max-width:100%}.horoscope-content h5{font-weight:700;margin-bottom:10px}.horoscope-content p{margin:0}.card{border:none;border-radius:15px;box-shadow:0 4px 8px rgb(0 0 0 / .1);text-align:center;background:linear-gradient(to bottom,#f6d365,#fda085);color:#333;margin-bottom:20px;padding:2rem 0rem}.card img{border-radius:50%;width:80px;height:80px;margin-top:20px;display:block;margin-left:auto;margin-right:auto}.card-title{font-size:1.25rem;font-weight:700;margin-top:10px}.card-text{color:#666;margin-bottom:20px}.hr-1{height:3px;background:#000;color:#000;width:100%}