p,h1,h2,h3,h4,h5,h6{margin: 0;}
.header-wrapper{ background-color: white;}
.blog{ background: #f7f8fa;}
.blog .main{ display: flex;flex-direction: column; align-items: center;gap: 80px; padding: 100px 10px;position: relative; max-width: 1440px;width: 100%;flex: 0 0 auto;margin: 0 auto;}
.blog .hero-featured{display: flex;flex-direction: column;align-items: flex-start;gap: 48px; position: relative;width: 100%;flex: 0 0 auto;}
.blog .container-2 {display: flex; flex-direction: column;align-items: flex-start;gap: 15.3px;position: relative; align-self: stretch;width: 100%;flex: 0 0 auto;}
.blog .overlay {display: inline-flex;align-items: flex-start;padding: 4px 12px;position: relative;flex: 0 0 auto; background-color: #ba002c1a;border-radius: 9999px;}
.blog .text-3 {position: relative;display: flex;align-items: center; width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica; font-weight: 600;color: #ba002c; font-size: 14px; letter-spacing: 1.4px; line-height: 20px;white-space: nowrap;}
.blog .heading {display: flex; flex-direction: column;max-width: 896px;align-items: flex-start;position: relative; flex: 0 0 auto;}
.blog .the-future-of-field{position:relative;width:fit-content;margin-top:-1px;font-family:"Manrope",Helvetica;font-weight:800;color:transparent;font-size:54px;letter-spacing:-1.36px;line-height:67px;}
.blog .span{color: #0d1046;letter-spacing: -0.73px;}
.blog .text-wrapper-3 { color: #ba002c;letter-spacing: -0.73px;}
.blog .overlay-border {position: relative;align-self: stretch;width: 100%;background-color: #ffffff01;border-radius: 18px;overflow: hidden;border: 1px solid;border-color: #e3e5eb; box-shadow: 0px 1px 2px #0000000d;aspect-ratio: 2.33;}
.blog .image { position: absolute; width: calc(100% - 1px);height: calc(100% - 1px);top: 1px;left: 1px;}
.blog .background {display: flex; flex-direction: column; width: calc(100% - 2px);height: calc(100% - 3px);align-items: flex-start;justify-content: flex-end;padding: 48px;position: absolute;top: 1px;left: 1px;background: linear-gradient(180deg, rgba(13, 16, 70, 0) 0%, rgba(13, 16, 70, 0.8) 100%);}
.blog .margin {padding: 0px 0px 16px;align-self: stretch;width: 100%;display: flex;flex-direction: column;align-items: flex-start;position: relative;flex: 0 0 auto;}
.blog .container-3 {display: flex;align-items: center;gap: 16px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.blog .container-4 {display: inline-flex;align-items: center;gap: 4px;position: relative;flex: 0 0 auto;}
.blog .icon {position: relative;width: 12.75px;height: 14.34px;}
.blog .text-4 {position: relative;display: flex;align-items: center;width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 600;color: #ffffffcc;font-size: 14px;letter-spacing: 0.7px;line-height: 20px;white-space: nowrap;}
.blog .overlay-2 {position: relative;width: 4px;height: 4px;background-color: #ffffff66;border-radius: 9999px;}
.blog .img {position: relative;width: 14.25px;height: 14.25px;}
.blog .container-wrapper {max-width: 672px;width: 672px;padding: 0px 0px 32px;display: flex;flex-direction: column;align-items: flex-start;position: relative;flex: 0 0 auto;}
.blog .explore-how-the-wrapper {display: flex;flex-direction: column;max-width: 672px;align-items: flex-start;position: relative;width: 100%;flex: 0 0 auto;opacity: 0.9;}
.blog .explore-how-the {position: relative; align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #ffffff;font-size: 18px;letter-spacing: 0;line-height: 29.2px;}
.blog .button {all: unset;box-sizing: border-box;display: inline-flex;gap: 8px;padding: 16px 32px;background-color: #ffffff;align-items: center;position: relative;flex: 0 0 auto;border-radius: 8px;}
.blog .text-5 {position: relative;display: flex;align-items: center;justify-content: center;width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #0d1046;font-size: 16px;text-align: center;letter-spacing: 0;line-height: 24px;white-space: nowrap;}
.blog .icon-wrapper {display: inline-flex;flex-direction: column;align-items: center;position: relative;flex: 0 0 auto;}
.blog .icon-2 {position: relative;width: 15px;height: 15px;}
.blog .section-main-content {display: flex;align-items: flex-start;gap: 32px;position: relative;width: 100%;flex: 0 0 auto;}
.blog .articles-column {display: flex;flex-direction: column;align-items: flex-start;gap: 40px;position: relative;flex: 1;align-self: stretch; flex-grow: 1;}
.blog .horizontal-border {display: flex;align-items: center;justify-content: space-between;padding: 0px 0px 16px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;border-bottom-width: 1px;border-bottom-style: solid;border-color: #e3e5eb;}
.blog .heading-2 {position: relative;width: 237.94px;height: 41.59px;}
.blog .text-6 {position: absolute;top: -1px;left: 0;height: 42px;display: flex;align-items: center;font-family: "Manrope", Helvetica;font-weight: 700;color: #0d1046;font-size: 32px;letter-spacing: 0;line-height: 41.6px;white-space: nowrap;}
.blog .container-5 { position: relative;flex: 0 0 auto;}
.blog .container-6 {display: flex;gap: 32px;width:100%;flex-wrap: wrap;}
.blog .article-card {width: calc(50% - 16px);position: relative;display: flex;flex-direction: column;align-items: flex-start;background-color: #ffffff;border-radius: 18px;overflow: hidden;border: 1px solid;border-color: #e3e5eb;}
.blog .container-7 {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;aspect-ratio: 1.78;}
.blog .div-2 { position: relative;align-self: stretch;width: 100%;height:100%;background-image: url(../img/hardware-software-dashboard.png);background-size: cover;background-position: 50% 50%;}
.blog .container-8 {display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;padding: 32px;position: relative;align-self: stretch;width: 100%;height: 100%;}
.blog .overlay-wrapper { display: flex;align-items: center;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.blog .overlay-3 {display: inline-flex;flex-direction: column;align-items: flex-start;padding: 2px 8px;position: relative;flex: 0 0 auto;background-color: #ba002c1a;border-radius: 4px;}
.blog .text-7 {position: relative;display: flex;align-items: center;width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #ba002c;font-size: 12px;letter-spacing: 0;line-height: 18px;white-space: nowrap;}
.blog .heading-margin {padding: 0px 0px 12px;width: 100%;}
.blog .text-wrapper-4 { position: relative;align-self: stretch;margin-top: -1px;font-family: "Manrope", Helvetica;font-weight: 700;color: #0d1046;font-size: 24px;letter-spacing: 0;line-height: 33.6px;}
.blog .margin-2 {padding: 0px 0px 24px;width: 100%; position: relative;}
.blog .container-9 {position: relative;align-self: stretch;width: 100%;}
.blog .p {font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 17px;letter-spacing: 0;line-height: 27.2px;}
.blog .container-10 {display: flex;align-items: center;justify-content: space-between;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.blog .container-11 {display: inline-flex;align-items: center;gap: 12px;position: relative;flex: 0 0 auto;}
.blog .background-2 {display: flex;width: 32px;height: 32px;align-items: center;justify-content: center;padding: 6.5px 0px 7.5px;position: relative;background-color: #e8eefe;border-radius: 9999px;}
.blog .text-8 {position: relative;display: flex;align-items: center;justify-content: center;width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 700;color: #0d1046;font-size: 12px;text-align: center;letter-spacing: 0;line-height: 18px;white-space: nowrap;}
.blog .text-9 {position: relative;display: flex;align-items: center;width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 500;color: #0d1046;font-size: 14px;letter-spacing: 0;line-height: 21px;white-space: nowrap;}
.blog .text-10 { position: relative;display: flex;align-items: center;width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 14px;letter-spacing: 0;line-height: 21px;white-space: nowrap;}
.blog .article-card-2 { width: calc(50% - 16px);position: relative;display: flex;flex-direction: column;align-items: flex-start;background-color: #ffffff;border-radius: 18px;overflow: hidden;border: 1px solid;border-color: #e3e5eb;}
.blog .div-4 {position: relative;align-self: stretch;width: 100%; height: 100%;background-image: url(../img/lean-dispatch-workflow.png);background-size: cover;background-position: 50% 50%;}
.blog .text-11 {font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 17px;letter-spacing: 0;line-height: 27.2px;}
.blog .article-card-3 {width: calc(50% - 16px);position: relative;display: flex;flex-direction: column;align-items: flex-start;background-color: #ffffff;border-radius: 18px;overflow: hidden;border: 1px solid;border-color: #e3e5eb;}
.blog .div-5 {position: relative;align-self: stretch;width: 100%;height: 100%;background-image: url(../img/fleetcore-telemetry-monitoring.png);background-size: cover;background-position: 50% 50%;}
.blog .text-12 {font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 17px;letter-spacing: 0;line-height: 27.2px;}
.blog .article-card-4 {width: calc(50% - 16px);position: relative;display: flex;flex-direction: column;align-items: flex-start;background-color: #ffffff;border-radius: 18px;overflow: hidden;border: 1px solid;border-color: #e3e5eb;}
.blog .div-6 {position: relative;align-self: stretch;width: 100%;height: 100%;background-image: url(../img/field-routing.png);background-size: cover;background-position: 50% 50%;}
.blog .text-13 {font-family: "Inter", Helvetica;font-weight: 400;color: #777c88;font-size: 17px;letter-spacing: 0;line-height: 27.2px;}
.blog .button-wrapper {display: flex;align-items: flex-start;justify-content: center;padding: 24px 0px 0px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.blog .button-2 { all: unset;box-sizing: border-box;display: inline-flex;gap: 8px;padding: 12px 40px;border: 1px solid;border-color: #0d1046;align-items: center;position: relative;flex: 0 0 auto;border-radius: 8px;}
.blog .text-14 {position: relative;display: flex;align-items: center;justify-content: center; width: fit-content;font-family: "Inter", Helvetica;font-weight: 400;color: #0d1046;font-size: 16px;text-align: center;letter-spacing: 0;line-height: 24px;white-space: nowrap;}
.blog .icon-3 {position: relative; width: 11.31px;height: 6.71px;}
.blog .aside-sidebar {display: flex;flex-direction: column;width: 380px;align-items: flex-start;gap: 32px;position: relative;align-self: stretch;}
.blog .search-box {flex-direction: column;align-items: flex-start;gap: 16px; padding: 32px;width: 100%;flex: 0 0 auto;background-color: #ffffff;border-radius: 18px;border: 1px solid;border-color: #e3e5eb;display: flex;position: relative;align-self: stretch;}
.blog .text-wrapper-5 {align-items: center;margin-top: -1px;font-family: "Manrope", Helvetica;font-weight: 400;color: #0d1046;font-size: 18px;letter-spacing: 0;line-height: 27px;display: flex;position: relative;align-self: stretch;}
.blog .input {padding: 14px 48px 14px 16px;background-color: #f9f9ff;border-color: #e3e5eb !important;display: flex;align-items: flex-start;justify-content: center;position: relative; align-self: stretch;width: 100%;flex: 0 0 auto;border-radius: 8px;overflow: hidden;border: 1px solid;}
.blog .container-12 { display: flex;flex-direction: column;align-items: flex-start;position: relative;flex: 1;flex-grow: 1;}
.blog .text-wrapper-6 {position: relative;display: flex;align-items: center;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #6b7280;font-size: 16px;letter-spacing: 0;line-height: normal;}
.blog .img-wrapper {display: inline-flex;flex-direction: column;height: 48.00%;align-items: flex-start;position: absolute;top: 26.00%;right: 16px;}
.blog .icon-4 {position: relative;width: 17.19px;height: 17.19px;}
.blog .div-7 {display: flex;flex-direction: column;align-items: flex-start;gap: 24px;padding: 32px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;background-color: #ffffff;border-radius: 18px;border: 1px solid;border-color: #e3e5eb;}
.blog .container-13 {display: flex;flex-direction: column;align-items: flex-start;gap: 24px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.blog .link-2 {display: flex;align-items: flex-start;gap: 16px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.blog .text-15 {position: relative;display: flex;align-items: center;width: fit-content;margin-top: -1px;opacity: 0.3;font-family: "Inter", Helvetica;font-weight: 600;color: #ba002c;font-size: 20px;letter-spacing: 0;line-height: 30px;white-space: nowrap;}
.blog .text-16 {position: relative;display: flex; align-items: center;width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 700;color: #0d1046;font-size: 16px;letter-spacing: 0;line-height: 24px;white-space: nowrap;}
.blog .newsletter-signup {display: flex;flex-direction: column;align-items: flex-start;padding: 40px;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;background-color: #0d1046;border-radius: 18px;overflow: hidden;}
.blog .overlay-blur {position: absolute;top: -48px;right: -48px;width: 128px;height: 128px;background-color: #ba002c33;border-radius: 9999px;filter: blur(32px);}
.blog .container-14 {display: flex;flex-direction: column;align-items: flex-start;gap: 15px;position: relative;align-self: stretch; width: 100%;flex: 0 0 auto;}
.blog .icon-5 {position: relative;width: 31.67px;height: 25px;}
.blog .join-the-fieldcore-wrapper {padding: 1px 0px 0px;display: flex;flex-direction: column;align-items: flex-start;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.blog .join-the-fieldcore { position: relative;align-self: stretch;margin-top: -1px;font-family: "Manrope", Helvetica;font-weight: 400;color: #ffffff;font-size: 24px;letter-spacing: 0;line-height: 30px;}
.blog .the-latest-in-field-wrapper { display: flex;flex-direction: column;align-items: flex-start;position: relative;align-self: stretch; width: 100%;flex: 0 0 auto;opacity: 0.9;}
.blog .the-latest-in-field {position: relative;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #8b8fca;font-size: 15px;letter-spacing: 0;line-height: 22.5px;}
.blog .form {display: flex;flex-direction: column;align-items: flex-start;gap: 16px;padding: 17px 0px 0px; position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;}
.blog .input-2 {padding: 14px 16px;background-color: #ffffff1a;border-color: #ffffff33;display: flex;align-items: flex-start;justify-content: center;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;border-radius: 8px;overflow: hidden; border: 1px solid;}
.blog .container-15 { position: relative;flex-grow: 1; border: none;background: none;align-self: stretch;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #ffffff66;font-size: 16px;letter-spacing: 0;line-height: normal;padding: 0;}
.blog .button-3 {all: unset;box-sizing: border-box;display: flex;justify-content: center;padding: 12px 0px;align-self: stretch;width: 100%;background-color: #ba002c;align-items: center;position: relative;flex: 0 0 auto;border-radius: 8px;}
.blog .text-17 {position: relative;display: flex;align-items: center;justify-content: center;width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #ffffff;font-size: 16px;text-align: center;letter-spacing: 0;line-height: 24px;white-space: nowrap;}
.blog .container-16 {display: flex;flex-direction: column;align-items: center;position: relative;align-self: stretch;width: 100%;flex: 0 0 auto;opacity: 0.5;}
.blog .text-18 {position: relative;display: flex;align-items: center;justify-content: center;width: fit-content;margin-top: -1px;font-family: "Inter", Helvetica;font-weight: 400;color: #ffffff;font-size: 12px;text-align: center;letter-spacing: 0;line-height: 18px;white-space: nowrap;}
.blog .container-17 {position: relative;align-self: stretch;width: 100%;display: flex;flex-direction: row;gap: 10px;flex-wrap: wrap;}
.blog .link-3 {display: inline-flex;flex-direction: column;align-items: flex-start;padding: 8px 16px;background-color: #f9f9ff;border-radius: 8px;border: 1px solid;border-color: #e3e5eb;}
.blog .text-19 {position: relative;display: flex;align-items: center;width: fit-content;font-family: "Inter", Helvetica;font-weight: 500;color: #0d1046;font-size: 14px;letter-spacing: 0;line-height: 21px;white-space: nowrap;}
.blog .link-4 {display: inline-flex;flex-direction: column;align-items: flex-start;padding: 8px 16px;background-color: #f9f9ff;border-radius: 8px;border: 1px solid;border-color: #e3e5eb;}
.blog .link-5 {display: inline-flex;flex-direction: column;align-items: flex-start;padding: 8px 16px;background-color: #f9f9ff;border-radius: 8px;border: 1px solid; border-color: #e3e5eb;}
.blog .link-6 {display: inline-flex;flex-direction: column;align-items: flex-start;padding: 8px 16px;background-color: #f9f9ff;border-radius: 8px;border: 1px solid;border-color: #e3e5eb;}
.blog .link-7 {display: inline-flex;flex-direction: column;align-items: flex-start;padding: 8px 16px;background-color: #f9f9ff;border-radius: 8px;border: 1px solid;border-color: #e3e5eb;}
.blog .link-8 {display: inline-flex;flex-direction: column;align-items: flex-start;padding: 8px 16px;background-color: #f9f9ff;border-radius: 8px;border: 1px solid;border-color: #e3e5eb;}
/* Inject the following CSS after the original generated styles. */
.blog a {color: inherit;}
.blog .nav>a,.blog .container>a,.blog .container-6>article>a,.blog .link-2,.blog .container-17>a,.blog .list>a,.blog .item,.blog .link-9,.blog .button {text-decoration: none;}
.blog .header>a:first-child {display: inline-flex;flex: 0 0 auto;}
.blog .nav>a.div {color: inherit;}
.blog .div-wrapper {color: #ffffff;text-decoration: none;}
.blog .container-7 {color: inherit;text-decoration: none;}
.blog .button,.blog .button-2,.blog .button-3,.blog .img-wrapper {cursor: pointer;font: inherit;}
.blog .img-wrapper {padding: 0;border: 0;background: transparent;}
.blog .search-box .div-3 {position: relative;}
.blog .search-box .input {display: flex;min-width: 0;}
.blog .search-box .container-15 {width: 100%;min-width: 0;margin: -1px 0 0;padding: 0;border: 0;outline: 0;background: transparent;color: #6b7280;font-family: "Inter", Helvetica, sans-serif;font-size: 16px;font-weight: 400;line-height: normal;}
.blog .search-box .container-15::placeholder {color: #6b7280;opacity: 1;}
.blog .newsletter-signup .container-15 {outline: 0;}
.blog .newsletter-signup .container-15::placeholder {color: #ffffff66;opacity: 1;}
.blog .heading h1,.blog .heading-2 h2,.blog .heading-margin h3,.blog .join-the-fieldcore-wrapper h2,.blog .search-box h2,.blog .div-7 h2,.blog .container-22 h2,.blog .container-23 h2,.blog .text-wrapper-7,.blog .text-wrapper-10,.blog .explore-how-the,.blog .the-latest-in-field,.blog .p,.blog .text-11,.blog .text-12,.blog .text-13 {margin-bottom: 0;}
.blog .link-2,.blog .item,.blog .list>a {color: inherit;text-decoration: none;}
.blog .link-2:hover .text-16,.blog .container-17>a:hover .text-19,.blog .list>a:hover .text-wrapper-9,.blog .item:hover .text-20,.blog .link-9:hover .text-wrapper-10,.blog .nav>a:hover .text-wrapper,.blog .nav>a:hover .text-wrapper-2 {color: #ba002c;}
.blog .footer-FOOTER .link-2:hover .text-16,.blog .footer-FOOTER .container-17>a:hover .text-19,.blog .footer-FOOTER .list>a:hover .text-wrapper-9,.blog .footer-FOOTER .item:hover .text-20,.blog .footer-FOOTER .link-9:hover .text-wrapper-10 {color: #ffffff;}
.blog a:focus-visible,.blog button:focus-visible,.blog input:focus-visible {outline: 2px solid #ba002c;outline-offset: 3px;}
.blog .newsletter-signup a:focus-visible,.blog .newsletter-signup button:focus-visible,.blog .newsletter-signup input:focus-visible,.blog .footer-FOOTER a:focus-visible {outline-color: #ffffff;}
.blog .input:focus-within,.blog .input-2:focus-within {border-color: #ba002c;box-shadow: 0 0 0 3px rgba(186, 0, 44, 0.14);}
.blog .newsletter-signup .input-2:focus-within {border-color: #ffffff;box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);}
/* ========================================================= Grid / List view toggle========================================================= */
.view-toggle {display: inline-flex;align-items: center;gap: 2px;padding: 4px;border-radius: 10px;}
.view-toggle__btn {all: unset;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 7px;color: #777c88;cursor: pointer;transition: background-color .18s ease, color .18s ease;}
.view-toggle__btn svg {width: 18px;height: 18px;}
.view-toggle__btn:hover:not(.is-active) {background-color: #f1f2f5;color: #0d1046;}
.view-toggle__btn.is-active {color: #0d1046;}
/* ========================================================= List view layout(applied when .container-6 has data-view="list")========================================================= */
.container-6[data-view="list"] {display: flex;flex-direction: column;gap: 16px;}
.container-6[data-view="list"] .article-card {display: flex;flex-direction: row;align-items: stretch;width: 100%;}
.container-6[data-view="list"] .article-card .container-7 {flex: 0 0 50%;align-self: stretch;}
.container-6[data-view="list"] .article-card .container-7 span {display: block;width: 100%;height: 100%;min-height: 140px;}
.container-6[data-view="list"] .article-card .container-8 {flex: 1;padding-left: 24px;}
.container-6[data-view="list"] .article-card .heading-margin,.container-6[data-view="list"] .article-card .margin-2 {height: auto;}
/* =========================================================Extra (Load More) cards========================================================= */
.article-card.is-extra {animation: fc-fade-in .28s ease both;}
@keyframes fc-fade-in {from {opacity: 0;transform: translateY(6px);}to {opacity: 1;transform: translateY(0);}
}
/* =========================================================Load More button icon rotation========================================================= */
#load-more-btn .icon-3 {transition: transform .2s ease;}
#load-more-btn[aria-expanded="true"] .icon-3 {transform: rotate(180deg);}
@media (prefers-reduced-motion: reduce) {.article-card.is-extra,#load-more-btn .icon-3 {animation: none;transition: none;}}
@media (max-width: 1280px) {
.blog .main{padding-left: 48px;padding-right: 48px;}
.container-6[data-view="list"] .article-card .container-7{flex: auto;width: 100px;}
.blog .container-6{gap: 15px;}
.blog .aside-sidebar {width: 340px;}
}
@media (max-width: 1024px) {
.blog .heading{max-width: 100%;}
.blog .search-box .div-3{width: 100%;}
.blog .section-main-content {flex-direction: column;}
.blog .articles-column,.blog .aside-sidebar {width: 100%;}
.blog .aside-sidebar {align-self: auto;}
.blog .container-19 { flex-wrap: wrap;justify-content: flex-start;}
.blog .container-20 {flex-basis: 100%;}
}
@media (max-width: 768px) {
.blog .main {padding-left: 24px;padding-right: 24px;}
.blog .main {gap: 56px;padding-top: 56px;padding-bottom: 56px;}
.blog .hero-featured {gap: 32px;}
.blog .heading {width: 100%;}
.blog .the-future-of-field {font-size:40px;line-height: 1.12;}
.blog .overlay-border {aspect-ratio: 1.05;}
.blog .background {padding: 24px;}
.blog .container-wrapper {width: 100%;padding-bottom: 20px;}
.blog .explore-how-the {font-size: 15px;line-height: 23px;}
.blog .container-6 {flex-direction: column;}
.blog .article-card,.blog .article-card-2,.blog .article-card-3,.blog .article-card-4 {grid-column: auto;grid-row: auto;width: 100%;}
.blog .container-8 {padding: 24px;}
.blog .p,.blog .text-11,.blog .text-12,.blog .text-13 {position: relative;width: auto;height: auto;}
.blog .newsletter-signup,.blog .search-box,.blog .div-7 {padding: 24px;}
.blog .container-19 {gap: 40px 24px;}
.blog .container-22,
.blog .container-23 {width: calc(50% - 12px);padding-bottom: 0;}
.blog .container-20{padding-bottom: 0;}
.blog .text-wrapper-7{width: 100%;margin-right: 0;}
.blog .horizontal-border-2{flex-direction: column;align-items: flex-start;gap: 20px;}
.blog .button-wrapper{padding: 0;}
}
@media(max-width:575px){
.container-6[data-view="list"] .article-card{flex-direction: column;}
.container-6[data-view="list"] .article-card .container-7 {flex: auto; width: 100%;}
}
@media (max-width: 480px) {
.blog .main{ padding-left: 16px;padding-right: 16px;}
.blog .group {width: 125px;}
.blog .text {font-size: 14px;}
.blog .text-2 {font-size: 14px;}
.blog .div-wrapper {padding: 10px 12px;}
.blog .overlay-border {aspect-ratio: 0.9;}
.blog .container-3 {gap: 10px;}
.blog .background {padding: 20px;}
.blog .explore-how-the {font-size: 14px;line-height: 21px;}
.blog .button {padding: 13px 20px;}
.blog .heading-2 {width: auto;}
.blog .text-6 {font-size: 28px;}
.blog .container-22,.blog .container-23 {width: 100%;}
.blog .container-24 {gap: 18px;}
.blog .text-wrapper-10 {white-space: normal;}
.blog .container-17 a{width: 100%;align-items: center;}
}