.page-ind{
    color: #9E9E9E;
}

.page-dir{
    color: var(--primary-color);
}

.parentandchild{
    width: 90%;
    height: auto;
    object-fit: cover;
    top: -140px;
    right: -12px;
    z-index: -1;
}
.parenttriangle{
    width: 8%;
    height: auto;
    top: 65px;
    object-fit: contain;
    left:0;
  }
  .childtriangle{
    width: 8%;
    height: auto;
    object-fit: contain;
    top: 420px;
    left: 0%;
    transform: rotate(200deg);
}
.para-child{
    font-family: var(--secondary-font-family);
    font-size: 1.08rem;
    line-height: 1.7rem;
}
.thirdparent{
    width: 100%;
    background: url(https://www.sensorytuning.com/wp-content/uploads/2025/08/Group-128-scaled.webp) no-repeat center;
    background-size: cover;
  }
  .thirdcolparent{
    padding-top: 15%;
  }
  .thirdcolchild {
    padding-top: 22%;
    padding-bottom: 7%;
}
  .playingwithsheets{
    width: 94%;
    height: auto;
    left: -3%;
    object-fit: contain;
    padding-bottom: 15px;
  }
  .childdot{
    right: -97%;
    top: 16%;
    object-fit: contain;
    height: 30px;
    transform: rotate(90deg);
}
.whitedotshape {
    top: 86%;
    right: -92%;
    object-fit: contain;
    transform: rotate(246deg);
    height: 47px;
}
.parentdot{
    top: 23%;
    right: 3%;
    object-fit: contain;
    height: 50px;
}
.whitedotchild{
    bottom: 6%;
    right: 9%;
    object-fit: contain;
    height: 30px;
}
.child-para{
    line-height: 2.4rem;
    font-family: var(--secondary-font-family);
    font-size: 1.07rem;
}
@media screen and (max-width:480px) {
  .thirdparent{
    background: var(--primary-color);
  }
  .thirdcolchild{
    padding-top: 0%;
    padding-bottom: 0%;
  }
  .parentandchild{
    top: -10px;
  }
}
@media (min-width:480px) and (max-width:768px) {
  .thirdparent{
    background: var(--primary-color);
  }
  .parentandchild{
    width: 80%;
  }
}
@media (min-width:768px) and (max-width:992px) {
  .thirdparent{
    background: var(--primary-color);
  }
  .parentandchild{
    width: 80%;
  } 
  .playingwithsheets {
    width: 74%;
}
}
@media (min-width:992px) and (max-width:1200px) {
  .parentandchild{
    width: 80%;
  } 
  .playingwithsheets {
    width: 74%;
}
}
@media (min-width:1200px) and (max-width:1440px) {
  .parentandchild{
    width: 80%;
  } 
  .thirdcolparent {
    padding-top: 8%;
}
  .thirdcolchild {
    padding-top: 17%;
    padding-bottom: 7%;
  }
}