@import url('https://fonts.googleapis.com/css2?family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap');

body
{

    font-family: "Zain", sans-serif;


    #P0_LANG_LIST , #P1901_LIST
    {
        background-color: #f25d23b0;
        color: #ffffff;
        font-weight: bold;
        border-radius: 10px;
        margin-top: 3px;
        padding: 4px 5px 4px 25px
    }

/*Banner Make if right only on big screen*/
    @media (min-width: 1200px) {

        #BannerMainNav .t-Region-bodyWrap{ 
        position: absolute;
        width: 100px; /*ysf test>> was 113*/
        display: flex;
        flex-direction: row;
        overflow: hidden;
        font-size: 12px;
        height: 99vh;
        padding-top: 70px;
        padding-right: 0px;
        padding-left: 0px;/*ysf test*/
        margin-right: -10px;
        margin-left: -10px;/*ysf test*/
        }
        #BannerMainNav .t-Region-header{
            display: none;
        }
        #BannerMainNav ul li a{
            font-size: 14px;
            white-space: normal;
            padding:7.5px /*ysf test>> was 15*/
        }
        .t-Body{
            margin-inline-start: 100px; /*ysf test>> was 113*/
        }


    
    .floating-button {
        position: fixed; /* Keeps the button in a fixed position */
        bottom: 20px; /* Distance from the bottom */
        /*left: 20px;  Distance from the left  ysf stopped test*/
        margin-inline-start:1050px;
        background-color: #a7efae; /* Button background color */
        color: #F25D23; /* Icon color */
        border: none; /* Remove border */
        border-radius: 50%; /* Make it circular */
        width: 60px; /* Button size */
        height: 60px; /* Button size */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Shadow effect */
        cursor: pointer; /* Pointer cursor on hover */
        display: flex; /* Center align icon */
        align-items: center;
        justify-content: center;
        z-index: 1000; /* Ensure it stays above other elements */
        font-size: 24px; /* Icon size */

    }

    .floating-button:hover {
        background-color: #CEE0EE; /* Darker color on hover */
    }
        
    .floating-button:hover {
    transform: scale(1.1); /* Slight zoom on hover */
        transition: transform 0.2s ease-in-out;
    }   
    
}