.blog  .description p a{color:var(--clr-primary-dk);}
.blog .description ul{margin-bottom:1rem;}
.blog .content {padding: 60px 0;text-align: center;background-color: #f0f7fe;margin-bottom: 45px;}
.blog .description table { border-collapse: collapse !important; width: 100% !important; margin-bottom:20px; }
.blog .description  th,
.blog .description td { border: 1px solid #000 !important; padding: 8px !important;}
.blog .content h1 {font-size: calc(var(--fs-xl) + 6px); max-width: 1205px; color: #0061bc; margin: 0 auto;}
.blog .column {display: grid; grid-template-columns: 66.6% 1fr; gap: 30px;}
.blog .description p {margin-bottom: 10px; color: #58595b;}
.blog  h2 {font-size: calc(var(--fs-xl) - 2px); margin-bottom: 0.5rem; line-height: 1.2;}
.blog  h2 > * {font-weight: var(--fw-regular);}
.blog  h3 {font-size: 24px; margin-bottom: 20px; color: #000;}
.blog li { list-style-position: inside;}
.blog .description li {list-style: disc; list-style-position: inside; margin-bottom: 5px;}
.blog li a {color: var(--clr-dark-500); font-weight: var(--fw-semi-bold);}
.blog .description h5 {font-size: var(--fs-700); margin-bottom: 20px; margin-top: 25px;}
.blog .description h5 > * {font-weight: var(--fw-semi-bold);}
.quote .quote-form {max-width: 100%;}
.quote .quote-form .title h2 {font-size: calc(var(--fs-xl) - 4px);}
.quote form {padding: 20px;}
.quote .group:nth-child(2) div:nth-child(2) {display: grid; grid-template-columns: repeat(2, 1fr);}
.quote :where(.group:nth-child(3) div:nth-child(2), .group:nth-child(4) div:nth-child(3)) {flex-direction: column;}
.blog-search-heading {font-size: var(--fs-700); font-weight: var(--fw-semi-bold); color: #58595b; padding-bottom: 13px;border-bottom: 1px solid #ccc; text-transform: uppercase; margin: 30px 0 28px 0;}

.search-blog input {width: 100%; border: 1px solid #ccc; padding: 12px 6px; border-radius: 5px;}
.search-input-wrapper {
position: relative;
}
.search-blog input {width: 100%; border: 1px solid #ccc; padding: 12px 6px; border-radius: 5px; font-size: var(--fs-400);}
.search-input-wrapper input[type="text"] {padding-right: 40px;}
.search-input-wrapper .search-button {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);background: none;border: none;cursor: pointer;padding: 0;}
.search-input-wrapper .search-button img { width: 20px;height: auto;}

.blog-categories-heading {font-size: var(--fs-700); font-weight: var(--fw-semi-bold); color: #58595b; padding-bottom: 13px; border-bottom: 1px solid #ccc; text-transform: uppercase; margin: 30px 0 28px 0;}
.blog-categories ul li { color: #58595b;  margin-bottom: 25px;}    


@media only screen and (width < 1250px) {.blogs .columns {grid-template-columns: 60% 1fr;}}
@media only screen and (width < 991px) {
:root {--fs-700: 20px;}
.blog .column {grid-template-columns: 50% 1fr;}
}
@media only screen and (width < 767px) {
:root {--fs-700: 16px;}
.blog .column {grid-template-columns: 1fr;}
.blog .quote .quote-form {max-width: 590px;}
.quote .quote-form .title h2 {font-size: var(--fs-xl) !important;}
}
@media only screen and (width < 475px) {
:root {--fs-700: 14px;}
}


/* {Quote-Form} */
.blog .sidebar {position: sticky; top: 72px; height: fit-content;}
.quote .quote-form {max-width: 100%;}
.quote .quote-form .title h2 {font-size: calc(var(--fs-xl) - 4px);}
.quote form {padding: 20px;}
.quote .group:nth-child(2) div:nth-child(2) {display: grid; grid-template-columns: repeat(2, 1fr);}
.quote :where(.group:nth-child(3) div:nth-child(2), .group:nth-child(4) div:nth-child(3)) {flex-direction: column;}
.quote :where(.group input, .group:nth-child(4) textarea) {padding-block: 10px;}
.quote .group:nth-child(4) textarea {height: 60px;}
.quote .buttons {flex-direction: column;}
.quote form button {margin-inline: auto;}