/* All home Layout 3 */
    .Homelayout3{

        padding-bottom: 10px;
        height: 600px;
        display: grid;
        place-content: center;
        min-block-size: 450px;
        font-size: 1.125rem;
        background:#fffdef;  
        text-align: center;

    }
    p{
        font-family: 'Lato', sans-serif;
    }
    

    .scroller {
        margin: 0;
        padding: 0;
        max-width: 1200px;
    }

    .scroller img{
        border-radius: 10px;
        transition: transform 0.3s;
    }

    .scroller img:hover{
        border-width: 5px;
        background-color: #411c01;
        transform:scale(1.1);
    }


    .scroller__inner {
        padding-block: 4rem;
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }
    
    .scroller[data-animated="true"] {
        overflow: hidden;
        -webkit-mask: linear-gradient(
        90deg,
        transparent,
        white 20%,
        white 80%,
        transparent
        );
        mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    }
    
    .scroller[data-animated="true"] .scroller__inner {
        width: max-content;
        flex-wrap: nowrap;
        animation: scroll var(--_animation-duration, 40s)
        var(--_animation-direction, forwards) linear infinite;
    }
    
    .scroller[data-direction="right"] {
        --_animation-direction: reverse;
    }
    
    .scroller[data-direction="left"] {
        --_animation-direction: forwards;
    }
    
    .scroller[data-speed="fast"] {
        --_animation-duration: 20s;
    }
    
    .scroller[data-speed="slow"] {
        --_animation-duration: 60s;
    }
    
    @keyframes scroll {
        to {
        transform: translate(calc(-50% - 0.5rem));
        }
    }
    .Homelayout3 button{
        width: 200px;
    }

    .btnflex{
        margin-top: 30px;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
    }