.samu-about-sub
{
    margin-top:120px;
}



.samu-about-sub .samu-about-sub-main{
    /* border:1px solid black; */
    height:auto;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}



.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under{
   /* border:1px solid black; */
    height:auto;
    width:75%;
    display: flex;
    justify-content: center;
    align-items: center; 
}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left{
    /* border:1px solid black; */
    height:480px;
    width:48%;
}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left .samu-about-sub-main-under-left-big{
    /* border:1px solid black; */
    height:72%;
    width:76%;
    position: relative;
    background-image:url(/assets/images/about/about-main/about-main.jpg) ;
    background-size: cover;
    border-radius: 3px;
}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left .samu-about-sub-main-under-left-big .samu-about-sub-main-under-left-big-under{
    /* border:1px solid black; */
    height:75%;
    width:70%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top:47%;
    left:60%;
    background-color: white;
    box-shadow: 0px 0px 4px -2px black;
    border-radius: 2px;
}




.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left .samu-about-sub-main-under-left-big .samu-about-sub-main-under-left-big-under-main{
    /* border:1px solid black; */
    height:96%;
    width:95.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image:url(/assets/images/about/about-main/about-main1.jpg) ;
    background-size: cover;
    border-radius: 2px;
}




.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left .samu-about-sub-main-under-left-big .samu-about-sub-main-under-left-big-under-small{
    /* border:1px solid black; */
    height:29%;
    width:45%;
    position: relative;
    top:10%;
    left:20%;
    align-content: center;
    justify-items: center;
    animation: a 4s linear infinite;
}

@keyframes a{
    0%{
        top:20px;

    }
    25%{
        top:25px;
        
    }
    50%{
        top:20px;
        
    }
    75%{
        top:15px;
        
    }
    100%{
        top:20px;
        
    }
}




.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left .samu-about-sub-main-under-left-big .samu-about-sub-main-under-left-big-under-small .samu-about-sub-main-under-left-big-under-small-top{
    /* border:1px solid black; */
    height:95%;
    width:100%;
    align-content: center;
    justify-items: center;
    border-radius: 2px 2px 0px 0px;
    background-color: var(--darkgreen);
    
}




.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left .samu-about-sub-main-under-left-big .samu-about-sub-main-under-left-big-under-small .samu-about-sub-main-under-left-big-under-small-bottom{
    /* border:1px solid black; */
    height:4%;
    width:102%;
    border-radius: 20px;
    background-color: var(--orange);
}



.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left .samu-about-sub-main-under-left-big .samu-about-sub-main-under-left-big-under-small .samu-about-sub-main-under-left-big-under-small-top .samu-about-sub-main-under-left-big-under-small-top-first{
    /* border:1px solid black; */
    height:50px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    font-family: arial;
    color: var(--white);
}





.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left .samu-about-sub-main-under-left-big .samu-about-sub-main-under-left-big-under-small .samu-about-sub-main-under-left-big-under-small-top .samu-about-sub-main-under-left-big-under-small-top-second{
    /* border:1px solid black; */
    height:20px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: var(--white);
}





.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right{
    /* border:1px solid black; */
    height:480px;
    width:48%;
    margin-left:4%;
}



.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-top{
   /* border:1px solid black; */
    height:auto;
    width:100%; 
    display: flex;
    align-items: center;
    margin-top:20px;
    padding:9px 0px;
}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-top .samu-about-sub-main-under-right-top-first{
    /* border:1px solid black; */
    height:auto;
    width:69px;
    font-size:12px;
    font-family: arial;
    font-weight:bold;
    color: var(--darkgreen);
}




.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-top .samu-about-sub-main-under-right-top-second{
    /* border:1px solid black; */
    height:2.5px;
    width:68px;
    /* background-color: black; */
    border-radius: 20px;
    background-color: var(--orange);
}




.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-first{
    /* border:1px solid black; */
    height:auto;
    width:100%;
    font-size: 30px;
    font-weight:600;
    font-family: arial;
    padding:10px 0px;
    color:var(--secoundary-color);

}

.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-second{
    /* border:1px solid black; */
    height:auto;
    width:100%;
    font-size: 11px;
    /* font-weight:600; */
    font-family: arial;
    padding:5px 0px;
    line-height: 17px;
    color: var(--paragraph-color);
}



.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-third{
    /* border:1px solid black; */
    height:auto;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:10px;

}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-third .samu-about-sub-main-under-right-middle-third-left{
    /* border:1px solid black; */
    height:55px;
    width:3px;
    background-color: var(--orange);
    border-radius:20px;
    
}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-third .samu-about-sub-main-under-right-middle-third-right{
    /* border:1px solid black; */
    height:auto;
    width:95%;
    font-size:11px;
    font-family: arial;
    line-height: 17px;
    color: var(--paragraph-color);
}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-forth{
    /* border:1px solid black; */
    height:auto;
    width:100%;
    display: flex;
    align-items: center;
    margin-top:25px;

}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-forth .samu-about-sub-main-under-right-middle-forth-left{
/* border:1px solid black; */
height:30px;
width:35px;
font-size: 25px;
color: var(--paragraph-color);


}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-forth .samu-about-sub-main-under-right-middle-forth-right{
/* border:1px solid black; */
height:auto;
width:92%;
align-content: center;

}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-forth .samu-about-sub-main-under-right-middle-forth-right .samu-about-sub-main-under-right-middle-forth-right-top{
    /* border:1px solid black; */
    height:15px;
    width:100%;
    font-size: 14px;
    font-family: arial;
    font-weight:600;
    align-items: center;
    color: var(--secoundary-color);
}


.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-forth .samu-about-sub-main-under-right-middle-forth-right .samu-about-sub-main-under-right-middle-forth-right-bottom{
    /* border:1px solid black; */
    height:auto;
    width:100%;
    padding: 3px 0px;
    font-size:11.5px;
    font-family: arial;
    color: var(--paragraph-color);

}




.samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right .samu-about-sub-main-under-right-middle-bottom{
    /* border:1px solid black; */
    height:40px;
    width:120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family:arial ;
    font-weight:bold;
    margin-top: 20px;
    border-radius: 3px;
    background-color: var(--orange);
    color: var(--white);
}





@media (max-width:1024px){
    .samu-about-sub .samu-about-sub-main .samu-about-sub-main-under{
        width:90%;
    }
}




@media (max-width:824px){
   .samu-about-sub .samu-about-sub-main .samu-about-sub-main-under{
        width:80%;
        display: block;
    } 

    .samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-left{
        width:100%;
    }

    .samu-about-sub .samu-about-sub-main .samu-about-sub-main-under .samu-about-sub-main-under-right{
        width:100%;
        margin:0%;
    }

}


@media (max-width:500px){
 .samu-about-sub .samu-about-sub-main .samu-about-sub-main-under{
        width:98%;
    }    
}