
/* underline H1 */

/* .underline__title {

    display: inline-block;
    margin-bottom: 1.2vmin;
    position: relative;
    z-index: 2
    
}

.underline__title span {
    position: relative;
    z-index: 2;
    transform-style: preserve-3d
}

.underline__title::before {
    content: '';
    display: block;
    width: 100%;
    height: 15%;
    background-color: #ea4a86;
    position: absolute;
    bottom: 0;
    left: 3px;
    z-index: -1;
    transform: translateZ(-1em)
} */

#sec6{font-size: 26px;}


#sec8{background:#fff;}

 .container-1{position:relative;
    /* height:100vh; */
    color:#fff}
 .title1{position:absolute;top:5%;left:50%;font-size:62px;transform:translateX(-50%);margin-top: 30px;z-index:11}
 
 .rebbe{position:absolute;left:50%;width:40%;transform: translate(-50%, 5%);}
 #rebbe1{opacity:1;z-index:11}
 #blur{filter:blur(5px);width:86%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10}



.text-wrapper2{text-align:right;position:relative;width:100%;height:100%}
.p-wrapper2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:45%;text-align:justify;direction:rtl}


.donations{font-size: 33px;}

.fries {
    left: 30%;

    animation: friesSlide 3.9s ease-in-out infinite;
    filter: drop-shadow(0 0 8px rgba(255, 165, 0, 0.5));
  }


@keyframes friesSlide {
    0%,
    100% {
      transform: translateY(0) rotate(-1deg);
    }
    50% {
      transform: translateY(-1px) rotate(1deg);
    }
  }

@media(max-width: 890px){

    #sec6{font-size: 16px;}

    .title1{font-size:32px;}

    .text-wrapper2{height:60%}
    .p-wrapper2{top:20%;width:70%;}
    .rebbe{transform: translate(-50%, 50%);}
    .donations{font-size: 22px;}
    /* .section-info__title::before {
        content: '';
        display: block;
        width: 100%;
        height: 15%;
        position: absolute;
        bottom: 0;
        left: 3px;
        z-index: -1;
        transform: translateZ(-1em)
    } */

}

@media (min-width: 500px) and (max-width: 890px){

    .text-wrapper2{height:90%}
    .rebbe{transform: translate(-50%, 10%);}
}

