.paintingkids_fun{
    width: 90%;
    height: auto;
    object-fit: cover;
    top: -140px;
    right: -12px;
    z-index: -1;
}
.firstlink{
    height: 15em;
    margin-top: 40px;
}
.cp-6{
    padding: 60px;
}
.p-a{
    position: absolute;
    left: 6em;
    top: 1em;
}
.fs-1-05rem{
    font-size: 1.05rem;
}
li::marker{
    color: green;
}
.first-abouthead{
    color: var(--primary-color);
    font-size: 3.5rem;
    font-family: 'Helvetica Light',sans-serif;
    padding-right: 6rem;
}

.mini-head li::marker{
    color: var(--primary-color);
    font-size: 3rem;
}
.page-ind{
    color: #9E9E9E !important;
}

.page-dir,.mini-head{
    color: var(--primary-color) !important;
}
.minicoloredballs{
    width: 95%;
    height: auto;
    object-fit: cover;
    top: 80px;
    left: -2%;
    z-index: -1;
}
.para-glossary{
    font-size: 1.06rem;
    font-family: var(--secondary-font-family);
}
.glotrio{
    width: 62px;
    height: auto;
    top: 65px;
    object-fit: contain;
    left: -5%;
    transform: rotate(240deg);
}  
.globottrio{
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 480px;
    right: 88%;
    transform: rotate(192deg);
}
.glodot{
    top: 530px;
    width: 11%;
    right: 123%;
    object-fit: contain;
}
.darkline{
    font-size: 1.15rem !important;
    width: 90%;
}
.glosodot{
    top: -51px;
    width: 11%;
    right: -91%;
    object-fit: contain;
}
.glosotrio{
    width: 62px;
    height: auto;
    top: 65px;
    object-fit: contain;
    right: 20px;
    transform: rotate(4deg);
}  
.glosobottrio{
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 750px;
    right: 18%;
    transform: rotate(82deg);
}
.funtrio{
    width: 52px;
    height: auto;
    top: 0px;
    object-fit: contain;
    right: 74%;
    transform: rotate(248deg);
}  
.funbottrio{
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 570px;
    right: 87%;
    transform: rotate(180deg);
}
.fundot{
    top: 650px;
    width: 15%;
    right: 5%;
    object-fit: contain;
}
.blockingkids_playingfun{
    width: 100%;
    height: auto;
    object-fit: cover;
    top: 0px;
    right: -12px;
    z-index: -1;
}
.numbertrio{
    width: 62px;
    height: auto;
    top: 85px;
    object-fit: contain;
    left: 91%;
    transform: rotate(3deg);
}  
.numtrio{
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 650px;
    right: 30%;
    transform: rotate(90deg);
}
.greenglodot {
    top: 610px;
    width: 11%;
    right: 12%;
    object-fit: contain;
}
.kidswithnumber-glopage{
    width: 90%;
    height: auto;
    object-fit: cover;
    top: 0px;
    left: -2%;
    z-index: -1;
}

/* --------------links---------------- */
.firstlink{
    width: 100%;
    background: url(https://www.sensorytuning.com/wp-content/uploads/2024/10/mini-background.png) no-repeat;
    background-size: cover;
}

.linktrio{
    width: 54px;
    height: auto;
    object-fit: contain;
    top: -38%;
    right: 95%;
    transform: rotate(249deg);
}
.linkdot{
    top: 20%;
    width: 6%;
    right: 27%;
    object-fit: contain;
}
.link-head{
    color: var(--primary-color);
    border-bottom: 2px dashed var(--primary-color);
}
.otherpoints{
    font-size: 1.4rem;
    font-family: var(--secondary-font-family) !important;
}
/* forms */
.downloadcolor{
    color: var(--primary-color);
}

@media screen and (max-width:480px) {
    .linkcontent,.downloadcolor{
        font-size:1.2rem !important;
    }
    .pdfimage{
        width: 2.4rem;
        height: 3rem;
    }
}

/* ------------------- */
.second-activities{
    width: 100%;
    background: url(https://www.sensorytuning.com/wp-content/uploads/2024/10/activities_background.png) no-repeat ;
    background-size: cover;
  }
  .smilepaints{
    width: 80%;
    height: auto;
    object-fit: cover;
}
.sensactive img{
    padding-top: 17%;
}
.secondsen .second-head{
    font-size: 4rem;
    padding-top: 33% !important;
}
.second-activities .activitybox{
    border-top: 1px dashed var(--teritory-color);
}
.activity-container ul li{
    padding: 0.4rem 0rem;
}
.activeborder{
    border-right: 1px dashed var(--teritory-color);
}
.third-activities{
    background-color: #E2C98D;
}
.playingkids_fun-blocks{
    width: 80%;
    height: auto;
    object-fit: cover;
    top: -9%;
    right: 0px;
}
.actdot{
    padding: 0px !important;
    right: 106%;
    bottom: 2%;
    object-fit: contain;
    height: 38px;
}
.acttrio{
    padding: 0px !important;
    width: 62px;
    height: auto;
    top: 100px;
    object-fit: contain;
    right: 73%;
    transform: rotate(240deg);
}
.actshape {
    padding: 0px !important;
    top: 99%;
    right: 173%;
    object-fit: contain;
    transform: rotate(246deg);
    height: 47px;
}

.third-activities .secondsen .second-head{
    font-size: 4rem;
    padding-top: 17% !important;
}
.third-activities .activitybox .activity-container ul li::marker{
    color: var(--primary-color);
}
.activitybox .activity-container ul li{
    font-family: var(--secondary-font-family);
}

@media screen and (max-width:992px) {
    .linkdot,.linktrio,.glosodot,.glosobottrio ,.globottrio,.numbertrio,.numtrio,.greenglodot{
        display: none;
    }
}
@media screen and (max-width:480px) {
    .paintingkids_fun,.minicoloredballs,.blockingkids_playingfun,.kidswithnumber-glopage {
        width: 70%;
    }
}
@media (min-width:480px) and (max-width:768px) {
    .paintingkids_fun,.minicoloredballs,.blockingkids_playingfun,.kidswithnumber-glopage {
        width: 70%;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .paintingkids_fun,.minicoloredballs,.blockingkids_playingfun,.kidswithnumber-glopage {
        width: 70%;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .paintingkids_fun,.minicoloredballs,.blockingkids_playingfun,.kidswithnumber-glopage {
        width: 70%;
    }
}

/* sensory activities resources */
@media screen and (max-width:480px) {
    .third-activities .secondsen .second-head,.secondsen .second-head {
        font-size: 2rem;
    }
    .second-activities {
        background: var(--primary-color);
    }
    .smilepaints ,.playingkids_fun-blocks{
        width: 80%;
    }
}
@media (min-width:480px) and (max-width:768px) {
    .third-activities .secondsen .second-head,.secondsen .second-head {
        font-size: 2rem;
    }
    .second-activities {
        background: var(--primary-color);
    }
    .smilepaints,.playingkids_fun-blocks {
        width: 70%;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .third-activities .secondsen .second-head,.secondsen .second-head {
        font-size: 2rem;
    }
    .second-activities {
        background: var(--primary-color);
    }
    .smilepaints,.playingkids_fun-blocks{
        width: 70%;
    }
}