/* section-2----------------------------------------- */
.kidswithnumber{
    width: 100%;
    height: auto;
    object-fit: cover;
    top: 50px;
    left: -2%;
    z-index: -1;
}
.second-abouthead{
    color: var(--primary-color);
    font-size: 1.5rem;
    font-family: 'Helvetica Light',sans-serif;
    padding-right: 10%;
}
.para-about{
    font-size: 1.05rem;
    line-height: 25px;
    font-family: var(--secondary-font-family);
  }
  .greendotabout{
    top: 770px ;
    left: 75%;
    object-fit: contain;
    color: #198120;
  }  
  .topaboutdot{
    top: 0px;
    left: 185%;
    width: 11%;
    transform: rotate(90deg);
    object-fit: contain;
    color: #198120;
  }
.greenshape{
    width: 50px;
    height: auto;
    top: 45px;
    object-fit: contain;
    left:88%;
}
.TOPtriotrinagle {
    width: 62px;
    height: auto;
    top: 0px;
    object-fit: contain;
    left: 100%;
}
.curved-playinges{
  width: 100%;
  height: auto;
  object-fit: cover;
  position:absolute;
  top: -140px;
  right: 0px;
  z-index: -1;
}
@media screen and (max-width:480px) {
  .curved-playinges{
   width:auto;
   height:330px;
   position:static;
   margin-top:20px;
   margin-left: 18px;
  }
  .TOPtriotrinagle {
    left: 77%;
}
}

@media (min-width:480px) and (max-width:768px) {
  .curved-playing{
    width:auto;
    height:340px;
    position:static;
     margin-top:20px;
  }
}

@media (min-width:768px) and (max-width:992px){
  .curved-playinges{
   width:auto;
   height:340px;
   position:static;
    margin-top:20px;
  }
}

@media (min-width:992px) and (max-width:1200px){
  .curved-playinges{
    top: -51px;
    width: 100%;
    right:0px;
  }
}

@media (min-width:1200px) and (max-width:1440px){
  .curved-playinges{
    top: -108px;
    width: 100%;
  }
  
}
@media screen and (max-width:768px) {
    .second-abouthead{
        padding-right: 0%;
    }
    .greendotabout,.topaboutdot,.greenshape{
        display: none;
    }
  
}
@media (min-width:768px) and (max-width:992px){
    .greendotabout,.topaboutdot{
        display: none;
    }
}
/*----------------------------------- 4------------------- */
.fourthabout{
    width: 100%;
    background: url(https://www.sensorytuning.com/wp-content/uploads/2025/08/Group-127-scaled.webp) center no-repeat;
    background-size: cover;
} 
.fourthaboutcontent{
    padding-top: 16%;
}

.approach-title{
    color: var(--primary-color);
    font-size: 3rem;
}

.card .card-body .card-title.text-uppercase{
    color: var(--primary-color);
}
@media screen and (max-width:480px){
    .approach-title{
        font-size: 2rem;
    }
    .fourthabout{
        background: var(--primary-color);
    } 
}
@media (min-width:480px) and (max-width:768px){
    .fourthabout{
        background: var(--primary-color);
    } 
}
@media (min-width:768px) and (max-width:992px){
    .fourthaboutcontent{
        padding-top: 26%;
    }
}
@media (min-width:992px) and (max-width:1200px){
    .fourthaboutcontent{
        padding-top: 26%;
    }
}
/* -------------------6------------------------- */
.sixthabout-content{
    background-color: #E2C98D;
  }
.whitegreen{
    background-color: var(--primary-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;    
}
.whitecard{
    font-family: var(--secondary-font-family);
}
/* -------------------7---------------------------- */
.seventhabt-content{
    background: url(https://www.sensorytuning.com/wp-content/uploads/2025/08/6a3d979d58-scaled.webp) center no-repeat;
    background-size: cover;
}

/* missions */

.heading-title {
    color: var(--primary-color);
    font-size: 2.5rem;
    font-family: "Helvetica Light", sans-serif;
    padding-right: 6%;
}

.li-font-size {
    font-size: 1.05rem;
    font-family:var(--secondary-font-family);
}

.para-width-82 {
    width: 82%;
}

.li-dot-color-green li::marker {
    color: var(--primary-color);
}

.li-dot-color-green li {
    line-height: 2rem;
    padding-left: 15px;
    font-size: 1.05rem;
    font-family: var(--secondary-font-family);
}

.BOTtrinagle-mission {
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 586px;
    right: 90%;
    transform: rotate(170deg);
}

/* What do parents want? */

.what-parents-title-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    top: -76px;
    right: -12px;
    z-index: -1;
}

.what-parents-top-triangle-img {
    width: 62px;
    height: auto;
    top: 33px;
    object-fit: contain;
    right: 0px;
}

.what-parents-bottom-triangle-img {
    transform: rotate(170deg);
}

.what-parents-dot-img {
    width: 62px;
    height: auto;
    top: 500px;
    object-fit: contain;
    right: 111px;
}

.what-do-kids-want-triangle-img {
    width: 62px;
    height: auto;
    top: 250px;
    object-fit: contain;
    left: -35%;
    transform: rotate(170deg);
}
@media screen and (max-width:480px) {
    .para-width-82 {
        width: 100%;
    }
    .BOTtrinagle-mission {
        top: 430px;
    }
    .what-parents-title-img {
        top: 0px;
    }
}
@media screen and (max-width:992px) {
    .missiondot,.what-parents-dot-img {
        display: none;
    }
}
@media (min-width:480px) and (max-width:768px) {
    .what-parents-title-img {
        width: 70%;
        top: 0px;
    }
    .what-parents-dot-img {
        top: 600px;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .what-parents-title-img {
        width: 60%;
        top: 0px;
    }
    .what-parents-dot-img {
        top: 600px;
    }
}