.wp-container-content-fd3097a4 {
  flex-basis: 48px;
}
.wp-container-content-9cfa9a5a {
  flex-grow: 1;
}
.wp-container-core-navigation-is-layout-f7a73dd1 {
  gap: 12px;
  justify-content: center;
}
.wp-container-core-group-is-layout-6c531013 {
  flex-wrap: nowrap;
}
.wp-container-core-group-is-layout-7c049bc2 {
  flex-wrap: nowrap;
  justify-content: center;
}
.wp-container-core-column-is-layout-92d440f1 > * {
  margin-block-start: 0;
  margin-block-end: 0;
}
.wp-container-core-column-is-layout-92d440f1 > * + * {
  margin-block-start: 0;
  margin-block-end: 0;
}
.wp-container-core-columns-is-layout-28f84493 {
  flex-wrap: nowrap;
}
.wp-container-core-group-is-layout-d788f4c2 {
  flex-wrap: nowrap;
  gap: var(--wp--preset--spacing--50);
  justify-content: center;
}
.wp-block-gallery.wp-block-gallery-3 {
  --wp--style--unstable-gallery-gap: var(
    --wp--style--gallery-gap-default,
    var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em))
  );
  gap: var(
    --wp--style--gallery-gap-default,
    var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em))
  );
}
.wp-container-core-group-is-layout-23441af8 {
  flex-wrap: nowrap;
  justify-content: center;
}
.wp-container-core-navigation-is-layout-90752e8f {
  gap: 8px;
  flex-direction: column;
  align-items: flex-start;
}
.wp-container-core-group-is-layout-9a9777ff {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
}
.wp-container-core-group-is-layout-7443ae6b {
  flex-wrap: nowrap;
  justify-content: center;
}
.wp-container-core-group-is-layout-17124a9a {
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.wp-container-core-group-is-layout-f17ddab5 {
  flex-wrap: nowrap;
  justify-content: flex-end;
}


/* CUSTOM CSS STARTS FROM HERE */

.home img {
    max-width: 100%;
}

.home-block {
    background: #f8f9f9;
    margin: 8px;
    padding: 60px 60px 0px 60px;
    text-align: center;
    overflow: hidden;
}

.home h1,
.home-block h1,
.home-text-block h1 {
    color: #2D3645;
    font-size: 36px;
    line-height: 40px;
    font-family: "Matter", "Roboto", sans-serif;
    font-weight: bold;
}

.home-block.left {
    border-radius: 30px 0px 0px 0px;
}
.home-block.right {
    border-radius: 0px 30px 0px 0px;
}
.btn.btn-explore {
    color: #2e3644;
    border: 1px solid #2e3644;
    padding: 12px 90px;
    border-radius: 30px;
    text-decoration: none;
    margin: 8px 0px;
    display: inline-block;
}
.home-block .block-image {
    max-width: 100%;
    width: 500px;
    height: auto;
    margin: 0px auto 0px auto;
    margin-bottom: -20px !important;
}

.negative-right {
    margin-left: auto !important;
    margin-right: 0px !important;
    margin-right: -80px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}

.home .dev-container {
    width: 100%;
    max-width: 1312px;
    margin-inline: auto;
    padding-left: 0px;
    padding-right: 0px;
}

.support-block {
    margin-top: 90px;
    margin-bottom: 90px;
}

.home-text-block {
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-text-block .block-padding {
    padding: 60px;
}
.btn.btn-primary {
    color: #ffffff;
    border: 1px solid #4584ed;
    background: #4584ed;
    padding: 12px 30px;
    border-radius: 30px;
    text-decoration: none;
    margin: 8px 0px;
    display: inline-block;
    margin-top: 30px;
}
.home-product-img {
    background: #fafafa;
    border-radius: 24px !important;
    padding: 36px !important;
    min-height: 265px;

}
.home-product-img img {
    max-width: 100%;
    max-height: 190px;
    width: auto;
    height: auto;
    margin: auto;
    display: block;
}
article.cpt-product {
    margin: 8px;
}
h5.cpt-title a {
    color: #363e47;
    font-family: Matter, Roboto, sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-8 {
    margin-bottom: 8px;
}
.mb-16 {
    margin-bottom: 16px;
}
footer {
    border-top:1px solid #f0f4f7;
}
main#site-content {
    padding-left: 8px;
    padding-right: 8px;
}
.mt-0 {
    margin-top: 0px;
}

@media only screen and (max-width: 782px) {
    .home-block {
        padding: 30px 20px 0px 20px;
    }
    .solutions-img {
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .home-product-img {
        min-height: auto;
    }
    .latest-products h1 {
        text-align: center;
    }

    .support-block {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .home-text-block .block-padding {
        padding: 20px 30px;
        text-align: center;
    }

    .home-text-block .block-padding .btn.btn-primary {
        margin-top: 0px;
    }

    .home h1,
    .home-block h1,
    .home-text-block h1 {
        font-size: 30px;
        line-height: 34px;
    }
}