.clearfix {
    content: "";
    display: block;
    clear: both;
}

.forms-content {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background: #086788;
    padding-bottom: 15px;

}

.forms-content h1 {
    background: #0c234b;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    padding: 5px;
}

.dl-img {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    background: #EFE9F4;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 5px;
}

.dl-img p {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    color: #484D6D;
    font-weight: 600;
    padding: 10px;
}

.content-table {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 16px;
    background: #D3E298;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.content-table thead tr {
    background-color: #003875;
    color: #fff;
    text-align: left;
    font-family: 'Poppins', sans-serif;
}

.content-table th,
.content-table td {
    padding: 10px 15px;
}

.content-table tbody tr {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    border-bottom: 2px solid #1A936F;
}

.content-table tbody tr td h4 {
  text-transform: uppercase;
}
.content-table a {
    display: block;
    color: #e4202c;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}

.content-table h4 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-align: center;
    background: green;
    color: #fff;
    font-weight: 400;
}

tbody tr td .fa-phone-square {
    color: #1F7A8C;
}
tbody tr td .link-call:hover .fa-phone-square {
    display: none;
}
.p-hover {
    display: none;
    font-size: 15px;
    
}
tbody tr td a {
    z-index: -1;
}

tbody tr td a:hover .p-hover {
    display: block;
    color: #1E555C;

}

@media screen and (max-width: 768px) { 
    .content-table {
        width: 100%;
        max-width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 500px) {
    .dl-img {
        width: 100%;
        max-width: 90%;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .dl-img img {
        height: 8rem;
    }

    .forms-content {
        width: 100%;
    }

    .forms-content h1 {
        font-size: 15px;
    }

    .forms-content p {
        font-size: 15px;
    }

    .content-table {
        width: 100%;
        max-width: 98%;
        font-size: 15px;
    }

    @media screen and (max-width: 425px) {
        .dl-img {
            width: 100%;
            max-width: 95%;
            margin: auto;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .dl-img img {
            height: 8rem;
        }

        .forms-content {
            width: 100%;
        }

        .forms-content h1 {
            font-size: 15px;
        }

        .forms-content p {
            font-size: 15px;
        }

        .content-table {
            width: 100%;
            max-width: 98%;
        }

        .content-table a {
            display: block;
            color: #e4202c;
            text-align: center;
            font-size: 30px;
        }

        .content-table h4 {
            font-size: 15px;
        }
        
          @media screen and (max-width: 320px) {
        
        .content-table {
            width: 320px;
            max-width: 310px;
          
        }