@media only screen and (max-width:1439px){
            .hero-phne {
                width: 554.454285px;
                height: 626.4229125976562px;
                position: absolute;
                top: -64px;
                z-index: 1;
            }
            .hcustom{
                height: 100%;
            }
        }
        @media only screen and (max-width:1250px) {
            .hero-phne {
                width: 530.454285px;
                height: 626.4229125976562px;
                position: absolute;
                top: -64px;
                z-index: 1;
            }
            .hcustom{
                height: 100%;
            }
        }
        
        @media only screen and (max-width: 1200px) {
                .hero{
                    width: 912px;
                    height: 470px;
                }  
               .hero-phne{
                display: none;
               }
                .hero-phne-m{
                    width: 295px;
                    height: 387.9864196777344px;

                    display: block;
                }
                .title-hero{
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 30px; /* 125% */
                }
                .loro-hero{
                    width: 128.99999901034363px;
                    height: 186.99999856538184px;
                    left: 10px;
                    top: 8px;

                }
        }
       
        @media only screen and (max-width: 991px) {
            .imagen-comunidad {
                margin-right: 0px;
            }
            .modal-dialog {
        
                margin-top: 73px;
            }
            .hcustom{
                height: auto;
            }
            .custombotomhero{
                width: 270px;
                height: 50px;
                padding: var(--spacing-8, 8px);
            }
            .custonbotonconfeti{
                width: 300px;
                height: 50px;
                padding: var(--spacing-8, 8px);
            }
            .loro-hero{
                    display: none;
            }
          
            .hero-chil {
                background: none;
            }
            
            .solicita-buton{
                
                width: 270px;
            }
             .hero {
                width: 100%;
                height: auto;
            }
            .accordion{
                width: 100%;
            }
            #preguntas-frecuentes .accordion-body {
                color: var(--Text-Neutral-Primary, #2B3340);
                font-family: var(--Font-Family-Body, Quicksand);
                font-size: var(--Font-Size-Body-m, 14px);
                font-style: normal;
                font-weight: 500;
                line-height: var(--Font-Line-height-Body-m, 20px); /* 142.857% */
            }
             .accordion-button{
                font-size: var(--Font-Size-Body-l, 16px);
                font-style: normal;
                font-weight: 700;
                line-height: var(--Font-Line-height-Body-m, 20px); /* 125% */
             }
               .title-hero{
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 30px; /* 125% */
                }
                .hero p{
                    font-size: var(--Font-Size-Body-l, 16px);
                    font-style: normal;
                    font-weight: 500;
                    line-height: var(--Font-Line-height-Body-l, 24px); /* 150% */
                }
                .hero-phne{
                   display: none;
                }
                .hero-phne-m{
                    width: 80%;
                    height: auto;
                    /*transform: rotate(-11.14deg);*/
                    display: block;
                    margin-top: 24px;
                    margin-bottom: 24px;
                }

                .title-colors{
                    font-size: 24px;
                    line-height: 30px; /* 125% */
                }
                .title-colors span{
                    font-size: 24px;
                    line-height: 30px; /* 125% */
                }
                #comuidad-educativa{
                    padding-top: 40px;
                }
                #comuidad-educativa b , #comuidad-educativa p{
                    text-align: center;
                    font-size: var(--Font-Size-Body-l, 16px);
                    font-style:normal;
                }
                
                .general-text{
                    text-align: center;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 26px; /* 144.444% */
                }

                .card-yellow h5 {           
                    font-size: 18px;
                    line-height: 26px; /* 144.444% */
                }
                .card-yellow p{
                    font-size: 14px;    
                    line-height:20px; /* 142.857% */
                }
                #soporte p{
                    color: var(--Text-Neutral-Primary, #2B3340);
                    font-family: var(--Font-Family-Body, Quicksand);
                    font-size: var(--Font-Size-Body-l, 16px);
                    font-style: normal;
                    font-weight: 500;
                    line-height: var(--Font-Line-height-Body-l, 24px); /* 150% */
                }
                .texto-comunidad{
                    margin-top: 32px;
                }
        }
         @media only screen and (max-width: 375px) {
            .solicita-buton{
                
                width: 100%;
            }
         }