@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Manrope:wght@200..800&display=swap');

:root {
  --bg: #e3e4e8;
  --fg: #17181c;
  --primary: #255ff4;
  --yellow: #f4a825;
  --yellow-t: rgba(244, 168, 37, 0);
  --bezier: cubic-bezier(0.42,0,0.58,1);
  --trans-dur: 0.3s;
 
}
.top-horo{background-image: url(../../img/v2/report-bg.jpg); background-repeat: no-repeat; background-size: cover; float: left; width: 100%; padding: 40px 0px; margin-bottom: 30px;}
.top-horo h1{font-size: 2rem;  font-family: "Bricolage Grotesque", sans-serif; font-weight: 600; line-height: 1.2; padding: 0px 0px 0px;}
.justify-content-center {justify-content: center; display: flex;}
.user-name{font-family: "Bricolage Grotesque", sans-serif; font-size: 20px;}
.user-name strong{background: url(../../img/v2/brush-underline.png) no-repeat left bottom; background-size: 80px; padding-bottom: 8px; font-size: 3rem;}
.download-pdf{background: #5735ff; color: #fff; font-size: 18px;  font-family: "Manrope", sans-serif; border-radius: 10px; padding: 8px 20px;}
.download-pdf svg{width: 30px; height: 30px; vertical-align: middle; margin-left: 5px;}
.print{background: #c67225; margin-left: 10px;}
.birth-info{background: #fff; border-radius: 10px; padding: 20px;  display: inline-block; width: 100%;}
.birth-info img{width: 100%!important;}
.birth-info h2{font-family: "Bricolage Grotesque", sans-serif; font-size: 24px; font-weight: 500; padding: 40px 0px 10px 10px; display: flex; justify-content: space-between;
    align-items: center;}
.info-card{border:solid 1px #efefef; border-radius: 5px; padding: 5px; margin-top: 10px; margin-left: 10px;}
.info-card .info-label{font-size: 13px; color: #666666; font-family: "Manrope", sans-serif;}
.info-card .info-value{font-size: 15px; color: #011526; font-weight: 600; font-family: "Manrope", sans-serif; padding-left: 20px; text-transform: capitalize;}
.info-card i{color: #c67225; float: left;}
.info-card svg{color: #c67225; float: left; width: 16px; height: 16px; margin-right: 5px;} 
.report-data {width: 80%; float: left; margin: 0px 10%; font-size: 1.25rem; font-family: "Manrope", sans-serif;}
.hig-block {width: 75%; margin: 0px 12.5% 30px; float: left; background: #fff; border: solid 4px #9c63fe; border-radius: 18px; padding: 20px 30px; box-shadow: 8px 8px 0px rgba(150, 97, 245);}
.hig-block h2{font-family: "Bricolage Grotesque", sans-serif;  font-size: 2.5rem; font-weight: 500; text-align: center; color: #3e3a51;}
.hig-block p{text-align: center; color: #3e3a51; text-align: center;  font-family: "Manrope", sans-serif; margin-bottom: 0;}
.report-data h3 {color: #3e3a51; font-size: 20px; font-weight: 500; position: relative; padding-top: 10px; font-family: "Bricolage Grotesque", sans-serif;}

.report-data h3 a{color: #5735ff;}
.report-data h3 a:hover{text-decoration: underline;}


.report-data p, .report-data div{font-size: 1.125rem;  font-family: "Manrope", sans-serif; line-height: 1.3; font-weight: 300; color: #3f3c59;}
.report-data{font-size: 1.125rem;font-family: "Manrope", sans-serif; font-weight: 300;}

.report-data li {background: url(../../img/v2/paid-report/point3.png) no-repeat left 10px; line-height: 1.3; background-size: 14px; list-style-type: none; list-style: none; padding: 3px 0px 3px 22px; font-size: 1.125rem; font-family: "Manrope", sans-serif; font-weight: 300; color: #3f3c59;}
.free-data img {width: 100px;height: 100px;object-fit: cover;border-radius: 15px;float: left;margin-right: 15px;}
.content p{font-family: "Bricolage Grotesque", sans-serif!important; font-size: 1.25rem!important;}
.content a{color: #5735ff; font-weight: 500 !important;}
.content img {width: 100px;height: 100px;object-fit: cover;border-radius: 15px;float: left;margin-right: 15px;}
.icon-bar{width: 32px; height: 32px; float: left; display: flex; align-items: center; border-radius: 50%; border: solid 1px #cccccc; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.16); padding: 4px; margin-right: 10px;}
.special-recommendattions{background: #f7f7f8; padding: 30px 0px; float: left; width: 100%; margin: 30px 0;}
.secondary-heading{font-family: "Bricolage Grotesque", sans-serif;  font-size: 2.5rem; font-weight: 500; text-align: center; color: #3e3a51; padding-bottom: 10px;}
.review-rating-btn{display: none;}
.special-recommendattions p{text-align: center; font-family: "Manrope", sans-serif; color: #3e3a51;}
.recommend-grid{display:grid; grid-template-columns: repeat(3, 1fr);gap:40px; margin: 30px 0px;}
.recommend-card{background:#fff; padding:10px 10px 20px; border-radius:18px; text-align:center; box-shadow:20px 10px 30px rgba(81,69,137,0.1); transition:0.3s;}
.recommend-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(81,69,137,0.1);}
.recommend-card img{width:100%; border-radius:12px; margin-bottom:15px;}
.recommend-card h3{font-size:20px; margin-bottom:10px; color:#2b2a3c; text-align: center; font-family: "Bricolage Grotesque", sans-serif;}
.recommend-card p{font-size:15px; color:#6b6b80; line-height:1.4; margin-bottom:15px; font-weight: 400;  font-family: "Manrope", sans-serif;}
.card-links a, .card-links span{color: #5735ff; font-family: "Manrope", sans-serif; font-weight: 500;}
/* .code{background:#fff; color:#C67225; padding:4px 12px; border-radius:6px; font-weight:700;margin:0 8px;} */
.coupon-line{width:100%;background:#fff; justify-content: center; border:1px dashed #6a5cff;border-radius:10px;padding:10px 15px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family: "Manrope", sans-serif; margin-top: 20px;}

.offer-badge{background:linear-gradient(90deg,#5a4bff,#7a5cff);color:#fff;font-size:14px; font-family: "Bricolage Grotesque", sans-serif;padding:4px 12px;
border-radius:20px;font-weight:600;}
.coupon-text{font-size:14px;color:#444;font-weight: 500;}
.code-label{font-size:13px;color:#666;font-family: "Manrope", sans-serif;}
.coupon-code{background:#fff;color:#6a5cff;padding:4px 12px;border-radius:6px;font-size:20px;font-weight:700;letter-spacing:1px;font-family: "Bricolage Grotesque", sans-serif; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);}
.copy-btn{background:#fff;font-family: "Manrope", sans-serif;border:1px solid #5a4bff;color:#5a4bff;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:13px;}
.expiry{font-size:13px;color:#D07B2E; font-style: italic;}
.other-chart{width: 100%; float: left;}
.other-chart p{margin-bottom: 0;}
.other-chart p a{text-align: center; font-size: 15px; display: inline-block; align-items: center; justify-content: center; font-family: "Bricolage Grotesque", sans-serif; color: #5735ff; font-weight: 500;  border-bottom: solid 1px #ededed; padding-bottom: 3px;}
.other-chart p a svg{margin-right: 3px; vertical-align: middle;}
.other-chart ul{text-align: center; margin-top: 15px;}
.other-chart li{list-style-type: none; list-style: none; display: inline-block; margin-bottom: 10px;}
.other-chart li a{border: solid 1px #aaa0ff; display: inline-block; color: #3e3a51; font-family: "Bricolage Grotesque", sans-serif; font-size: 16px; font-weight: 400; border-radius: 18px; padding: 3px 15px 3px 30px; background: url(../../img/v2/f-star.png) no-repeat 10px 7px; background-size: 17px;}
.other-chart li a:hover{background-color: #aaa0ff; color: #fff;}
.review-rating{background: #f7f7f8; padding: 20px 0px; float: left; width: 100%; margin-top: 30px;}
.rating-content{display: none; line-height: 20px; font-size: 14px; background: #fff;     font-family: "Manrope", sans-serif; border-left: solid 3px #f4a825; padding: 5px 15px; margin-top: 15px; }

#frmFeedback h2{    font-family: "Bricolage Grotesque", sans-serif;}
 #textarea-container {display: none; float: left;}
  #textarea-container label{ font-size: 16px; color: #828282; padding: 10px 0px 10px 15px; position: relative; float: left; width: 100%; line-height: 18px; padding-left: 15px; font-family: "Manrope", sans-serif;}
  #textarea-container label strong{color: #333; font-size: 18px; font-weight: 500; display: inline-block; position: absolute; left: 0px;}

  #additional-section{ font-size: 16px; color: #828282; padding: 10px 0px 10px 15px; position: relative; float: left; width: 100%; line-height: 18px; padding-left: 15px; font-family: "Manrope", sans-serif;}
  #additional-section label strong{color: #333; font-size: 18px; font-weight: 500; display: inline-block; position: absolute; left: 0px;}
  #additional-section label{padding-bottom: 10px; display: inline-block; padding-left: 10px;}
  .rating-content strong{font-weight: 600; color: #f4a825;}
.review-rating  h6{color: #828282; font-size: 17px; padding: 10px 0px 0px; text-align: center;     font-family: "Bricolage Grotesque", sans-serif;}
.review-rating  h6 i{font-family: "Bricolage Grotesque", sans-serif;}
    
.review-rating textarea{border: solid 1px blue; width: 100%; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); padding: 10px 10px;     font-family: "Manrope", sans-serif;     margin-bottom: 15px;}
.rating__display {
  font-size: 1em;
  font-weight: 500;
  min-height: 1.25em;
  position: absolute;
  top: 100%;
  width: 100%;
  text-align: center;
}

.rating__stars {
  display: flex; justify-content: center;
 
  position: relative; padding: 0px 0px;
}
.rating__star {
  display: block;
  overflow: visible;
  pointer-events: none;
  width: 2em;
  height: 2em;
}
.rating__star-ring, .rating__star-fill, .rating__star-line, .rating__star-stroke {
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.rating__star-ring, .rating__star-fill, .rating__star-line {
  stroke: var(--yellow);
}
.rating__star-fill {
  fill: var(--yellow);
  transform: scale(0);
  transition: fill var(--trans-dur) var(--bezier), transform var(--trans-dur) var(--bezier);
}
.rating__star-line {
  stroke-dasharray: 12 13;
  stroke-dashoffset: -13;
}
.rating__star-stroke {
  stroke: #b0b0b0; fill:#fff;
  transition: stroke var(--trans-dur);
}
.rating__label {
  cursor: pointer;
  padding: 0.125em; background: none!important;
}
.rating__label--delay1 .rating__star-ring, .rating__label--delay1 .rating__star-fill, .rating__label--delay1 .rating__star-line, .rating__label--delay1 .rating__star-stroke {
  animation-delay: 0.05s;
}
.rating__label--delay2 .rating__star-ring, .rating__label--delay2 .rating__star-fill, .rating__label--delay2 .rating__star-line, .rating__label--delay2 .rating__star-stroke {
  animation-delay: 0.1s;
}
.rating__label--delay3 .rating__star-ring, .rating__label--delay3 .rating__star-fill, .rating__label--delay3 .rating__star-line, .rating__label--delay3 .rating__star-stroke {
  animation-delay: 0.15s;
}
.rating__label--delay4 .rating__star-ring, .rating__label--delay4 .rating__star-fill, .rating__label--delay4 .rating__star-line, .rating__label--delay4 .rating__star-stroke {
  animation-delay: 0.2s;
}
.rating__input {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
}
.rating__input:hover ~ [data-rating]:not([hidden]) {
  display: none;
}
.rating__input-1:hover ~ [data-rating="1"][hidden], .rating__input-2:hover ~ [data-rating="2"][hidden], .rating__input-3:hover ~ [data-rating="3"][hidden], .rating__input-4:hover ~ [data-rating="4"][hidden], .rating__input-5:hover ~ [data-rating="5"][hidden], .rating__input:checked:hover ~ [data-rating]:not([hidden]) {
  display: block!important;
}
.rating__input-1:hover ~ .rating__label:first-of-type .rating__star-stroke, .rating__input-2:hover ~ .rating__label:nth-of-type(-n + 2) .rating__star-stroke, .rating__input-3:hover ~ .rating__label:nth-of-type(-n + 3) .rating__star-stroke, .rating__input-4:hover ~ .rating__label:nth-of-type(-n + 4) .rating__star-stroke, .rating__input-5:hover ~ .rating__label:nth-of-type(-n + 5) .rating__star-stroke {
  stroke: var(--yellow);
  transform: scale(1);
}
.rating__input-1:checked ~ .rating__label:first-of-type .rating__star-ring, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-ring, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-ring, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-ring, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-ring {
  animation-name: starRing;
}
.rating__input-1:checked ~ .rating__label:first-of-type .rating__star-stroke, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-stroke, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-stroke, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-stroke, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-stroke {
  animation-name: starStroke;
}
.rating__input-1:checked ~ .rating__label:first-of-type .rating__star-line, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-line, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-line, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-line, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-line {
  animation-name: starLine;
}
.rating__input-1:checked ~ .rating__label:first-of-type .rating__star-fill, .rating__input-2:checked ~ .rating__label:nth-of-type(-n + 2) .rating__star-fill, .rating__input-3:checked ~ .rating__label:nth-of-type(-n + 3) .rating__star-fill, .rating__input-4:checked ~ .rating__label:nth-of-type(-n + 4) .rating__star-fill, .rating__input-5:checked ~ .rating__label:nth-of-type(-n + 5) .rating__star-fill {
  animation-name: starFill;
}
.pdf-other-chart{display: none;}
.review_rating h6 {
  font-size: 18px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 600;
}
.review_rating .form-group {
  padding-top: 15px;
  float: none;
}
#reviewRatingModal .review_rating .form-control {
  border: 2px solid #dfa333;
  width: 100%;
  border-radius: 2px;
  padding: 8px 16px;
  box-shadow: none;
  background: #f8f8f8;
}
.review_rating .input label {
  width: 100%;
  float: left;
  font-size: 18px;
  padding-bottom: 8px;
  color: #000;
  font-weight: 600;
font-family: "Bricolage Grotesque", sans-serif;
}
.review_rating h3 {
  border-bottom: solid 1px #ccc;
  font-family: 'Bastia';
  color: #203f78;
  font-size: 26px;
  margin-bottom: 20px; font-family: "Bricolage Grotesque", sans-serif;
}

.rating__input-1:not(:checked):hover ~ .rating__label:first-of-type .rating__star-fill, .rating__input-2:not(:checked):hover ~ .rating__label:nth-of-type(2) .rating__star-fill, .rating__input-3:not(:checked):hover ~ .rating__label:nth-of-type(3) .rating__star-fill, .rating__input-4:not(:checked):hover ~ .rating__label:nth-of-type(4) .rating__star-fill, .rating__input-5:not(:checked):hover ~ .rating__label:nth-of-type(5) .rating__star-fill {
  fill: var(--yellow-t);
}
.rating__sr {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #17181c;
    --fg: #e3e4e8;
  }

  .rating {
    margin: auto;
  }
  .rating__star-stroke {
    stroke: #454954;
  }
}
@keyframes starRing {
  from, 20% {
    animation-timing-function: ease-in;
    opacity: 1;
    r: 8px;
    stroke-width: 16px;
    transform: scale(0);
  }
  35% {
    animation-timing-function: ease-out;
    opacity: 0.5;
    r: 8px;
    stroke-width: 16px;
    transform: scale(1);
  }
  50%, to {
    opacity: 0;
    r: 16px;
    stroke-width: 0;
    transform: scale(1);
  }
}
@keyframes starFill {
  from, 40% {
    animation-timing-function: ease-out;
    transform: scale(0);
  }
  60% {
    animation-timing-function: ease-in-out;
    transform: scale(1.2);
  }
  80% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes starStroke {
  from {
    transform: scale(1);
  }
  20%, to {
    transform: scale(0);
  }
}
@keyframes starLine {
  from, 40% {
    animation-timing-function: ease-out;
    stroke-dasharray: 1 23;
    stroke-dashoffset: 1;
  }
  60%, to {
    stroke-dasharray: 12 13;
    stroke-dashoffset: -13;
  }
}

@media screen and (max-width: 1080px) {
    .report-data, .hig-block{width: 100%; margin: 0;}
    
}

@media screen and (max-width: 767px) {
    .top-horo h1{font-size: 1.4rem;}
    .user-name strong{font-size: 2.5rem;}
    .top-horo h1 br{display: none;}
    .user-name{font-size: 17px;}
    .download-pdf{font-size: 16px;}
    .info-card{margin-left: 10px;}
    .birth-info h2{padding: 10px 10px 0; font-size: 20px; }
    .info-card .info-label{font-size: 12px;}
    .info-card .info-value{font-size: 14px;}
    .birth-info{padding: 0px 10px 0px 0;}
    .birth-info img{padding: 15px 0px 15px 10px;}
    .hig-block h2{font-size: 1.75rem;}
    .hig-block{padding: 15px; margin-bottom: 30px;}
    .report-data h3{font-size: 18px;}
    .report-data p, .report-data div{font-size: 16px;}
    .report-data {font-size: 16px;     font-family: "Manrope", sans-serif;
    font-weight: 300;}
    .content p{font-size: 16px!important; line-height: 20px!important;}
    .content img{margin-right: 10px;}
    .secondary-heading{font-size: 2rem;}
    .special-recommendattions p{font-size: 16px;}
    .recommend-grid{grid-template-columns: repeat(1, 1fr); gap: 25px;}
    .other-chart li{width: 49%;}
    .other-chart .full{width: 100%;}
    .other-chart .full a{font-size: 16px!important;}
    .other-chart li a{font-size: 12px; line-height: 16px; width: 100%; text-align: left; padding: 6px 20px 6px 30px;}
    .free-data img{width: 75px; height: 75px; border-radius: 5px;}
    .report-data li{font-size: 16px;}
    #additional-section label{font-size: 14px;}
    #textarea-container label{font-size: 14px;}
}


@media print {
.sticky-header, .member-menu, .breadcrumb, footer, .review-rating, .header, .footer, .pdf-button, .print-button, .button-area{
      display: none !important;
  }

  a[href]:after {
    content: none !important;
}
/* .hidden-mobile{display: none!important;} */
/* .download-pdf{font-size: 16px; padding: 4px 15px; right:90%}
.download-pdf svg{width: 20px; height: 20px;} */
#google_translate_element .btn{display: none;}
#zsiq_float{display: none!important;}
.span-8, .span-9{width: 100%!important;}
.recommend-grid{gap: 15px;}
.report-data, .hig-block{width: 100%!important; margin: 0px 0px 30px!important;}
  .report-data h2{display: inherit; width: auto;}
  .paid-banner-content{width: 75%;}
  .vimsottari-dasa .box .text-heading{border: solid 1px #cccccc;}
  .vimsottari-dasa .box p{border-left: solid 1px #cccccc; padding-left: 10px;}
  .vimsottari-dasa .box .text-heading{padding-top: 0px; padding-bottom: 0px;}
.other-chart{display: none;}
.pdf-other-chart{display: inline-block;}
  .vimsottari-dasa h4{font-size: 14px;}
  .vimsottari-dasa .column h6{font-size: 12px;}
  .paid-report-banner {


    background: linear-gradient( 0deg, rgba(255,255,255,0.65), rgba(255,255,255,0.80)), url('https://www.indastro.com/img/v2/paid-report/dlf.jpg');

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .daily-coupon{width: 100%; float: left; background: #1d3048 url(https://www.indastro.com/img/v2/daily-coupon-bg.png) no-repeat center top; background-size: cover; padding: 5px 40px; margin-bottom: 20px;}
  .text-hig br{display: none;}
  .coupon-tag{background: url(https://www.indastro.com/img/v2/coupon-tag.png) no-repeat;}
  /* Ensure background images are enabled in print */
  body {
    -webkit-print-color-adjust: exact !important; /* For WebKit-based browsers like Chrome */
    print-color-adjust: exact !important; /* For other browsers */
  }
}