@media (max-width: 767px) { .blogs-filter .container { margin: 0; } }

@media (min-width: 992px) { .blogs-filter .section-heading { margin-bottom: 44px; } }

@media (max-width: 991px) { .blogs-filter .section-heading { margin-bottom: 2rem; } }

@media (max-width: 767px) { .blogs-filter .section-heading { padding: 0 20px; } }

.blogs-filter h3 { font-weight: 700; color: #22366A; font-size: 20px; line-height: 22px; }

@media (max-width: 767px) { .blogs-filter h3 { padding: 0 20px; } }

@media (min-width: 992px) { .blogs-filter .filters { margin-top: 32px; } }

@media (max-width: 991px) { .blogs-filter .filters { display: -webkit-box; overflow-x: scroll; margin-top: 32px; } }

@media (max-width: 767px) { .blogs-filter .filters { padding: 0 20px; } }

.blogs-filter .filters button { border: 1px solid #909AB4; background: white; color: #22366A; margin-right: 20px; }

@media (min-width: 992px) { .blogs-filter .filters button { margin-bottom: 24px; } }

@media (max-width: 991px) { .blogs-filter .filters button { display: block; margin-right: 16px; } }

@media (min-width: 992px) and (max-width: 1199px) { .blogs-filter .filters button { margin-right: 6px; } }

.blogs-filter .filters button:last-child { margin-right: 0; }

.blogs-filter .filters button.active { background: #D3D7E1; border: none; }

.blogs-filter .filters .more-filter { background: #22366A; color: white; padding: 16px 18px; position: relative; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjU5OTYwOSAxLjA5OTYxTDUuOTk5NjEgNi40OTk2MUwxMS4zOTk2IDEuMDk5NjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K") !important; background-position: 65% center !important; font-weight: 700; }

.blogs-filter .search-select-filter { display: flex; padding-bottom: 30px; border-bottom: 1px solid #D3D7E1; }

@media (min-width: 992px) { .blogs-filter .search-select-filter { margin-top: 20px; } }

@media (max-width: 991px) { .blogs-filter .search-select-filter { flex-direction: column; margin-top: 28px; } }

@media (max-width: 767px) { .blogs-filter .search-select-filter { padding: 0 20px 32px; } }

@media (max-width: 991px) { .blogs-filter .search-select-filter form { margin-bottom: 20px; } }

.blogs-filter .search-select-filter form .blog-search { display: flex; color: #909AB4; position: relative; }

.blogs-filter .search-select-filter form .blog-search input { color: #22366A; }

@media (min-width: 992px) { .blogs-filter .search-select-filter form .blog-search { min-width: 365px; }
  .blogs-filter .search-select-filter form .blog-search input { padding: 14px 0 18px 20px; width: 100%; } }

.blogs-filter .search-select-filter form .blog-search .cross-icon { right: 60px; background-repeat: no-repeat; position: absolute; top: 30%; display: none; }

.blogs-filter .search-select-filter form .blog-search #search-input:not(:placeholder-shown) ~ .cross-icon { display: block; }

@media (max-width: 991px) { .blogs-filter .search-select-filter form .blog-search input { width: 100%; padding: 14px 0 18px 20px; } }

@media (min-width: 992px) { .blogs-filter .search-select-filter form .blog-search button { padding: 14px 17px; } }

@media (max-width: 991px) { .blogs-filter .search-select-filter form .blog-search button { padding: 16px; } }

.blogs-filter .search-select-filter form .blog-search button span { filter: invert(100%) sepia(100%) saturate(14%) hue-rotate(212deg) brightness(104%) contrast(104%); }

.blogs-filter .search-select-filter .choose-author { width: 100%; padding: 14px 0 18px 20px; border: none; outline: none; color: #22366A; position: relative; font-weight: 400; background: #E9EBF0; background-position: 100% center !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MiA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUyIiBoZWlnaHQ9IjUyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Mikgcm90YXRlKDkwKSIgZmlsbD0iIzIyMzY2QSIvPgo8cGF0aCBkPSJNMTcgMjJMMjYgMzFMMzUgMjIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) !important; }

@media (min-width: 992px) { .blogs-filter .search-select-filter .choose-author { max-width: 365px; margin-left: 20px; } }