:root{
    --primary:#1E73BE;
    --secondary:#333333;
    --gray:#666666;
    --white:#fff;
    --green:#1E9754;
    --railway:'inter';
    --btn-hover:#3c94e0;
    --txt-hover:#92c7f5;
    --txtgreen-hover:#4cdd8d;

}
    /* BRANCHES */

    .branch-block {
        background-color: var(--white);
        display: block;
        color: var(--secondary);
        padding: 15px 15px 15px;
        box-shadow: 0px 2px 15px #07070720;
        margin-bottom: 25px;
        position: relative;
    }


    .branch-block:hover, .branch-block:focus, .branch-block:active {
        box-shadow: 0px 4px 20px 0px #00000020;
        color: var(--secondary);
    }

    .branch-block div{
        font-size:16px;
        color:#1E73BE;
        font-weight: 500;
        text-transform: uppercase;
        padding-bottom: 10px;
    }

    .branch-block li a{
        color:#666666;
        font-size:14px;
    }

    .branch-block li a:hover{
        color: var(--primary);
        font-size:14px;
    }

    .branch-block li{
        padding-bottom: 5px;
    }
    .branch-block .branchlocation{
        position: absolute;
        top: 20px;
        right: 15px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 50px;
        background: #f3f3f3;
        border-radius: 50px;
    }
    .branch-block .branchlocation i{
        font-size: 26px;
        color: var(--green);
    }
    .branch-block .branchlocation:hover i{
        color: var(--primary);
    }
    .search-area{ margin-bottom: 20px;}
    .search-area input{
        width: 100%;
        display: block;
        width: 100%;
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        margin-bottom: 10px;
    }

    .search-area button{
        width: 100%;
        display: block;
        width: 100%;
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #fff;
        background-color: var(--green);
        background-clip: padding-box;
        border: 1px solid var(--green);
        margin-bottom: 10px;


    }
    /* BRANCHES PAGES END--- */