.second-forum{
    background: url(https://www.sensorytuning.com/wp-content/uploads/2025/09/Group-138-scaled.webp) no-repeat;
    background-size: contain;
    width: 100%;
    padding: 1rem 0rem;
}
.with-toys{
    width: 89%;
    top: -105px;
    z-index: -1;
    right: -12px;
}

.gymbottrio{
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 62px;
    right: 84%;
    transform: rotate(247deg);
}
.catchingballs{
    width: 88%;
    padding-top: 14%;
}
.secondfrm{
    padding: 28% 17% 2% 2%;
    font-size: 1.3rem;
    font-family: var(--secondary-font-family);
}

.para-forum {
    font-size: 1.05rem;
    line-height: 30px;
    font-family: var(--secondary-font-family);
}
.thirdforumdiv{
    background-color: #f22f2f;
}
.warnforum{
    width: 3%;
    height: auto;
    object-fit: contain;
}
.second-diet{
    background: url(https://www.sensorytuning.com/wp-content/uploads/2025/09/Group-136-1-scaled.webp) no-repeat;
    background-size: contain;
    width: 100%;
    padding: 1rem 0rem;
}
.diet_sub{
    color:var(--primary-color);
}
.diettrio{
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 62px;
    right: 84%;
}
.dietshape{
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 690px;
    right: 10%;
    transform: rotate(240deg);
}
.motherwithherkids{
    width: 89%;
    padding-top: 11%;
}
.seconddiet{
    font-size: 1.05rem;
    font-family: var(--secondary-font-family);
}
.dietgreensection{
    padding-top: 14%;
}
.sensorygcolor{
    color: var(--primary-color);
}
.healthyfoods{
    width: 93%;
    top: 0px;
    z-index: -1;
    right: -12px;
}
.thirddiettrio{
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 62px;
    right: 84%;
    transform: rotate(240deg);
}
.dietgreenshape {
    width: 62px;
    height: auto;
    object-fit: contain;
    top: 620px;
    right: 188%;
    transform: rotate(346deg);
}
.greendotdiet{
    width: 14%;
    height: auto;
    object-fit: contain;
    top: 630px;
    left: -25%;
}
.fourthdiet{
    background-color: var(--secondary-color);
}
.fifthdiet{
    background-color: var(--primary-color);
}
.dietfont{
    font-family: var(--secondary-font-family);
}
.with_gym{
    width: 89%;
    top: -135px;
    z-index: -1;
    right: -12px;
}
.blockingkids{
    width: 90%;
    height: auto;
    object-fit: cover;
    top: -73px;
    right: -12px;
    z-index: -1;
}

/* blogs */

.blogheader{
    color: var(--primary-color);
font-size: 4.5rem;
font-family: 'Helvetica', sans-serif;
padding-left: 36%;
padding-top: 27%;
}

.firstblog{
    background: url(https://www.sensorytuning.com/wp-content/uploads/2024/10/spiral-line.png) no-repeat;
    background-size: cover;
    position: relative;
    z-index: -2;
}
.secondblog{
    padding-top: 15%;
    padding-bottom: 10%;
}
.bloggreen{
    width: 40px;
    height: auto;
    object-fit: contain;
    top: 32px;
    left: 17%;
    transform: rotate(260deg);
}
.blogtrio{
    width: 9%;
    top: -235px;
    right: 16%;
}
.blogshape{
    width: 7%;
    top: 67px;
    left: 10%;
}
.bloggreendot{
    top: -350px;
    width: 12%;
    left: 5%;
}
.blogdotgreen{
    left: 100%;
    width: 12%;
    top: 67px;
}
.blogcard{
    width: 90%;
    border: transparent !important;
}
.blogcard .card-body{
    font-family: var(--secondary-font-family) !important;
}
.datedisplay{
    top: 0%;
    left: 0%;
    padding: 0.2rem 1rem;
    border-bottom-right-radius:1.5rem ;
    border-top-left-radius: 1rem;
    background-color: var(--primary-color);
}
/*---------------------- proprioceptive--------------- */
.proprioceptive{
    width: 55%;
}
.secondproprioceptivecolumn{
    width: 45%;
}
.playingwithsheetandball{
    width: 100%;
    height: auto;
    object-fit: cover;
    top: -73px;
    right: 0px;
    z-index: -1;
}
.para-proprioceptive{
    line-height: 25px;
    font-size: 1.08rem;
    font-family: var(--secondary-font-family);
}
.proboxtrio{
    width: 7%;
    top: 603px;
    right: 82%;
}
.prodotbx{
    width: 11%;
    top: 625px;
    right: 12%;
}
.bestequip{
    z-index: 5;
    top: -64px;
    background-color: var(--primary-color);
}
.equipcard{
    border-radius: 1rem !important;
    border-color: transparent !important;
}
.equiptitle{
    color: var(--primary-color);
    font-size: 3rem;
}
.equipdetails{
    display: none;
    background-color: #000000CC;
    opacity: 0.8;
}
.equipcard:hover .equipdetails{
    display: flex;
    width: 100%;
    min-height: 75%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}
@media screen and (max-width:480px) {
    .warnforum{
        width: 10%;
    }
    .with-toys{
        width: 80%;
        top: 0px;
    }
    .second-forum{
        background: var(--primary-color);
    }
    .secondfrm{
        padding: 15% 2% 5% 2%;
    }
}
@media (min-width:480px) and (max-width:768px){
    .warnforum{
        width: 5%;
    }
    .with-toys{
        width: 70%;
        top: 0px;
    }
    .second-forum{
        background: var(--primary-color);
    }
    .secondfrm{
        padding: 15% 12% 10% 2%;
    }
}
@media (min-width:768px) and (max-width:992px){
    .warnforum{
        width: 5%;
    }
    .with-toys{
        width: 65%;
        top: 0px;
    }
    .second-forum{
        background: var(--primary-color);
    }
    .secondfrm{
        padding: 15% 12% 10% 2%;
    }
    .catchingballs {
        width: 70%;
    }
}
@media (min-width:992px) and (max-width:1200px){
    .warnforum{
        width: 4%;
    }
    .with-toys{
        width: 80%;
        top: 0px;
    }
    .catchingballs {
        width: 70%;
    }
    .secondfrm {
        padding: 20% 9% 2% 2%;
        font-size: 1.05em;
    }
}


/*  */
@media screen and (max-width:480px) {
    .blogheader {
        padding-left: 6%;
        padding-top: 7%;
    }
    .blogdotgreen {
        left: 90%;
    }
    .blogcard{
        width: 100%;
    }
}
@media (min-width:480px) and (max-width:768px) {
    .blogheader {
        padding-left: 6%;
        padding-top: 7%;
    }
    .blogdotgreen {
        left: 90%;
    }
    .blogcard{
        width: 100%;
    }
}
@media (min-width:768px) and (max-width:992px) {

    .blogdotgreen {
        left: 90%;
    }
    .blogcard{
        width: 100%;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .blogdotgreen {
        left: 90%;
    }
    .blogcard{
        width: 100%;
    }
}


/* proprioceptive */
@media screen and (max-width:992px) {
    .proprioceptive{
        width: 100%;
    }
    .secondproprioceptivecolumn{
        width: 100%;
    }
    .proboxtrio,.prodotbx,.gymbottrio{
       display: none;
    }
    .playingwithsheetandball {
        right: 0px;
    }
}
@media screen and (min-width:480px) {
    .playingwithsheetandball{
        width: 90%;
    }
}
@media (min-width:480px) and (max-width:768px) {
    .playingwithsheetandball{
        width: 85%;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .playingwithsheetandball{
        width: 75%;
    }
}


/* sensory-diet */
@media screen and (max-width:992px){
    .second-diet {
        background: var(--primary-color);
    }
    .dietshape {
        display: none;
    }
}
@media screen and (max-width:480px) {
    .healthyfoods,.motherwithherkids {
        width: 80%;
    }
}
@media (min-width:480px) and (max-width:768px) {
    .healthyfoods,.motherwithherkids{
        width: 75%;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .healthyfoods,.motherwithherkids{
        width: 70%;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .motherwithherkids {
        padding-top: 22%;
    }
    .healthyfoods,.motherwithherkids{
        width: 100%;
    }
    .second-diet{
        background-size: cover;
    }
}

@media (min-width:1200px) and (max-width:1440px){
    .second-diet{
        background-size: cover;
    }
    .motherwithherkids {
        padding-top: 14%;
    }
}