.tool-heading-section{
    padding: 5rem;
    text-align: center;
    background-color: #f5f9ff;
}

.tool-heading-section>h1{
    font-size: 5rem;
    word-break: break-all;
    line-height: 1.4;
    font-weight: bolder;
    color: #003e93;
}

.tool-heading-section>p{
    font-size: 2rem;
    word-break: break-all;
    letter-spacing: 1.2px;
    line-height: 1.4;
    padding: 0px;
    margin: 2rem 0px;
    color: #003d93a8;
}


/* Search froms */
.search-form{
    margin: 4rem 0px;
}

.search-form-input{
    border: 0px;
    border-bottom: 3px solid #999;
    padding: 2rem 0px;
    text-indent: 2rem;
    width: 100%;
    font-size: 3rem;
    color: #999;
    background-image: url('../svg/bx-search.svg');
    background-repeat: no-repeat;
    background-size: 4rem;
    background-position: 99%;
    text-align: center;
}
.search-form-input:focus{
    border: 0px;
    border-bottom: 3px solid #003d93;
    outline: 0px;
    padding: 2rem 0px;
    text-indent: 2rem;
    width: 100%;
    font-size: 3rem;
    color: #999;
}
/* ENd search */

/* tool categories */
.tools-categories>h4{
    font-size: 2.5rem;
    color: #003d93;
    font-weight: bold;
}

.tool-category-item{
    font-size: 1.5rem;
    font-weight: bold;
    color: #888;
    text-align: left;
    margin-bottom: 0.7rem;
}
.tool-category-item:hover{
    color: #003d93;
}
/* Tool categories ends */


/* tool card */
.tool-card
{
    text-decoration: none;
    color:#888;
    margin: 1rem 0px;
    padding-left: 1rem;
    outline: 1px solid #003d93;
    height: 20rem;
}
.tool-card .tool-title
{
    color: #000;
}
.tool-card:hover 
{
    background-color: #003d93;
    color: white ;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    outline:  1px solid white;
}
.tool-card:hover .tool-title
{
    color: white;
}
.tool-card > svg
{
    background-color: #f5f9ff;
    min-width: 4rem;
    min-height: 4rem;
}
.tool-card:hover > svg
{
    background-color: #003d93;
}
.tool-title-des{
    padding: 0px 2rem;
}
.tool-title{
    font-size: 2rem;
}
.tool-subdescription{
    font-size: 1.2rem;
    line-height: 1.3;
}
/* tool cards ends */






















/* Media Queries */
@media only screen and (max-width: 983px) {
    .tools-categories>h4{
        text-align: center;
        padding: 2rem 0px;
        background-color: #f5f9ff;
        cursor: pointer;
    }
    .tool-category{
        align-items: center;
    }
    .hide-category{
        display: none !important;
    }
  }