.pagination .page-item{
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.page-item .page-link {
    color: #333;
    box-shadow: none !important;
    outline: none !important;
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.page-item:not(.disabled):not(.active) .page-link:hover {
    text-decoration: none;
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
    background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.page-item.active .page-link {
    color: blue;
    border-width: 0 !important;
    background: #bbbbbb; /* Old browsers */
    background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
}

.page-item.first,
.page-item.first .page-link {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.page-item.last,
.page-item.last .page-link {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.page-item.first .page-link{
    width: 37px;
    height: 37px;
    text-align: center;
    padding-left: 0.5rem !important;
}

.page-item.prev .page-link{
    width: 37px;
    height: 37px;
    text-align: center;
    padding-left: 0.5rem !important;
}

.page-item.last .page-link {
    width: 37px;
    height: 37px;
    text-align: center;
    padding-left: 0.5rem !important;
}

.page-item.next .page-link {
    width: 37px;
    height: 37px;
    text-align: center;
    padding-left: 0.5rem !important;
}

.blog-content{
    display:  block;
    width: 100%;
    overflow-x: hidden;
}

.blog-post-img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.form-control,
.form-control:hover,
.form-control:active,
.form-control:focus {
    border: none;
    outline: none;
    box-shadow: none;
    background-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background: #bbbbbb; /* Old browsers */
    background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #333 !important;
    transition: background 5000s ease-in-out 0s;
}

.form-control::placeholder{
    color: #aaaaaa;
    font-size: 90%;
}

.form-wrapper {
    border: 1px solid #cccccc;
    border-radius: 30px;
    background: #bbbbbb; /* Old browsers */
    background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
}

.btn-search,
.btn-search:hover,
.btn-search:active,
.btn-search:focus{
    padding: 5px;
    border: none;
    outline: none;
    margin-right: 5px;
    color: var(--secondary-text-color);
}