.shapeerx2::before{
    
    content: '';
    position: absolute;
    width: 33%;
    /* height: 100%; */
    padding-top: 33%;
    /* right: -30px; */
    left: -17%;
    background-color: #92a0fa6e;
    /* top: 15px; */
    z-index: -1;
    box-sizing: inherit;
    transform: rotate(45deg);
    border-radius: 81px;
}

.shapeerx3::before{
    
    content: '';
    position: absolute;
    width: 33%;
    /* height: 100%; */
    padding-top: 33%;
    /* right: -30px; */
    right: -17%;
    background-color: #87d8ed96;
    /* top: 15px; */
    z-index: -1;
    box-sizing: inherit;
    transform: rotate(45deg);
    border-radius: 81px;
}
.shapeerx33::before{
    
    content: '';
    position: absolute;
    width: 28%;
    /* height: 100%; */
    padding-top: 28%;
    /* right: -30px; */
    right: -1%;
    background-color: #ade4f3;
    /* top: 15px; */
    z-index: -1;
    box-sizing: inherit;
    transform: rotate(45deg);
    border-radius: 81px;
    margin-top: 533px;
}
.shapeerx4::before{
    
    content: '';
    position: absolute;
    width: 33%;
    /* height: 100%; */
    padding-top: 33%;
    /* right: -30px; */
    left: -17%;
    background-color: #f2f5ff;
    /* top: 15px; */
    z-index: 0;
    box-sizing: inherit;
    transform: rotate(45deg);
    border-radius: 81px;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
    
 .shapeerx2::before{
    
        content: '';
    position: absolute;
    width: 57%;
    /* height: 100%; */
    padding-top: 57%;
    /* right: -30px; */
    left: -22%;
    background-color: #92a0fa6e;
    /* top: 15px; */
    z-index: -1;
    box-sizing: inherit;
    transform: rotate(45deg);
    border-radius: 44px;
}  
    .shapeerx33::before{display: none;}
    
    .shapeerx33m::before{
    
    content: '';
    position: absolute;
    width: 57%;
    padding-top: 57%;
    right: -8%;
    background-color: #ade4f3ab;
    z-index: -1;
    box-sizing: inherit;
    transform: rotate(45deg);
    border-radius: 44px;
    margin-top: 0;
}
    .shapeerx4::before{
    content: '';
    position: absolute;
    width: 57%;
    padding-top: 57%;
    left: -14%;
    background-color: #f2f5ff;
    z-index: 0;
    box-sizing: inherit;
    transform: rotate(45deg);
    border-radius: 44px;  
    }
    
}

.wu-flex{
    display: flex;
flex-direction: row;
}

.wu-flex2{
    display: flex;
flex-direction: row-reverse;
}


.wu-img{
    width: 49%;  padding: 30px;
}

.wu-img2{
    width: 46%; padding: 30px;
}

.wu-text{
    width: 35%; text-align: left; align-self: center;
}
.wu-text2{
    width: 34%; text-align: left; align-self: center; margin-left: 10%;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
 .wu-img{
    width: 100%;  padding: 15px;
}

.wu-img2{
    width: 100%; padding: 15px;
}

.wu-text{
    width: 100%; text-align: left; align-self: center; padding:15px;
}
 
    
.wu-text2{
    width: 100%; text-align: left; align-self: center; margin-left: 0px; padding:15px;
}
    .wu-flex{
flex-direction: column;
}

.wu-flex2{
flex-direction: column;
}
    
    
}

/*WHY US 2*/

.image_wuu{
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    object-fit: contain;
}

.imag_outtey{
        height: 250px;
    overflow: hidden;
}
.testim_box2{
    
    
    background-color:white;
    
    margin:20px;
    overflow: auto;
       /* background-image: url(/photo/iconbcg1.png);*/
    background-size: cover;
    
    box-shadow: 0 0 80px rgba(0,0,0,.07);
    width: 29%;
    border-radius: 21px;
    
    overflow: unset;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
    
    .testim_box2{ width:90%;}
}
.testim_box2:hover{
    
        box-shadow: 0 19px 39px rgba(51,48,91,.1), 0 9px 13px rgba(0,0,0,.05);
        transform: translateY(-4px);
        transition: 0.5s;
}