.load-name-photos{

        }

        .name-photos{
            width: 90%; margin-left: 5%;
            min-width: 1000px;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: solid 0.1px #00000028;
           

        }

        .name-photos-divOne{
            width: 100%; display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }

        .name-photos-divOne-left-name{
            font-size: 32px; font-weight: 700;

        }

        .name-photos-divOne-left div{
            font-size: 13px; font-weight: 300;
            display: flex; align-items: center;
            color: #999999; margin-top: 10px;

        }

        .name-photos-divOne-left img{
            width: 16px; height: 16px;
            margin-right: 5px;

        }

        .name-photos-divOne-right{
            display:flex; 
            border-radius: 15px; 
            border:solid 0.1px #94939354;
            height: 30px; font-size: 14px;
            align-items:center;

        }

        .name-photos-divOne-right div{
            display: flex; 
            height: 100%;
            align-items: center;
            margin-left: 5px;
            margin-right: 5px;
            cursor: pointer;
        }

        .name-photos-divOne-right-save{
            display: flex;  align-items: center;
            background-color: #fff;
            justify-content: space-around;
        }


        .name-photos-divOne-right img{
            width: 15px; height:15px; 
            margin-bottom: none;
            margin-right: 5px;
            margin-left: 5px;
        }



        .name-photos-divTwo{
            width: 100%; display: flex;
            margin-top: 30px;
             align-items: flex-start;
           
            

        }


        .name-photos-div-bigPhoto {
            width: 50%;
            aspect-ratio: 1 / 1;
            flex-shrink: 0;
            align-self: flex-start;

            background: url("/imgs/test/Component 8.jpg") center/cover no-repeat;
        }

        .name-photos-smallPhotos-div{
            width: 18%;
        }

        .name-photos-smallPhotos{
            width: 90%; min-width: 100px;
            margin-left: 10%;
            margin-bottom: 10px;
            aspect-ratio: 1 / 1;
            border-radius: 20px;

            background: url("/imgs/test/Component 8.jpg") center/cover no-repeat;

        }

        .name-photos-view-all-photos{
            width: 100%; height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #ffffffd0;
            font-weight: 600;
            color: #525252;
            cursor: pointer;
        }

         .name-photos-view-all-photos:hover{
            background-color: #fff;
         }

        .load-checkin-calender_report{
            width: 32%;
           
        }


    @media (max-width:500px) {

        .name-photos{
            margin-bottom: 30px;
            min-width: 250px;
     
                     
        }


        .name-photos-divOne-right{
            display:flex; 
            border-radius:20px; 
            
        }

        .name-photos-divOne-right div{
          
            margin-left: 0px;
            margin-right: 0px;
       
        }
        

        .name-photos-divOne-right-share{
            width: 85px;
            font-size: 15px; 
           
            display: flex;
            justify-content: center;
            align-items: center;
            
        }


   


        .name-photos-divTwo{
            display: block;
            margin-top: 30px;

                 
        }

        
        .name-photos-div-bigPhoto {
            width: 100%;
            aspect-ratio: 1 / 1;
            flex-shrink: 0;
            align-self: auto;

            display: flex;
            justify-content: end;
            align-items: end;
        }

        .name-photos-divOne-right-save{
            width: 80px; height: 35px;
            border-radius: 17.5px;
            justify-content: center;

            margin-bottom: 20px;
            margin-right: 20px;

        }

       

        .name-photos-divOne-right-save img{
           margin-right: 4px;
          
        }


        .name-photos-smallPhotos-div{
            width: 100%; display: flex;
              margin-bottom: 10px;
            margin-top: 10px;
            justify-content: space-between;
        }

         .name-photos-smallPhotos{
            width: 32%; min-width: 100px;
            margin-left: 0%;
            aspect-ratio: 0;
            height: 80px;

        }


        .name-photos-highlight{
            display: none;
        }





        



    }