*,ul{padding:0}.blog-content h2::after,.blog-content h2::before,.blog-content h3::after{border-radius:2px;position:absolute;left:0;content:""}.AstrologersList .card,.btn-green,.btn-green:hover,.btn-theme,.category-nav-items ol:hover,.dropdown-menu li a{transition:.4s}*{margin:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background-color:var(--yellow);border-radius:10px;cursor:pointer}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #000;border-radius:10px}.astrologer-card,.astrologer-feature,.categories .card{box-shadow:0 1px 14px 0 #2b2b2b70}::-webkit-scrollbar-thumb:hover{background-color:var(--darkOrange)}
:root
{
	--orange:#fd7e14;
	--darkOrange:#d46001;
	--yellow:#d29400;
	--red:#f00;
	--white:#fff;
	--offWhite:rgb(248 249 250);
	--green:#34C105;--darkGreen:#258f01;--darkGrey:#454545;--lightGrey:#cecece;
	--grediant-color:linear-gradient(138deg, rgba(255, 204, 51, 1) 30%, rgba(253, 126, 20, 1) 100%);
	 --color-primary: #5C4033;      
    --color-primary-dark: #4A3329;
    --color-accent: #C19A6B;       
    --color-light: #FDF8F0;        
    --color-bg: #FAF7F2;
    --color-text: #3F2E22;
    --color-text-light: #6B5A4A;
    --color-border: #E8DFD4;
    --radius: 1.25rem;
    --shadow-sm: 0 4px 15px rgba(92, 64, 51, 0.08);
    --shadow-md: 0 10px 25px rgba(92, 64, 51, 0.12);

}


.mt-7rem{margin-top:7rem}.mt-9rem{margin-top:9rem}li{list-style:none}.blog-content{line-height:1.8;font-size:16px;color:#222}.bi-star-fill,.bi-star-half,.emotion .bi,.text-yellow,footer a:hover{color:var(--yellow)}.blog-content h2{position:relative;padding-bottom:10px;margin-top:30px;font-size:24px;font-weight:700}.blog-content h2::after{bottom:0;width:60px;height:4px;background:linear-gradient(to right,#ffb400,orange)}.blog-content h2::before{bottom:-6px;width:40px;height:2px;background:#ffc107}.blog-content h3{position:relative;padding-bottom:6px;margin-top:25px;font-size:20px;font-weight:600}.blog-content h3::after{bottom:0;width:40px;height:3px;background:linear-gradient(to right,#ffb400,orange)}.blog-content li,.home-demo,ul.form-stepper .form-stepper-circle{position:relative}.dropdown-menu li a:hover,.dropdown-menu li:hover{background-color:var(--orange)}.blog-content a{color:#007bff;text-decoration:underline;font-weight:500;transition:.3s}.blog-content a:hover{color:#0056b3;text-decoration:none}.blog-content ul{padding-left:15px;margin:0}.blog-content li{list-style:none;padding-left:15px;margin-bottom:12px;border-left:5px solid #ffb400;background-color:#fffbe6;border-radius:4px;padding-top:8px;padding-bottom:8px}h2,p{margin:0}.dropdown-menu{padding:5px}.dropdown-menu li{border-bottom:1px solid #f0f0f0}.dropdown-menu li a:hover{color:#fff;margin-left:5px;transition:.4s}a{text-decoration:none;color:var(--white)}.fs4{font-size:4.5rem}.text-orange{color:var(--orange)}.btn-theme{background:var(--grediant-color);border-radius:30px}.btn-outline-secondary{border-radius:0;padding:10px}.text-justify{text-align:justify}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--orange);border-color:var(--orange);border-radius:0;padding:10px}.btn-green,.btn-green:hover,.btn-theme:hover,footer{color:var(--white)}.btn-green{background-color:var(--green)}.btn-green:hover{background-color:var(--darkGreen);transform:scale(1.03)}.btn-theme:hover{background-color:var(--darkOrange);transform:scale(1.03);transition:.4s}.AstrologersList .card:hover,.action-btns button:hover,.astrologer-card:hover,.astromall-products .card:hover,.categories .card:hover{transition:.4s;transform:scale(1.02)}.top-nav{padding:13px 0}.Customer-review,.accordion-button:not(.collapsed),.astro-news,.bg-grediant-color,.modal-header,.trusted-platform,.understanding-astrology,button.accordion-button.collapsed,nav.navbar{background:var(--grediant-color)}.brand-logo-for-sm,.d-none,.open-categories-btn-for-sm,.signup-section .forgot{display:none}.hero{background-image:url(https://duastro.com/img/galaxy-stars-bg.webp);background-repeat:no-repeat;height:70vh;width:100%;background-size:cover;background-position:center;padding-top:3rem}.counter,.modal form a.btn{background:var(--grediant-color)}main.py-4{padding:0!important}.hero-video{width:80%;border-radius:10px}.hero iframe{width:100%;height:300px}.recharge-now{font-weight:500;font-size:20px}.astrologer-card{display:flex;justify-content:space-evenly;padding:10px;border-radius:7px;transition:.3s;cursor:pointer;margin-top:1rem}footer a,footer a:hover{transition:.5s}#multi-step-form-container,.counter{margin-top:3rem}.counter{padding:2rem}.astrologer-service .card{min-height:430px;max-height:430px}.astrologer-service .card-title,.card-body{border-bottom:2px solid var(--orange);padding:1rem}.astrologer-service .card-body{border-bottom:7px solid var(--orange)}.astrologer-service .card img{width:100%;margin:auto;object-fit:cover}.zodiac img{border-radius:50%;border:1px solid var(--orange);width:70px}.online-pooja .card-img-overlay{position:absolute;top:auto;right:0;bottom:0;left:0;padding:10px;backdrop-filter:brightness(0.5)}.vr2{width:3px;background:#fff;height:400px}.custom-card{background:#fff;color:#fff;border-radius:0 35px;border:1px solid #cecece}.sub-heading{letter-spacing:1px;word-spacing:0px;margin-bottom:1rem}.custom-card-body{padding:20px;color:#000}.blog .card{min-height:360px;max-height:360px}.blog .owl-carousel .owl-item img,.blog .owl-carousels .owl-item img{height:250px;object-fit:cover}.understanding-astrology #content-toggle{cursor:pointer;transition:.4s}.accordion-button::after{filter:invert(1)}.astro-content p{margin-bottom:1.5rem}.astro-content .card{width:80%;margin:auto;text-align:start}.astro-content .card ul{padding-left:2rem}.astro-content .card li{list-style:none;position:relative}.astro-content .card li:before{content:'=>';position:absolute;top:0;left:-20px;font-weight:600}.accordion-body{background:#fff;color:#000;font-weight:400;font-size:15px}footer a:hover{margin-left:5px}footer{background-color:var(--darkGrey);padding:3rem 0 0}footer h4{border-bottom:2px solid var(--yellow);width:fit-content}.owl-theme .custom-nav{position:absolute;top:20%;left:0;right:0}.owl-next,.owl-prev{position:absolute;height:100px;color:inherit;background:0 0;border:none;z-index:100}i.bi-chevron-left,i.bi-chevron-right{font-size:1.5rem}.owl-prev{left:0}.flating-download:hover,.owl-next{right:0}.owl-theme .owl-nav [class*=owl-]{color:#ffffff55;font-size:14px;height:35px;width:35px;border-radius:50%;background:#00000012}.owl-theme .owl-nav [class*=owl-]:hover{background:#00000089}.flating-download{position:fixed;right:-100px;z-index:9999;background:var(--orange);color:#fff;bottom:140px;padding:10px;border:none;outline:0;transition:.5s;font-weight:600;cursor:pointer;display:flex;animation:5s infinite mymove}.foating-btn-icon{width:32px;margin-right:8px;object-fit:contain;border-radius:100%}@keyframes mymove{0%{background:var(--darkGreen);color:var(--darkGrey)!important}25%{background:var(--darkOrange);color:var(--white)!important}50%{background:var(--red);color:var(--darkGrey)!important}75%{background:var(--yellow);color:var(--white)!important}100%{background:var(--darkGrey);color:var(--white)!important}}input[type=email],input[type=number],input[type=text]{border:none;border:1px solid var(--lightGrey);width:100%;padding:10px;font-size:14px;outline:0;border-radius:0 7px 7px 0}input::placeholder{color:var(--lightGrey)}.modal form a.btn{padding:10px 15px;border:none;font-size:14px;margin:auto;text-align:center;display:block;font-weight:600;border-radius:7px}.modal label[for=name]{display:inline-block;background:var(--lightGrey);padding:10px;border-radius:15px 0 0 15px;min-width:100px}.modal-dialog{max-width:800px;margin-right:auto;margin-left:auto}.modal img{width:100%;height:100%;object-fit:cover;border-radius:7px}.modal .btn-outline-secondary{border-radius:0;width:100px;padding:10px}@media only screen and (min-width:300px) and (max-width:500px){.navbar-brand{display:contents}.brand-logo-for-sm{display:block;filter:brightness(.1)}.astrologer-feature,.horoscrope-hero-contents img,.lucky-items-box .bi,.sm-d-none,.top-nav{display:none}.no-flex-wrap{flex-wrap:nowrap!important}.d-flex{flex-wrap:wrap}.mt-7rem{margin-top:0}.hero-video{width:100%;border-radius:10px}.hero{height:auto;padding:.6rem;background-image:none}.mt-9rem{margin-top:3rem}.card-for-sm{margin-top:0;box-shadow:0 1px 14px 0 #2b2b2b70;border-radius:7px}.astrologer-feature-box{max-width:75px}.icon{background-color:var(--yellow);width:60px;height:60px;border-radius:100%;display:grid;place-content:center;margin:auto}.counter{padding:10px}footer .col-lg-3{width:50%}body::-webkit-scrollbar{display:none}.horoscrope-hero-contents h4{font-size:16px}nav .cart-counter{left:-100%!important}section.counter h2{font-size:18px}section.counter h6{font-size:12px}section.counter .counter-group{gap:20px}section.instaAstro img{width:100%;height:100%;object-fit:cover}.horoscrope-hero-contents{flex-wrap:wrap;gap:20px;text-align:center;justify-content:center!important}iframe{width:100%}.hero .recharge-now{margin:15px 0}article.hero h2{margin-top:10px}.Customer-review{text-align:center}section.what-do-we-do img{width:100%!important}.horoscrope-hero-contents h1{text-align:center!important}section.your-dream-true img{width:100%;margin:0 0 15px!important}.dropdown-menu li a,.scrolling-nav .nav-pills .nav-link{font-size:14px}img.main-showing-img{object-fit:contain!important;max-height:40vh!important;min-height:40vh!important}.lucky-items-box{width:60px!important;padding:2px!important;font-size:13px}.zodiac img{width:50px}.zodiac p{font-size:10px}.tab-content>.tab-pane{margin-top:1rem}}@media only screen and (min-width:501px) and (max-width:979px){.astrologer-feature-for-sm,.horoscrope-hero-contents img{display:none}.mt-7rem{margin-top:13rem}.horoscrope-hero-contents h4{font-size:14px}nav .cart-counter{left:-100%!important}}@media only screen and (min-width:980px) and (max-width:1100px){a.nav-link{padding:8px!important;font-size:14px}.astrologer-feature-for-sm{display:none}}@media only screen and (min-width:1101px) and (max-width:1500px){a.nav-link{padding:8px 13px!important}.astrologer-feature-for-sm{display:none}}.hr2{width:100%;height:2px;margin:5px 0;background-color:#2a2a2a}.dotted-border-right-1{border-right:1px dotted var(--darkGrey)}.dotted-border-bottom-1{border-bottom:1px dotted var(--darkGrey)}.w-2{width:2px}.category-nav-items li,ol{color:var(--orange);padding:7px 0;transition:.4s;cursor:pointer;width:fit-content}.category-nav-items li:hover{transition:.4s;background:var(--grediant-color);color:var(--darkGrey);font-weight:500}.border-bottom-1{border-bottom:2px solid var(--orange)}.categories .card{transition:.4s}.categories-search{font-size:12px;background-color:var(--offWhite);border-radius:30px;padding:10px 10px 10px 40px}i.position-absolute.bi.bi-search{top:12px;left:15px}#scrollspyHeading3,.addCart-btn,.addCart-btn:hover,.bg-yellow,.faq,.get-in-touch{background-color:var(--yellow)}.form-stepper-horizontal,.form-stepper-horizontal li{display:-webkit-box;display:-ms-flexbox;position:relative}.dotted-border-left-1{border-left:1px dotted var(--darkGrey);padding:0 0 0 15px;height:100%}.blogopen-banner{max-height:250px;width:100%;margin:auto;text-align:center;object-fit:cover}.custom-card-head{background-color:#000;border-radius:0 35px 0 0;text-align:center;padding:7px;overflow:hidden}.callChat-hero{background-image:url(https://duastro.com/public/img/galaxy-stars-bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center;place-content:center;height:300px}.callChat-hero .para,.horoscrope-hero-contents h4{letter-spacing:2px;word-spacing:2px}.search-options input{font-size:1rem;border-radius:30px 0 0 30px;border:1px solid var(--orange);outline:0}.astromall-search button.btn,.search-options .btn{background-color:var(--orange);color:#fff;border-radius:0 30px 30px 0;font-size:12px}.search-options select{border:1px solid var(--orange);border-radius:30px}.AstrologersList .card .card-body{display:flex;gap:10px;padding:1rem;justify-content:space-between;align-items:end}.AstrologersList .card:hover{box-shadow:0 8px 12px #cecece}.AstrologersList .card .card-body p,.deliver-facilities small{font-size:12px}.best-consultant .card-header{background-color:var(--yellow);display:flex;gap:10px;align-items:center;justify-content:center}.best-consultant .card-body{padding:0 1rem}.best-consultant .card-body li{padding:7px 0;border-bottom:1px solid var(--lightGrey)}.cart .qty-box{display:flex;align-items:center;margin-top:10px;border:1px solid #cecece;width:100px;border-radius:30px;justify-content:space-between;background-color:var(--lightGrey)}.cart .qty-box button{width:30px;height:30px;border:none;border-radius:100%;background-color:var(--orange);color:#fff}.product-card:not(:last-child){margin-bottom:1rem;border-bottom:1px solid #cecece;padding-bottom:1rem}.cart .product-summary{position:sticky;top:20px}.connect-with-astrologer{background-color:var(--yellow);text-align:center;padding:3rem 0}.text-center,h1{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.pl-0{padding-left:0}.button{padding:.7rem 1.5rem;border:none;background-color:var(--orange);color:#fff;border-radius:5px;cursor:pointer}.form-stepper-horizontal li.form-stepper-completed:after,.submit-btn{background-color:#000}.submit-btn{border:none}.mt-3{margin-top:2rem}.form-step{border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:3rem}.font-normal{font-weight:400}ul.form-stepper{counter-reset:section;margin-bottom:3rem}ul.form-stepper .form-stepper-circle span{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.form-stepper-horizontal{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}ul.form-stepper>li:not(:last-of-type){margin-bottom:.625rem;-webkit-transition:margin-bottom .4s;-o-transition:margin-bottom .4s;transition:margin-bottom .4s}.form-stepper-horizontal>li:not(:last-of-type){margin-bottom:0!important}.form-stepper-horizontal li{display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-transition:.5s;transition:.5s}.form-stepper-horizontal li:not(:last-child):after{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;content:"";top:32%}.form-stepper-horizontal li:after{background-color:#dee2e6}.form-stepper-horizontal li:last-child{flex:unset}ul.form-stepper li a .form-stepper-circle{display:inline-block;width:40px;height:40px;margin-right:0;line-height:1.7rem;text-align:center;background:rgba(0,0,0,.38);border-radius:50%}.form-stepper .form-stepper-active .form-stepper-circle{background-color:var(--orange)!important;color:#fff}.form-stepper .form-stepper-active .label{color:#4361ee!important}.form-stepper .form-stepper-active .form-stepper-circle:hover{background-color:#4361ee!important;color:#fff!important}.form-stepper .form-stepper-unfinished .form-stepper-circle{background-color:#f8f7ff}.form-stepper .form-stepper-completed .form-stepper-circle{background-color:#000!important;color:#fff}.form-stepper .form-stepper-completed .label{color:#000!important}.form-stepper .form-stepper-completed .form-stepper-circle:hover{background-color:#0e9594!important;color:#fff!important}.form-stepper .form-stepper-active span.text-muted,.form-stepper .form-stepper-completed span.text-muted{color:#fff!important}.form-stepper .label{font-size:1rem;margin-top:.5rem}.form-stepper a{cursor:default}.astromall-products .card-img-overlay{position:absolute;right:0;top:auto;padding:6px!important;backdrop-filter:brightness(0.5);bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.astromall-products .customo-overlay{top:0;backdrop-filter:none;background:linear-gradient(138deg,#fc3 30%,#fd7e14 100%);height:fit-content;width:fit-content;font-size:12px;padding:2px!important;border-radius:0 16px 15px 0}.astromall-products .card{transition:.4s;cursor:pointer}.astromall-search{width:50%;margin-left:auto;display:flex;align-items:center}.astromall-search input{font-size:12px;border-radius:30px 0 0 30px;border:1px solid var(--orange);outline:0}.astromall-search input::placeholder{color:var(--orange)}.free-kundali{background-color:var(--yellow);padding:3rem}.free-kundali .card img{width:150px;margin:auto;min-height:140px;max-height:140px;object-fit:contain}.w-30{width:30%}.w-70{width:70%}.horoscrope-hero{background:linear-gradient(138deg,#fc3 30%,#fd7e14 100%);width:100%;padding:1rem 0}.horoscrope-hero-contents{display:flex;justify-content:space-between;align-items:center}.horoscrope-hero-contents img{animation:20s linear infinite spin;width:250px}.breadcrumb-item a{color:var(--dark)}.breadcrumb-item.active{color:var(--yellow)!important}@keyframes spin{100%{transform:rotate(360deg)}}#v-pills-tab{border:1px solid var(--lightGrey);padding:10px;border-radius:10px}.bg-light-danger,.bg-light-primary,.bg-light-yellow{padding:1rem;border-radius:10px;height:90px}#v-pills-tab .nav-link{color:var(--darkGrey);border-bottom:1px solid var(--lightGrey);border-radius:0;transition:.4s;text-align:left}#v-pills-tab .nav-link:hover{margin-left:5px;transition:.4s}.bg-light-danger{background-color:rgb(247 177 184)}.bg-light-yellow{background-color:#f7f1b1}.bg-light-primary{background-color:#b2b1f7}.red-dot,.yellow-dot{width:13px;height:13px;border-radius:50%;display:block}.red-dot{background-color:var(--red)}.yellow-dot{background-color:var(--darkGreen)}.lucky-items-box,.signup-section .hello,.signup-section .move,.signup-section .welcome{width:400px;text-align:center}.lucky-items-box{padding:5px;border-radius:10px}.love{border:1px solid var(--red);cursor:pointer}.butNow-btn,.butNow-btn:hover,.love:hover{background-color:var(--red);color:var(--white)}.love .bi{color:var(--red)}.health{border:1px solid var(--darkGrey);cursor:pointer}.health:hover{background-color:var(--darkGrey);color:var(--white)}.health .bi{color:var(--darkGrey)}.career{border:1px solid var(--orange);cursor:pointer}.career:hover{background-color:var(--orange);color:var(--white)}.career .bi{color:var(--orange)}.emotion{border:1px solid var(--yellow);cursor:pointer}.emotion:hover{background-color:var(--yellow);color:var(--white)}.travel{border:1px solid var(--darkGreen);cursor:pointer}.travel:hover{background-color:var(--darkGreen);color:var(--white)}.travel .bi{color:var(--darkGreen)}.lucky-item-decription{border:1px solid var(--red);border-radius:10px;padding:10px;max-height:148px;overflow-y:auto}@media only screen and (min-width:320px) and (max-width:500px){.open-categories-btn-for-sm{display:block;margin-left:auto;padding:1rem;cursor:pointer}.category-nav-items{display:none;position:absolute;right:0;z-index:9999;background-color:#fff;height:70vh;overflow-y:auto}.category-nav-items img{display:block;margin:auto}.categories-search{font-size:1rem;border:1px solid var(--darkOrange);margin-top:1rem}aside.dotted-border-left-1{margin-top:1rem}.reverse-wrap-sm{flex-wrap:wrap-reverse}.category-description{margin-top:3rem}.sm-flex-nowrap{flex-wrap:nowrap;margin-bottom:1rem}.sm-w-50{width:50%}.form-stepper-horizontal li:last-child{flex:1}.dotted-border-left-1{margin-bottom:1rem}.astromall-search,div#v-pills-tab,div#v-pills-tabContent{width:100%}.astromall-search button.btn,.astromall-search input{font-size:1rem}body,div#v-pills-tab{overflow-x:hidden}.sm-justify-center{justify-content:center}.sm-text-center{text-align:center}}.category-nav-items ol{display:flex;flex-wrap:wrap;width:100%}.border,.product-quantity button{display:grid;place-content:center}.category-nav-items li{padding:10px;width:100%;font-size:16px;color:var(--darkGrey)}.category-nav-items li a{font-weight:400;font-size:16px;color:#000;width:100%}li.category.active-orange{background:var(--orange);color:#fff;font-weight:600}.category-nav-items li:hover,.category-nav-items ol:hover{margin-left:0}.ms-3{margin-left:0!important}.categories .card:hover{transform:none}.kundali-result-page td,.kundali-result-page th{border:1px solid #cecece}.signup-section .bold{font-family:Montserrat,sans-serif;font-weight:700;font-size:25px}.signup-section .normal{font-family:'Darker Grotesque',sans-serif;font-weight:500;font-size:17px}.signup-section .welcome-text{color:var(--darkGrey);margin-top:100px}.signup-section .welcome{color:#fff;position:absolute;height:50%;z-index:30}.signup-section .hello{color:#fff;position:absolute;height:50%;right:0;z-index:30;display:none}.signup-section .move{height:100%;position:absolute;z-index:20;background:var(--grediant-color);transition:.4s;border-radius:10px 0 0 10px}@keyframes moving{0%{width:400px;transform:translate(0)}50%{width:550px;transform:translate(200px)}100%{width:400px;transform:translate(500px)}}@keyframes start{0%{width:400px;transform:translate(500px)}50%{width:550px;transform:translate(200px)}100%{width:400px;transform:translate(0)}}@keyframes startForm{0%{width:500px;transform:translate(0)}50%{width:650px;transform:translate(200px)}100%{width:500px;transform:translate(400px)}}@keyframes movingForm{0%{width:500px;transform:translate(400px)}50%{width:650px;transform:translate(200px)}100%{width:500px;transform:translate(0)}}.signup-section .moving{animation:.4s linear forwards moving;transition:.4s ease-out}.signup-section .movingForm{animation:.4s linear forwards movingForm;transition:.4s ease-out}.signup-section .start{animation:.4s linear forwards start;transition:.4s ease-out}.signup-section .startForm{animation:.4s linear forwards startForm;transition:.4s ease-out}.signup-section .p-button{animation-iteration-count:5;padding:12px 60px;color:#fff;font-size:14px;border-radius:25px;border:1px solid #fff;width:50%;position:absolute;left:0;right:0;margin:auto;top:60%;text-align:center;cursor:pointer;transition:.4s}.signup-section .p-button:hover{transition:.4s;background-color:rgba(0,0,0,.7)}.signup-section .login-container{height:450px;width:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px 7px #cecece;padding:0;border-radius:10px}.signup-section .text{width:60%;line-height:20px;margin:0 auto;color:var(--darkGrey)}.signup-section .icon{width:30px;height:30px;border:1px solid #d3d3d3;border-radius:50%;text-align:center;cursor:pointer;line-height:30px;display:inline-block}.signup-section .icon:hover{background-color:var(--darkGrey);color:#fff}.signup-section .light{color:#b2bec3}.signup-section .icons{margin-bottom:3rem}.signup-section .form{text-align:center;position:absolute;height:100%;transform:translate(400px);width:500px;background-color:#fff;border-radius:0 10px 10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.signup-section input{border:0;border-bottom:1px solid var(--orange);border-radius:0;margin-bottom:15px;padding:8px 5px;width:60%}.signup-section input::placeholder{color:var(--orange)}.signup-section .b-button{background:var(--grediant-color);padding:12px 60px;color:var(--darkGrey);font-weight:600;font-size:14px;border-radius:25px;border:none}.form-logo{width:130px;position:absolute;z-index:999;right:0}.online-pooja-list .card-img-overlay{position:absolute;right:0;top:auto;padding:0!important;backdrop-filter:brightness(0.5);bottom:0;left:0}.online-pooja-list .customo-overlay{top:0;backdrop-filter:none;background:linear-gradient(138deg,#fc3 30%,#fd7e14 100%);height:fit-content;width:fit-content;font-size:12px;padding:2px 5px!important;border-radius:0 16px 15px 0}.online-pooja-list .card-bottom{display:flex;justify-content:space-between;align-items:center;background-color:var(--white);color:#000;padding:6px;border-radius:0 0 4px 4px}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:100!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.border{border:1px solid var(--lightGrey);border-radius:50%;height:30px;width:30px;font-size:14px}.hr{height:2px;width:100%;background-color:var(--lightGrey)}.pooja-details{height:300px;width:100%;background:linear-gradient(138deg,#fc3 30%,#fd7e14 100%)}.payment-container{max-width:380px;margin:30px auto;overflow:hidden}.printer-top{z-index:1;border:6px solid #666;height:6px;border-bottom:0;border-radius:6px 6px 0 0;background:#333}.printer-bottom{z-index:0;border:6px solid #666;height:6px;border-top:0;border-radius:0 0 6px 6px;background:#333}.paper-container{position:relative;overflow:hidden;height:467px}.paper{background:#fff;height:421px;position:absolute;z-index:2;margin:-12px 12px 0;animation:1.8s cubic-bezier(.68,-.55,.265,.9) print;-moz-animation:1.8s cubic-bezier(.68,-.55,.265,.9) print}.main-contents{margin:0 12px;padding:24px}.jagged-edge{position:relative;height:20px;width:100%;margin-top:-1px}.jagged-edge:after{content:"";display:block;position:absolute;left:0;right:0;height:20px;background:linear-gradient(45deg,transparent 33.333%,#fff 33.333%,#fff 66.667%,transparent 66.667%),linear-gradient(-45deg,transparent 33.333%,#fff 33.333%,#fff 66.667%,transparent 66.667%);background-size:16px 40px;background-position:0 -20px}.success-icon{text-align:center;font-size:48px;background:#359d00;border-radius:50%;width:72px;height:72px;margin:18px auto;color:#fff}.success-title{font-size:22px;text-align:center;color:#666;font-weight:700;margin-bottom:16px}.success-description{font-size:15px;line-height:21px;color:#999;text-align:center;margin-bottom:24px}.order-details .order-number-label,.order-footer{font-size:18px;margin-bottom:8px}.order-details{text-align:center;color:#333;font-weight:700}.order-details .order-number{border-top:1px solid #ccc;border-bottom:1px solid #ccc;line-height:48px;font-size:18px;padding:8px 0;margin-bottom:24px}.order-footer{text-align:center;line-height:18px;font-weight:700;color:#999}.product-quantity small,.readMore-btn,a.nav-link{font-weight:500}@keyframes print{0%{transform:translateY(-90%)}100%{transform:translateY(0)}}@-webkit-keyframes print{0%{-webkit-transform:translateY(-90%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes print{0%{-moz-transform:translateY(-90%)}100%{-moz-transform:translateY(0)}}@-ms-keyframes print{0%{-ms-transform:translateY(-90%)}100%{-ms-transform:translateY(0)}}.product-imgs-group::-webkit-scrollbar{width:7px;height:7px}.product-imgs-group::-webkit-scrollbar-thumb{background-color:var(--yellow);border-radius:10px;cursor:pointer}.product-imgs-group::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #000;border-radius:10px}.product-imgs-group::-webkit-scrollbar-thumb:hover{background-color:var(--darkOrange)}img.main-showing-img{max-height:80vh;min-height:80vh;object-fit:cover}.product-imgs{height:70px;width:100px;object-fit:cover;cursor:pointer}.product-imgs-group{overflow-x:auto;white-space:nowrap}img.product-imgs.show{filter:brightness(.3)}.product-quantity{display:flex;align-items:center;gap:12px}.check-delivery,.produtDetails-section .para{align-items:center;display:flex}.product-quantity button{background-color:var(--yellow);border-radius:100%;border:none;width:20px;height:20px}.action-btns{display:flex;gap:10px}.action-btns button{border:none;padding:10px;width:40%;transition:.4s}.check-delivery input{border-bottom:1px solid var(--lightGrey)!important;border:none;font-size:12px;padding:10px;outline:0}.check-delivery button{background:var(--orange);border:none;color:#fff;padding:10px;font-size:12px;white-space:nowrap}.deliver-facilities{display:flex;justify-content:space-between}.produtDetails-section .para{padding:10px;gap:20px;margin-top:2rem;background-color:#fff0f0;box-shadow:0 9px 10px #2b2b2b70}.readMore-btn{background:0 0;border:none;color:var(--orange)}.video-section{background:linear-gradient(138deg,#fc3 30%,#fd7e14 100%);height:400px;display:flex;align-items:center}.icon-container,.scroll_top .icon,.step{display:grid;place-content:center}.scrolling-nav #navbar-example2{position:sticky;top:0;width:100%;z-index:2}.scrolling-nav .nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius);color:#000;font-weight:500;text-transform:uppercase}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--black);background-color:var(--white)}.scrolling-nav .carousel-item{background-color:var(--darkGrey);height:300px;width:100%}.review-card{background-color:var(--white);padding:2rem;box-shadow:0 9px 10px #2b2b2b70;margin-top:1rem}.cards-group{background:linear-gradient(138deg,#fc3 30%,#fd7e14 100%)}.step{border-radius:100%;border:1px solid var(--darkGrey);background-color:var(--yellow);height:100px;min-width:100px}.happy-customers .carousel-indicators{margin-bottom:-1rem;filter:brightness(.5)}.review-cards-group{background:var(--yellow)}.review-card{position:relative;height:fit-content;background:0 0;box-shadow:none;border:4px solid var(--white);border-radius:34px}.bi-quote{position:absolute;top:-19px;left:-7px;width:42px;font-size:2rem;background:#ffcc34}#testimonial_section .card{min-height:452px}#testimonial_section .card .card-body{max-height:391px;overflow-y:auto;overflow-x:hidden}.fixed-bottom{padding:15px;text-align:center;width:65%;margin:auto;border-radius:50px}.fixed-bottom button{background:var(--grediant-color);padding:10px 40px;color:var(--dark);border:3px solid #000;border-radius:10px;font-size:20px}.form-select,input.form-control,textarea.form-control{background-color:var(--lightGrey);font-size:14px}.category-nav-items li,ol{padding-left:1rem}@keyframes move{0%{background:var(--darkGreen);color:var(--darkGrey)!important;transform:translateX(0)}25%{background:var(--darkOrange);color:var(--white)!important}50%{background:var(--red);color:var(--darkGrey)!important;transform:translate(50px)}75%{background:var(--yellow);color:var(--white)!important}100%{background:var(--darkGrey);color:var(--white)!important;transform:translate(0)}}input.form-control,textarea.form-control{border:none;outline:0;padding:10px}.form-control::placeholder{color:var(--darkGrey)}.tell-us .card{margin-top:1rem;background-color:var(--offWhite);padding:1rem;box-shadow:0 1px 14px 0 #2b2b2b70}input[type=text]{border-radius:7px}#v-pills-tab .nav-link.active{background:var(--yellow);color:var(--black);background:var(--orange);color:var(--white);border-radius:5px}h5{margin-bottom:0}.kundali-result-page .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type:#FFBC4D;padding:5px;font-size:14px}nav .dropdown-submenu .dropdown-menu{top:0;left:100%;margin-left:.1rem;margin-top:-.5rem}iframe{border:3px solid var(--darkOrange)!important;border-radius:7px!important}.icon-container{background:var(--orange);color:#fff;width:60px;height:60px;border-radius:100%;margin:15px auto}.sticky-bottom{z-index:1!important}.scroll_top{position:fixed;bottom:20px;z-index:9999;right:20px}.card-img{max-height:155px;min-height:155px;object-fit:cover;margin-bottom:10px}.scroll_top .icon{color:var(--yellow);height:40px;width:40px;background:#000;border-radius:50%;animation:5s linear infinite upDown}.scroll_top .icon::before{font-weight:700!important}@keyframes upDown{0%,100%{transform:translateY(0)}50%{transform:translateY(15px)}}@media only screen and (min-width:1024px){.kundali-result-page aside.cartegory-scroll{position:sticky;overflow-y:auto;height:84vh;top:80px}li.category{padding:0}.category-nav-items li a{padding:10px;display:block}section.categories.kundali-result-page{margin-top:5rem}}@media only screen and (max-width:500px){.fixed-bottom button{padding:10px;font-size:14px;font-weight:600}section.categories.kundali-result-page .cartegory-scroll{margin-bottom:4rem}}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


    footer a {
        transition: all 0.5s;
        color: #fff;
        text-decoration: none;
    }
    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
/* ================= MODAL STYLES ================= */
.modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9999; justify-content: center; align-items: center; padding: 15px; overflow-y: auto; }
.modal-content { background: #1a1a2e; color: #fefefe; width: 360px; max-width: 95%; padding: 30px 25px; border-radius: 16px; text-align: center; box-shadow: 0 15px 40px rgba(0,0,0,0.35); animation: popupFade 0.3s ease-out; position: relative; }
@keyframes popupFade { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.modal-content h3 { font-size: 1.6rem; font-weight: 700; margin-bottom: 20px; color: #fbbf24; }
.btn { border: none; border-radius: 50px; padding: 12px 25px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; margin: 8px 0; width: 100%; }
.btn-primary { background: linear-gradient(90deg, #fbbf24, #f59e0b); color: #1a1a2e; box-shadow: 0 6px 20px rgba(251,191,36,0.5); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(251,191,36,0.7); }
.btn-secondary { background: #374151; color: #fefefe; }
.btn-secondary:hover { background: #4b5563; }
.btn-close1 { background: transparent; color: #fbbf24; font-weight: 600; margin-top: 15px; }
.modal-content input { width: 100%; padding: 12px 15px; margin: 10px 0; border-radius: 12px; border: 2px solid #374151; background: #1f2937; color: #fefefe; font-size: 1rem; transition: all 0.3s ease; }
.modal-content input:focus { border-color: #fbbf24; outline: none; box-shadow: 0 0 10px rgba(251,191,36,0.5); }
.otp-inputs { display: flex; justify-content: space-between; margin: 15px 0; }
.otp-box { width: 45px; height: 55px; font-size: 24px; text-align: center; border: 2px solid #374151; border-radius: 12px; background: #1f2937; color: #fefefe; transition: all 0.2s; }
.otp-box:focus { border-color: #fbbf24; box-shadow: 0 0 12px rgba(251,191,36,0.6); outline: none; }
#otpMessage { font-size: 0.95rem; min-height: 5px; margin-top: 5px; color: #fbbf24; }
@media(max-width:480px){ .modal-content{ width:95%; padding:25px 15px; } .otp-box{ width:38px; height:48px; font-size:20px; } .modal-content h3{ font-size:1.4rem; } .btn{ padding:10px 20px; font-size:0.95rem; } }


.modal.show { display: flex; }
.step-visible { display: block; }
.step-hidden { display: none; }

.btn { 
    border: none; 
    border-radius: 50px; 
    padding: 12px 25px; 
    font-weight: 600; 
    cursor: pointer; 
    transition: all 0.3s ease; 
    margin: 8px 0; 
    width: 100%;      /* <-- this makes it full width */
}

.modal-content .btn {
    width: auto;             /* fit content */
    min-width: 120px;        /* optional: minimum size */
    padding: 10px 20px;      /* adjust smaller padding */
    font-size: 1rem;         /* smaller text */
}

.modal-content .btn-primary {
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
    color: #1a1a2e;
    box-shadow: 0 4px 12px rgba(251,191,36,0.5);
}

.modal-content .btn-secondary {
    background: #374151;
    color: #fefefe;
}
.modal-content .btn-close1 {
    width: auto;
    padding: 8px 16px;
    font-weight: 600;
    background: transparent;
    color: #fbbf24;
    margin-top: 15px;
}


    /* Banner Section */
    .banner {
      min-height: 500px;
      background: linear-gradient(138deg, #FFCC33 30%, #FD7E14 100%);
      color: #1A1A1A;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }

    /* Content Styling */
    .content {
      text-align: center;
      max-width: 1000px;
      padding: 20px;
      position: relative;
      z-index: 10;
    }

    .content h1 {
      font-size: 48px;
      font-weight: bold;
      margin-bottom: 16px;
    }

    .content h2 {
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 24px;
    }

    .content p {
      font-size: 20px;
      margin-bottom: 32px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }

    /* CTA Buttons */
    .cta-buttons {
      display: flex;
      justify-content: center;
      gap: 16px;
      margin-bottom: 32px;
    }

    .cta {
      padding: 12px 24px;
      font-size: 16px;
      font-weight: 600;
      border-radius: 9999px;
      text-decoration: none;
      transition: background-color 0.3s, color 0.3s;
    }

    .cta-primary {
      background: #FFFFFF;
      color: #FD7E14;
    }

    .cta-primary:hover {
      background: #F0F0F0;
    }

    .cta-secondary {
      background: transparent;
      border: 2px solid #1A1A1A;
      color: #1A1A1A;
    }

    .cta-secondary:hover {
      background: #FFFFFF;
      color: #FD7E14;
    }

    /* Stats */
    .stats {
      display: flex;
      justify-content: center;
      gap: 32px;
      font-size: 16px;
      font-weight: 600;
    }

    /* Animations */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .content h1 { font-size: 36px; }
      .content h2 { font-size: 24px; }
      .content p { font-size: 16px; }
      .cta { padding: 10px 20px; font-size: 14px; }
      .stats { gap: 16px; }
    }

    @media (max-width: 640px) {
      .planet { display: none; }
      .banner { min-height: 400px; }
      .cta-buttons { flex-direction: column; align-items: center; gap: 12px; }
    }

      /* Selection Section */
    .selection-section {
      padding: 60px 20px;
      background: #FFF5E6; /* Light cream derived from gradient for ethical feel */
      color: #1A1A1A;
      text-align: center;
    }

    .selection-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
    }

    .selection-section .subheading {
      font-size: 18px;
      margin-bottom: 32px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }

    .selection-form {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 16px;
      max-width: 800px;
      margin: 0 auto 32px;
    }

    .dropdown-container {
      flex: 1;
      min-width: 200px;
    }

    select {
      width: 100%;
      padding: 12px;
      font-size: 16px;
      border: 2px solid #FFCC33;
      border-radius: 8px;
      background: #FFFFFF;
      color: #1A1A1A;
      outline: none;
      transition: border-color 0.3s;
    }

    select:focus {
      border-color: #FD7E14;
    }

    .cta-button {
      padding: 12px 24px;
      font-size: 16px;
      font-weight: 600;
      border-radius: 9999px;
      background: #FD7E14;
      color: #FFFFFF;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .cta-button:hover {
      background: #E06B12;
    }

    .cta-button:disabled {
      background: #CCCCCC;
      cursor: not-allowed;
    }

    .description {
      font-size: 16px;
      line-height: 1.6;
      max-width: 700px;
      margin: 0 auto;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .selection-section h2 { font-size: 28px; }
      .selection-section .subheading { font-size: 16px; }
      .selection-form { flex-direction: column; align-items: center; }
      .dropdown-container { width: 100%; }
      .description { font-size: 14px; }
    }

    @media (max-width: 640px) {
      .selection-section { padding: 40px 16px; }
      select { font-size: 14px; }
      .cta-button { font-size: 14px; padding: 10px 20px; }
    }
    /* Services Section */
    .services-section {
      padding: 60px 20px;
      background: linear-gradient(138deg, #FFCC33 30%, #FD7E14 100%);
      color: #1A1A1A;
      text-align: center;
    }

    .services-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
    }

    .services-section h2 span {
      color: #FD7E14; /* Accent color from gradient */
    }

    .services-section .subheading {
      font-size: 18px;
      font-style: italic;
      margin-bottom: 32px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .service-card {
      background: #FFFFFF;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s, box-shadow 0.3s;
      text-decoration: none;
      color: #1A1A1A;
    }

    .service-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

    .service-card img {
      width: 100%;
      height: 150px;
      object-fit: cover;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }

    .service-card-body {
      padding: 16px;
    }

    .service-card h5 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 8px;
    }

    .service-card p {
      font-size: 14px;
      line-height: 1.5;
      color: #4A4A4A;
    }

    /* Responsive Design */
    @media (max-width: 1200px) {
      .services-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }

    @media (max-width: 992px) {
      .services-grid {
        grid-template-columns: repeat(3, 1fr);
      }
      .services-section h2 { font-size: 32px; }
      .services-section .subheading { font-size: 16px; }
    }

    @media (max-width: 768px) {
      .services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .services-section { padding: 40px 16px; }
    }

    @media (max-width: 576px) {
      .services-grid {
        grid-template-columns: 1fr;
      }
      .service-card img { height: 120px; }
      .service-card h5 { font-size: 16px; }
      .service-card p { font-size: 13px; }
    }
    /* Zodiac Section */
    .zodiac-section {
      padding: 60px 20px;
      background: #FFF5E6; /* Light cream derived from gradient for ethical feel */
      color: #1A1A1A;
      text-align: center;
    }

    .zodiac-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
    }

    .zodiac-section h2 span {
      color: #FD7E14; /* Accent color from gradient */
    }

    .zodiac-section .subheading {
      font-size: 18px;
      font-style: italic;
      margin-bottom: 16px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }

    .zodiac-section .description {
      font-size: 16px;
      line-height: 1.6;
      max-width: 700px;
      margin: 0 auto 32px;
    }

    .zodiac-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .zodiac-card {
      background: #FFFFFF;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s, box-shadow 0.3s;
      text-decoration: none;
      color: #1A1A1A;
    }

    .zodiac-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

    .zodiac-card img {
      width: auto;
      height: 100px;
      object-fit: cover;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }

    .zodiac-card-body {
      padding: 12px;
    }

    .zodiac-card h5 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 4px;
    }

    .zodiac-card p {
      font-size: 12px;
      color: #4A4A4A;
    }

    /* Responsive Design */
    @media (max-width: 1200px) {
      .zodiac-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }

    @media (max-width: 768px) {
      .zodiac-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .zodiac-section h2 { font-size: 32px; }
      .zodiac-section .subheading { font-size: 16px; }
      .zodiac-section .description { font-size: 14px; }
    }

    @media (max-width: 576px) {
      .zodiac-section { padding: 40px 16px; }
      .zodiac-card img { height: 80px; }
      .zodiac-card h5 { font-size: 14px; }
      .zodiac-card p { font-size: 11px; }
    }

     /* Milestones Section */
    .milestones-section {
      padding: 60px 20px;
      background: linear-gradient(138deg, #FFCC33 30%, #FD7E14 100%);
      color: #1A1A1A;
      text-align: center;
    }

    .milestones-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
    }

    .milestones-section h2 span {
      color: #FFFFFF; /* White for contrast against gradient */
    }

    .milestones-section .milestones-subheading {
      font-size: 18px;
      font-style: italic;
      margin-bottom: 32px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      color: #FFFFFF;
    }

    .milestones-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .milestone-item {
      flex: 1;
      min-width: 150px;
      background: rgba(255, 255, 255, 0.9); /* Semi-transparent white for contrast */
      border-radius: 12px;
      padding: 20px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .milestone-item:hover {
      transform: scale(1.05);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    }

    .milestone-item h4 {
      font-size: 28px;
      font-weight: 900; /* Extra bold for desktop */
      color: #FD7E14;
      margin-bottom: 8px;
    }

    .milestone-item p {
      font-size: 14px;
      color: #1A1A1A;
      font-weight: 500;
    }

    /* Counter Animation */
    .milestone-counter {
      display: inline-block;
      opacity: 0;
      transform: translateY(20px);
    }

    .milestone-counter.visible {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    /* Responsive Design */
    @media (max-width: 992px) {
      .milestones-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
      }
      .milestones-section h2 { font-size: 32px; }
      .milestones-section .milestones-subheading { font-size: 16px; }
      .milestone-item h4 { font-size: 22px; } /* Smaller but still bold */
      .milestone-item p { font-size: 13px; }
    }

    @media (max-width: 576px) {
      .milestones-section { padding: 40px 16px; }
      .milestones-row { grid-template-columns: 1fr; }
      .milestone-item h4 { font-size: 20px; }
      .milestone-item p { font-size: 12px; }
    }
 
    /* Expertise Section */
    .expertise-section {
      padding: 60px 20px;
      background: #FFF5E6;
      color: #1A1A1A;
      text-align: center;
    }

    .expertise-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
      color: #000;
    }

    .expertise-section h2 span {
      color: orange; /* Dark for contrast */
    }

    .expertise-section .expertise-subheading {
      font-size: 18px;
      font-style: italic;
      margin-bottom: 16px;
      color: #000;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }

    .expertise-section .expertise-description {
      font-size: 16px;
      line-height: 1.6;
      max-width: 800px;
      margin: 0 auto 32px;
      color: #000;
    }

    .expertise-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .expert-card {
      background: rgba(255, 255, 255, 0.9); /* Semi-transparent white for contrast */
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      transition: transform 0.3s, box-shadow 0.3s;
      opacity: 0;
      transform: translateY(30px);
    }

    .expert-card.visible {
      opacity: 1;
      transform: translateY(0);
    }

    .expert-card:hover {
      transform: scale(1.05);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.8);
    }

    .expert-card img {
      width: 100%;
      height: 150px;
      object-fit: cover;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }

    .expert-card-body {
      padding: 16px;
    }

    .expert-card h5 {
      font-size: 18px;
      font-weight: 600;
      color: #FD7E14;
      margin-bottom: 8px;
    }

    .expert-card p {
      font-size: 14px;
      color: #1A1A1A;
      line-height: 1.5;
    }

    /* Responsive Design */
    @media (max-width: 1200px) {
      .expertise-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 768px) {
      .expertise-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .expertise-section h2 { font-size: 32px; }
      .expertise-section .expertise-subheading { font-size: 16px; }
      .expertise-section .expertise-description { font-size: 14px; }
      .expert-card img { height: 120px; }
      .expert-card h5 { font-size: 16px; }
      .expert-card p { font-size: 13px; }
    }

    @media (max-width: 576px) {
      .expertise-section { padding: 40px 16px; }
      .expertise-grid { grid-template-columns: 1fr; }
    }

    /* News Section */
    .news-section {
      padding: 10px 5px;
      background: linear-gradient(138deg, #FFCC33 30%, #FD7E14 100%);
      text-align: center;
    }

    .news-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
      color: #1A1A1A;
    }

    .news-section h2 span {
      color: #FD7E14; /* Accent from gradient */
    }

    .news-section .news-subheading {
      font-size: 18px;
      font-style: italic;
      margin-bottom: 32px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      color: #1A1A1A;
    }

    .news-carousel {
      max-width: 1200px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
    }

    .news-carousel-track {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .news-logo {
      flex: 0 0 calc(100% / 6); /* 6 logos per row on desktop */
      padding: 10px;
      box-sizing: border-box;
    }

    .news-logo img {
      width: 100%;
      max-width: auto;
      height: 180px;
      object-fit: contain;
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.9); /* Semi-transparent white for contrast */
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .news-logo img:hover {
      transform: scale(1.1);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    /* Navigation Buttons */
    .news-carousel-nav {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-top: 20px;
    }

    .news-carousel-btn {
      background: #FD7E14;
      color: #FFFFFF;
      border: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      font-size: 20px;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .news-carousel-btn:hover {
      background: #E06B12;
    }

    .news-carousel-btn:disabled {
      background: #CCCCCC;
      cursor: not-allowed;
    }

    /* Responsive Design */
    @media (max-width: 992px) {
      .news-logo {
        flex: 0 0 calc(100% / 4); /* 4 logos per row */
      }
    }

    @media (max-width: 768px) {
      .news-logo {
        flex: 0 0 calc(100% / 3); /* 2 logos per row */
      }
      .news-section h2 { font-size: 32px; }
      .news-section .news-subheading { font-size: 16px; }
      .news-logo img { max-width: auto; height: 180px; }
    }

    @media (max-width: 576px) {
      .news-section { padding: 40px 16px; }
      .news-logo { flex: 0 0 calc(100% / 3); }
      .news-logo img { max-width: auto; height: 140px; }
      .news-carousel-btn { width: 32px; height: 32px; font-size: 16px; }
    }

    /* Blog Section */
    .blog-section {
      padding: 60px 20px;
      background: #FFF5E6; /* Light cream for cohesion */
      text-align: center;
    }

    .blog-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
      color: #1A1A1A;
    }

    .blog-section h2 span {
      color: #FD7E14; /* Accent from gradient */
    }

    .blog-carousel {
      max-width: 1200px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      cursor: grab;
    }

    .blog-carousel:active {
      cursor: grabbing;
    }

    .blog-carousel-track {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .blog-card {
      flex: 0 0 calc(100% / 4); /* 4 blogs per view on desktop */
      padding: 10px;
      box-sizing: border-box;
    }

    .blog-card a {
      text-decoration: none;
      display: block;
      background: #FFFFFF;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .blog-card a:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    }

    .blog-card img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }

    .blog-card-body {
      padding: 12px;
      text-align: left;
    }

    .blog-card-body p {
      font-size: 16px;
      font-weight: 500;
      color: #1A1A1A;
      margin-bottom: 8px;
      line-height: 1.4;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .blog-card-body small {
      font-size: 12px;
      color: #4A4A4A;
    }

    /* Navigation Buttons */
    .blog-carousel-nav {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-top: 20px;
    }

    .blog-carousel-btn {
      background: #FD7E14;
      color: #FFFFFF;
      border: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      font-size: 20px;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .blog-carousel-btn:hover {
      background: #E06B12;
    }

    .blog-carousel-btn:disabled {
      background: #CCCCCC;
      cursor: not-allowed;
    }

    /* Responsive Design */
    @media (max-width: 992px) {
      .blog-card {
        flex: 0 0 calc(100% / 2); /* 2 blogs per view */
      }
    }

    @media (max-width: 768px) {
      .blog-card {
        flex: 0 0 100%; /* 1 blog per view */
      }
      .blog-section h2 { font-size: 32px; }
      .blog-card img { height: 150px; }
      .blog-card-body p { font-size: 14px; }
      .blog-card-body small { font-size: 11px; }
    }

    @media (max-width: 576px) {
      .blog-section { padding: 40px 16px; }
      .blog-carousel-btn { width: 32px; height: 32px; font-size: 16px; }
    }

    /* Marriage Section */
    .marriage-section {
      padding: 60px 20px;
      background: linear-gradient(138deg, #FFCC33 30%, #FD7E14 100%);
      color: #1A1A1A;
      text-align: center;
    }

    .marriage-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
      color: #1A1A1A;
    }

    .marriage-section h2 span {
      color: #FD7E14; /* Accent from gradient */
    }

    .marriage-section .marriage-subheading {
      font-size: 18px;
      font-style: italic;
      margin-bottom: 20px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
      color: #1A1A1A;
    }

    .marriage-description {
      font-size: 16px;
      line-height: 1.6;
      max-width: 800px;
      margin: 0 auto 32px;
      color: #1A1A1A;
    }

    .marriage-description strong {
      color: #FD7E14;
    }

    .marriage-content {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      gap: 40px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .marriage-text {
      flex: 1;
      text-align: left;
      max-width: 600px;
    }

    .marriage-services {
      flex: 1;
      max-width: 500px;
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* 2x2 grid on desktop */
      gap: 20px;
    }

    .marriage-service-card {
      background: #FFFFFF;
      border-radius: 12px;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
      transform: perspective(1000px) rotateY(0deg);
      transition: transform 0.3s, box-shadow 0.3s;
      position: relative;
      overflow: hidden;
    }

    .marriage-service-card:hover {
      transform: perspective(1000px) rotateY(5deg);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
    }

    .marriage-service-card::before {
      content: '♥';
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 24px;
      color: #FD7E14;
      animation: pulse 1.5s infinite ease-in-out;
    }

    .marriage-service-card a {
      text-decoration: none;
      color: #1A1A1A;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
    }

    .marriage-service-card img {
      width: 250px;
      height: auto;
      object-fit: cover;
      border-radius: 8px;
    }

    .marriage-service-card h5 {
      font-size: 16px;
      font-weight: 600;
      color: #1A1A1A;
      margin: 0;
      text-align: center;
    }   

    /* Responsive Design */
    @media (max-width: 992px) {
      .marriage-content {
        flex-direction: column;
        gap: 20px;
      }
      .marriage-text, .marriage-services {
        max-width: 100%;
      }
      
    }

    @media (max-width: 576px) {
      .marriage-section { padding: 40px 16px; }
      .marriage-section h2 { font-size: 32px; }
      .marriage-section .marriage-subheading { font-size: 16px; }
      .marriage-description { font-size: 14px; }
      .marriage-service-card h5 { font-size: 14px; }
      .marriage-service-card img { width: 180px; height: auto; }
      .marriage-service-card::before { font-size: 20px; }
    }

    /* Combo Section */
    .combo-section {
      padding: 60px 20px;
      background: #FFF5E6; /* Light cream for cohesion */
      color: #1A1A1A;
      text-align: center;
    }

    .combo-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
      color: #1A1A1A;
    }

    .combo-section h2 span {
      color: #FFD700; /* Soft gold for vibrant accent */
    }

    .combo-container {
      max-width: 100%;
      margin: 0 auto;
    }

    .combo-row {
      display: flex;
      align-items: center;
      gap: 20px;
      margin-bottom: 40px;
      justify-content: center;
    }

    .combo-row.reverse {
      flex-direction: row-reverse;
    }

    .combo-image {
      flex: 0 0 30%;
      max-width: 600px;
      
      flex-wrap: nowrap;
      gap: -2px;
      justify-content: flex-start;
    }

    .combo-image.reverse {
      justify-content: flex-end;
    }

    .combo-image .book {
      width: 120px; /* Smaller size */
      height: auto;
      object-fit: cover;
      border-radius: 8px;
    }

    .combo-image .book:hover {
      transform: translateY(-5px);
    }

    .combo-text {
      flex: 0 0 60%;
      max-width: 720px;
      text-align: left;
    }

    .combo-text h3 {
      font-size: 24px;
      font-weight: 600;
      color: #1A1A1A;
      margin-bottom: 8px;
    }

    .combo-text h3 span {
      color: #FF6F61; /* Deep coral for alternative accent */
    }

    .combo-text .combo-subheading {
      font-size: 16px;
      font-style: italic;
      margin-bottom: 12px;
      color: #1A1A1A;
    }

    .combo-text .combo-description {
      font-size: 16px;
      line-height: 1.6;
      color: #1A1A1A;
      margin-bottom: 16px;
    }

    .combo-text .combo-cta {
      display: inline-block;
      background: #FD7E14;
      color: #FFFFFF;
      padding: 12px 24px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 600;
      transition: background-color 0.3s;
    }

    .combo-text .combo-cta:hover {
      background: #E06B12;
    }

    /* Love-themed animation for Love & Marriage Combo */
    .love-combo::before {
      content: '♥';
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 24px;
      color: #FF6F61;
      animation: pulse 1.5s infinite ease-in-out;
    }

    @keyframes pulse {
      0% { transform: scale(1); opacity: 0.7; }
      50% { transform: scale(1.2); opacity: 1; }
      100% { transform: scale(1); opacity: 0.7; }
    }

    /* Responsive Design */
    @media (max-width: 992px) {
      .combo-row, .combo-row.reverse {
        flex-direction: column;
        gap: 20px;
      }
      .combo-image, .combo-text {
        flex: 0 0 100%;
        max-width: 100%;
      }
      .combo-image {
        justify-content: center;
      }
      .combo-image.reverse {
        justify-content: center;
      }
      .combo-image .book {
        width: 80px;
        height: auto;
      }
    }

    @media (max-width: 576px) {
      .combo-section { padding: 40px 16px; }
      .combo-section h2 { font-size: 32px; }
      .combo-text h3 { font-size: 20px; }
      .combo-text .combo-subheading { font-size: 14px; }
      .combo-text .combo-description { font-size: 14px; }
      .combo-text .combo-cta { padding: 10px 20px; font-size: 14px; }
      .combo-image .book { width: 120px; height: auto; }
      .love-combo::before { font-size: 20px; }
    }

    /* Astrology Description Section */
    .astrology-section {
      padding: 60px 20px;
      background: linear-gradient(138deg, #FFCC33 30%, #FD7E14 100%); /* Vibrant gradient */
      color: #FFFFFF; /* White text for readability */
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .astrology-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 16px;
      color: #FFD700; /* Soft gold for vibrant heading */
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Shadow for readability */
    }

    .astrology-container {
      max-width: 1200px;
      margin: 0 auto;
      background: rgba(0, 0, 0, 0.5); /* Semi-transparent dark background for text contrast */
      padding: 20px;
      border-radius: 12px;
    }

    .astrology-row {
      margin-bottom: 32px;
      text-align: left;
    }

    .astrology-row h3 {
      font-size: 24px;
      font-weight: 600;
      color: #FFFFFF;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 10px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }

    .astrology-row h3 img {
      width: 24px;
      height: 24px;
      object-fit: contain;
    }

    .astrology-row p {
      font-size: 16px;
      line-height: 1.6;
      color: #FFFFFF;
      margin-bottom: 16px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

    .astrology-row p strong {
      color: #FF6F61; /* Deep coral for keywords */
      font-weight: bold;
    }

    .astrology-cta {
      display: inline-block;
      background: #FD7E14;
      color: #FFFFFF;
      padding: 12px 24px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 600;
      transition: background-color 0.3s;
      margin-top: 16px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    }

    .astrology-cta:hover {
      background: #E06B12;
    }    

    /* Responsive Design */
    @media (max-width: 992px) {
      .astrology-section { padding: 40px 16px; }
      .astrology-section h2 { font-size: 32px; }
      .astrology-row h3 { font-size: 20px; }
      .astrology-row h3 img { width: 20px; height: 20px; }
      .astrology-row p { font-size: 14px; }
      .astrology-cta { padding: 10px 20px; font-size: 14px; }     
    }

    @media (max-width: 576px) {
      .astrology-section h2 { font-size: 28px; }
      .astrology-row h3 { font-size: 18px; }
      .astrology-row h3 img { width: 18px; height: 18px; }
      .astrology-row p { font-size: 13px; }
      .astrology-cta { padding: 8px 16px; font-size: 13px; }     
    }

    /* FAQ Section */
    .faq-section {
      padding: 60px 20px;
      background: #FFF5E6; /* Light cream for cohesion */
      color: #1A1A1A;
      text-align: center;
    }

    .faq-section h2 {
      font-size: 36px;
      font-weight: bold;
      margin-bottom: 24px;
      color: #FFD700; /* Soft gold for vibrant heading */
    }

    .faq-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    .faq-item {
      margin-bottom: 20px;
      background: #FFFFFF;
      border-radius: 12px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      transition: transform 0.3s ease;
    }

    .faq-item:hover {
      transform: translateY(-5px);
    }

    .faq-question {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 16px 20px;
      cursor: pointer;
      background: #FD7E14; /* Vibrant orange */
      color: #FFFFFF;
      font-size: 18px;
      font-weight: 600;
    }

    .faq-question::before {
      content: attr(data-icon);
      font-size: 24px;
      line-height: 1;
    }

    .faq-question::after {
      content: attr(data-number);
      margin-left: auto;
      font-size: 18px;
    }

    .faq-answer {
      padding: 20px;
      font-size: 16px;
      line-height: 1.6;
      color: #1A1A1A;
      background: #FFFFFF;
      display: block; /* All answers open by default */
    }

    .faq-answer.active {
      display: none; /* Hidden when toggled closed */
    }

    .faq-answer strong {
      color: #FF6F61; /* Deep coral for keywords */
      font-weight: bold;
    }

    .faq-cta {
      display: inline-block;
      background: #FD7E14;
      color: #FFFFFF;
      padding: 12px 24px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 600;
      transition: background-color 0.3s;
      margin-top: 24px;
    }

    .faq-cta:hover {
      background: #E06B12;
    }

    /* Responsive Design */
    @media (max-width: 992px) {
      .faq-section { padding: 40px 16px; }
      .faq-section h2 { font-size: 32px; }
      .faq-question { font-size: 16px; }
      .faq-question::before { font-size: 20px; }
      .faq-question::after { font-size: 16px; }
      .faq-answer { font-size: 14px; }
      .faq-cta { padding: 10px 20px; font-size: 14px; }
    }

    @media (max-width: 576px) {
      .faq-section h2 { font-size: 28px; }
      .faq-question { font-size: 14px; }
      .faq-question::before { font-size: 18px; }
      .faq-question::after { font-size: 14px; }
      .faq-answer { font-size: 13px; }
      .faq-cta { padding: 8px 16px; font-size: 13px; }
    }

   
.service-page-bg {
    min-height: 100vh;
    padding: 0.2rem 1rem 2.5rem;
}

@media(min-width:768px) {
    .service-page-bg {
        padding: 1rem 1rem 2rem;
    }
}

/* Header */
.header-title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.free-offer-badge {
    display: inline-block;
    background: #E8F5E9;
    color: #2E7D32;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    margin-bottom: 0.25rem;
}

.subtitle {
    font-size: 0.95rem;
    color: var(--color-text-light);
}

/* Filters */
.filter-container {
    background: white;
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 1.5rem;
    margin: 2rem 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
}

.search-input, .type-select {
    width: 100%;
    padding: 0.9rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: 0.75rem;
    font-size: 0.95rem;
    color: var(--color-text);
    transition: all 0.2s ease;
}

.search-input:focus,
.type-select:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(193, 154, 107, 0.15);
}

/* Grid */
.services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media(min-width:640px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(min-width:1024px) {
    .services-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Card */
.service-card {
    background: white;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
    border: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
}

.service-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-md);
    border-color: rgba(193, 154, 107, 0.4);
}

.service-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-bottom: 1px solid var(--color-border);
    transition: transform 0.3s ease;
}

.service-card:hover .service-image {
    transform: scale(1.05);
}

.service-content {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.service-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.service-price {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--color-primary);
    margin-bottom: 0.75rem;
}

.service-type-badge {
    display: inline-block;
    background: #F5F0E9;
    color: var(--color-primary);
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.35rem 0.9rem;
    border-radius: 2rem;
    margin-bottom: 1rem;
}

.btn-row {
    display: flex;
    gap: 1rem;       /* space between buttons */
    flex-wrap: wrap; /* allows wrapping on small screens */
}

.btn-row .btn-buy1 {
    flex: 1;                  /* equal width */
    display: inline-flex;     /* center content */
    justify-content: center;
    align-items: center;
    text-decoration: none;    /* remove underline for <a> */
    background: var(--color-primary);
    color: white;
    font-weight: 600;
    padding: 0.9rem;
    border-radius: 0.9rem;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    text-align: center;
}

.btn-row .btn-buy1:hover {
    background: var(--color-primary-dark);
    transform: translateY(-2px);
}

/* Filter animation */
.service-card {
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.service-card[style*="display: none"] {
    opacity: 0;
    transform: scale(0.95);
}
/* --------------------------- */

.key-points li {
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    color: var(--color-text);
    line-height: 1.6;
}

/* Add custom bullet / icon for each li */
.key-points li::before {
    content: '✔'; /* Can be replaced with emoji like 🌟 or • */
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-accent);
    font-weight: bold;
}

/* Optional: hover effect for li */
.key-points li:hover {
    color: var(--color-primary);
}

.key-points1 li::before {
    content: '✔'; /* Can be replaced with emoji like 🌟 or • */
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    font-weight: bold;
}

/* Optional: hover effect for li */
.key-points1 li:hover {
    color: var(--color-primary);
}

/* --------------------------- */
/* Links */
a {
    color: var(--color-accent);
    text-decoration: underline;
}

a:hover {
    color: var(--color-primary);
    text-decoration: none;
}

/* --------------------------- */
/* General UI Enhancements */
/* --------------------------- */

section {
    margin-bottom: 3rem;
}

strong {
    color: var(--color-primary);
    font-weight: 700;
}

small {
    font-size: 0.85rem;
    color: var(--color-text-light);
}