/* .modal.fullscreen-modal .modal-body {
    min-height: calc(100vh - 259px);
    padding: 0;
} */

.btn-launch {
  margin: 40px auto;
  display: block;
  background: linear-gradient(to right, #d2a85e, #c8993b);
  border: none;
  color: white;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 1.2rem;
  font-weight: 500;
}
.section-right{
      display: flex
;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
 .legend {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 28px;
  /* justify-content: center; */
}

 .legend-item {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-family: var(--Glacial-Indifference);
  color: #503B29;
  font-weight: 400;
  text-shadow: 4px 4px 4px rgb(0 0 0 / 25%);
  gap: 8px;
}

 .legend-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

 .score-good {
  background: linear-gradient(170deg, #C6EC7E 0%, #DCF5AB 50%, #F0FDD7 100%);
}

 .score-work {
  background: linear-gradient(179deg, #FDF593 0%, #FDF8B5 50%, #FEFBD5 100%);

}

 .score-bad {
  background: linear-gradient(170deg, #FCBACA 0%, #FDD6DF 50%, #FEF1F2 100%);
}

 .dot-good {
  background: linear-gradient(170deg, #C6EC7E 0%, #DCF5AB 50%, #F0FDD7 100%);
  box-shadow: 0px 3px 2px rgb(0 0 0 / 25%);
}

 .dot-work {
  background: linear-gradient(179deg, #FDF593 0%, #FDF8B5 50%, #FEFBD5 100%);
  box-shadow: 0px 3px 2px rgb(0 0 0 / 25%);
}

 .dot-bad {
  background: linear-gradient(170deg, #FCBACA 0%, #FDD6DF 50%, #FEF1F2 100%);
  box-shadow: 0px 3px 2px rgb(0 0 0 / 25%);
}
 /* .common-title {
  text-align: left;
} */
 .common-title h1 {
  color: #8C5F1E;
  text-align: left;
}

 .section-left p {
  margin-top: 16px;
  text-align: left;
}

 .common-main-scorbox {
  display: flex;
  align-items: center;
  gap: 10px;
  /* justify-content: center; */
  margin-bottom: 10px;
}

 .common-main-scorbox:last-child
{
  margin-bottom: 0;
}
 .content-box {
  /* width: 100%;
  margin: 0 auto; */
  background-color: rgba(255, 255, 255, 0.5);
  /* max-width: 1734px;
 
  align-items: baseline; */
   padding: 49px 125px;
}

 .common-main-scorbox .circle-score {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 30px 22px;
  box-shadow: 0px 3px 2px rgb(0 0 0 / 25%);
}

 .common-main-scorbox .circle-score span {
  font-size: 32px;
  font-weight: 400;
  font-family: var(--Glacial-Indifference);
  color: #8C5F1E;
  margin-bottom: 2px;
}

 .common-main-scorbox .circle-score p {
  font-size: 22px;
  font-weight: 400;
  font-family: var(--Glacial-Indifference);
  color: #8C5F1E;
  text-shadow: unset;
}
  .score-grid {
  justify-content: center;
  flex-direction: column;
  display: flex;
}
  .desktop-view{
  display: block;
}
  .mobile-view{
  display: none;
}
@media (max-width:1440px){
   .content-box{
    padding: 40px 60px;
  }
   .section-left p{
    font-size: 24px;
    margin-top: 14px;
  }
   .common-main-scorbox{
    gap: 8px;
  }
   .common-main-scorbox .circle-score{
    width: 120px;
    height: 120px;
    padding: 11px 11px;
  }
   .common-main-scorbox .circle-score span{
    font-size: 24px;
  }
   .common-main-scorbox .circle-score p{
    font-size: 20px;
  }
   .legend{
    margin-top: 26px;
    gap:26px;
  }
  
   .legend-item {
    gap:6px;
  }
   .legend-dot{
    width: 14px;
    height: 14px;
  }
   .legend-item {
    font-size: 20px;
  }
}
@media(max-width:1280px){
   .common-main-scorbox{
    gap:6px
  }
   .common-main-scorbox .circle-score span{
    font-size: 21px;
  }
   .section-left p{
    font-size: 21px;
  }
   .common-main-scorbox .circle-score p{
    font-size: 18px;
  }
   .content-box {
    padding: 50px 40px;
  }
   .common-main-scorbox .circle-score {
    width: 110px;
    height: 110px;
    padding: 16px 16px;
}
 .legend{
  margin-top: 24px;
  gap:15px;
}
 .legend-item {
  gap:4px;
}
 .legend-dot{
  width: 14px;
  height: 14px;
}
 .legend-item {
  font-size: 18px;
}
}

@media(max-width:1024px){
   /* .modal.fullscreen-modal .modal-body {
    min-height: calc(100vh - 30vh);
} */
   .common-main-scorbox{
    gap: 5px;
  }
   .common-main-scorbox .circle-score span{
    font-size: 20px;
  }
   .section-left p{
    font-size: 18px;
  }
   .common-main-scorbox .circle-score p{
    font-size: 14px;
  }
   .common-main-scorbox .circle-score {
   width: 90px;
    height: 90px;
    padding: 12px 12px;
}
 .content-box {
  padding: 40px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
 .legend{
  margin-top: 16px;
  gap:18px;
}
 .legend-item {
  gap:4px;
}
 .legend-dot{
  width: 12px;
  height: 12px;
}
 .legend-item{
font-size:16px;
}

}
@media(max-width:767px){
   .common-main-scorbox{
    gap: 5px;
  }
   .common-main-scorbox .circle-score {
    width: 80px;
    height: 80px;
    padding: 12px 12px;
}
 .content-box {
  padding: 20px 20px;
  text-align: center;
}

   .common-main-scorbox .circle-score span{
    font-size: 16px;
  }
   .section-left p{
    font-size: 16px;
  }
     .common-main-scorbox .circle-score p{
    font-size: 12px;
  }
   .score-grid{
    margin-top: 10px;
  }
   .legend{
    margin-top: 14px;
    gap:12px;
  }
   .legend-item {
    gap:3px;
  }
   .legend-dot{
    width: 10px;
    height: 10px;
  }
   .legend-item {
    font-size: 14px;
  }
    .desktop-view{
    display: none;
  }
    .mobile-view{
    display: block;
  }
  /* .age-details-section-modal .modal.fullscreen-modal .modal-body {
    min-height: calc(100% - 60vh);
} */
}
@media(max-width:576px){
   .legend{gap:4px;
            justify-content: center;
        width: 100%;
        flex-wrap: wrap;
  }

   .legend-dot{
    width: 8px;
    height: 8px;
  }
   .legend-item {
    font-size: 12px;
  }
}