@charset "UTF-8";

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes

-------------------------------------------------------------- */

.woocommerce .wac.trb {
  background: rgba(220, 220, 220, 0.5);
  color: #000 !important;
}

.visually-hidden {
  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;

  margin: 5px auto 5px auto;
}

.alignright {
  float: right;

  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;

  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;

  margin: 5px auto 5px auto;
}

.medium {
  max-width: 45%;
}

a img.alignright {
  float: right;

  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;

  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;

  margin-left: auto;

  margin-right: auto;
}

.wp-caption {
  background: #fff;

  border: 1px solid #f0f0f0;

  max-width: 96%; /* Image does not overflow the content area */

  padding: 5px 3px 10px;

  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;

  height: auto;

  margin: 0;

  max-width: 98.5%;

  padding: 0;

  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;

  line-height: 17px;

  margin: 0;

  padding: 0 4px 5px;
}

/*Wordpress end

*/

/*default content start 

*/
.default_content ul {
  margin: 0;

  padding: 0;
}

.default_content ul li {
  padding: 5px 0;
}

.default_content ul li:before {
  /* content: "";

  display: inline-block;

  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0006 7.00039C14.0006 11.0152 10.6236 14.239 6.55416 13.987C3.06748 13.771 0.229666 10.9332 0.0138606 7.44648C-0.238395 3.37708 2.98541 0 7.00025 0C8.10293 0 9.14696 0.254428 10.0756 0.709936C10.3245 0.832081 10.4157 1.14203 10.2784 1.38294L10.2774 1.38463C10.1504 1.60719 9.87331 1.68999 9.6435 1.57678C8.72186 1.12296 7.66818 0.902085 6.55609 0.981503C3.63523 1.18982 1.24979 3.53254 0.989812 6.44929C0.666345 10.0796 3.57561 13.1267 7.16053 13.033C10.2306 12.9529 12.7932 10.5182 13.0179 7.45542C13.0763 6.65979 12.9805 5.8895 12.7526 5.17932C12.6805 4.9541 12.7855 4.71102 12.9969 4.60529C13.261 4.47325 13.5847 4.60529 13.6743 4.88651C13.8862 5.553 14.0006 6.26318 14.0006 7.00039Z' fill='white'/%3E%3Cpath d='M3.47796 5.18318L7.29535 10.3483C7.58357 10.7384 8.17015 10.7046 8.41323 10.2841L13.9295 0.735037C14.2168 0.237768 13.5614 -0.262157 13.1706 0.156419L7.42352 6.31242L4.08892 4.46673C3.63824 4.21737 3.16994 4.7663 3.47796 5.18318Z' fill='white'/%3E%3C/svg%3E%0A");

  background-repeat: no-repeat no-repeat;

  background-position: center center;

  background-size: cover;

  height: 14px;

  width: 14px;

  position: relative;

  top: 3px;

  margin-right: 10px; */
}

.default_content ul li:before {
  /* background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0006 9.00038C18.0006 14.1623 13.6587 18.3071 8.42666 17.9831C3.94385 17.7053 0.29528 14.0567 0.0178205 9.57392C-0.306504 4.34191 3.83833 0 9.0002 0C10.4179 0 11.7602 0.327117 12.9542 0.912763C13.2741 1.0698 13.3915 1.4683 13.2149 1.77804L13.2136 1.78021C13.0504 2.06636 12.6941 2.17282 12.3986 2.02726C11.2137 1.44379 9.85896 1.15981 8.42914 1.26192C4.67381 1.52975 1.60685 4.54178 1.2726 8.29183C0.856718 12.9593 4.59715 16.877 9.20628 16.7565C13.1534 16.6535 16.4482 13.5232 16.7371 9.5854C16.8122 8.56246 16.689 7.57211 16.396 6.65904C16.3032 6.36948 16.4382 6.05694 16.7101 5.92101C17.0496 5.75124 17.4658 5.92101 17.581 6.28258C17.8535 7.13947 18.0006 8.05255 18.0006 9.00038Z' fill='%23093D6C'/%3E%3Cpath d='M4.47208 6.664L9.38008 13.3047C9.75065 13.8063 10.5048 13.7628 10.8173 13.2222L17.9096 0.945035C18.279 0.305697 17.4363 -0.337054 16.9339 0.201107L9.54488 8.11585L5.25759 5.74286C4.67816 5.42226 4.07606 6.12801 4.47208 6.664Z' fill='%23093D6C'/%3E%3C/svg%3E%0A"); */
}

.default_content img {
  width: auto;

  max-width: 100%;

  height: auto;
}

/*default content end

*/

@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Variables */

:root {
  --heading-fonts: "Inter", sans-serif;

  --body-fonts: "Inter", sans-serif;

  --title-font: "Inter", sans-serif;

  --instrument-font: "Instrument Sans", sans-serif;

  --icon-font: "Font Awesome 6 Pro";

  --theme-color: #052441;

  --theme-color2: #093d6c;

  --theme-color3: #000;

  --white-color: #ffffff;

  --title-color: #1f1f1f;

  --smoke-color: #f8f8f8;

  --smoke-color2: #f6f6f6;

  --main-container: 1150px;

  --container-gutters: 24px;
}

/* ======= Basic and Typography style ======= */

html,
body {
  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  -moz-font-smoothing: antialiased;

  font-smoothing: antialiased;
}

* {
  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  outline: none;

  list-style: none;

  word-wrap: break-word;
}

body {
  font-family: var(--body-fonts);

  font-size: 15px;

  font-weight: 400;

  line-height: 22px;

  color: #000;

  overflow-x: hidden !important;
}

p {
  font-family: var(--body-fonts);

  font-size: 15px;

  font-weight: 400;

  line-height: 24px;

  color: #000;

  margin-bottom: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-fonts);

  font-weight: bold;

  line-height: initial;

  margin: 0 0 10px 0;

  color: #052441;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #093d6c;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

@media (max-width: 767px) {
  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 15px;
  }
}

img {
  width: 100%;

  height: auto;
}

img {
  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  color: #f4f4f4;
}

span,
a {
  color: var(--theme-color);

  text-decoration: none;

  outline: 0;

  -webkit-transition: allease 0.4s;

  transition: allease 0.4s;
}

b {
  font-weight: 400;

  color: #14100c;
}

.flex {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  outline: none;
}

/* text field */

input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
input[type="tel"]:focus,
textarea:focus {
  outline: none;
}

input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
input[type="tel"],
textarea {
  max-width: 100%;

  margin-bottom: 20px;

  padding: 15px;

  height: auto;

  background-color: var(--white-color);

  -webkit-box-shadow: none;

  box-shadow: none;

  display: block;

  width: 100%;

  line-height: 1.5em;

  font-family: var(--body-fonts);

  font-size: 18px;

  font-weight: 400;

  color: #817f7c;

  background-image: none;

  border-color: ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

  border: 1px solid rgba(145, 118, 90, 0.2);

  border-radius: 6px;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  text-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  line-height: 1.75em;

  -webkit-transition: background-color 0.15s ease-out;

  transition: background-color 0.15s ease-out;

  background: transparent;

  border: 0px solid transparent;

  outline: none;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
  border: 0px solid transparent;

  outline: none;
}

input[type="password"]:active,
input[type="email"]:active,
input[type="text"]:active,
input[type="file"]:active,
input[type="tel"]:active,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="file"]:focus,
textarea:active,
textarea:focus {
  border: 1px solid var(--theme-color);

  outline: none;
}

select {
  padding: 10px;

  border-radius: 6px;
}

table,
th,
tr,
td {
  border: 1px solid #f8f5f0;
}

th,
tr,
td {
  padding: 10px;
}

input[type="radio"],
input[type="checkbox"] {
  display: inline;
}

input[type="submit"] {
  font-weight: 400;

  font-family: var(--body-fonts);

  text-transform: uppercase;

  background: #14100c;

  color: #fff;

  padding: 8px 24px;

  margin: 0;

  position: relative;

  font-size: 18px;

  letter-spacing: 2px;
}

.alert-success {
  background: transparent;

  color: #fff;

  border: 1px solid #ac835d;

  border-radius: 0px;
}

/* placeholder */

::-webkit-input-placeholder {
  color: #817f7c;

  font-size: 18px;

  font-weight: 400;
}

:-moz-placeholder {
  color: #817f7c;
}

::-moz-placeholder {
  color: #817f7c;

  opacity: 1;
}

:-ms-input-placeholder {
  color: #817f7c;
}

/* blockquote */

blockquote {
  padding: 45px;

  display: block;

  position: relative;

  background-color: #ac835d;

  overflow: hidden;

  margin: 35px 0;

  color: #fff;

  font-family: "Playfair Display", serif;

  font-style: italic;

  border-radius: 6px;
}

blockquote p {
  font-family: inherit;

  margin-bottom: 0 !important;

  color: inherit;

  width: 100%;

  position: relative;

  z-index: 3;
}

blockquote:before {
  content: "\e645";

  font-family: "Themify";

  position: absolute;

  right: 80px;

  bottom: 40px;

  font-size: 110px;

  opacity: 0.1;

  line-height: 1;

  color: #ac835d;

  font-style: normal;
}

blockquote p {
  margin-bottom: 0;

  font-size: 18px;
}

blockquote p a {
  color: inherit;
}

blockquote cite {
  display: inline-block;

  font-family: var(--body-fonts);

  font-size: 18px;

  position: relative;

  padding-left: 60px;

  border-color: inherit;

  line-height: 1;

  margin-top: 22px;

  font-style: normal;

  color: #fff;

  font-weight: 400;
}

blockquote cite:before {
  content: "";

  position: absolute;

  left: 0;

  bottom: 8px;

  width: 45px;

  height: 1px;

  border-top: 1px solid;

  border-color: inherit;

  color: #fff;
}

/*-------------------  Container -------------------*/

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0;

  width: 100%;

  padding-right: calc(var(--bs-gutter-x) * 0.5);

  padding-left: calc(var(--bs-gutter-x) * 0.5);

  margin-right: auto;

  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1190px;
  }
}

@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: calc(var(--main-container) + var(--container-gutters));

    padding-left: calc(var(--container-gutters) / 2);

    padding-right: calc(var(--container-gutters) / 2);
  }

  .container-xxl.px-0,
  .container-xl.px-0,
  .container-lg.px-0,
  .container-md.px-0,
  .container-sm.px-0,
  .container.px-0 {
    max-width: var(--main-container);
  }
}

@media only screen and (max-width: 1600px) {
  .container-fluid.px-0 {
    padding-left: 15px !important;

    padding-right: 15px !important;
  }

  .container-fluid.px-0 .row {
    margin-left: 0 !important;

    margin-right: 0 !important;
  }
}

.icon-btn {
  display: inline-block;

  width: var(--btn-size, 44px);

  height: var(--btn-size, 44px);

  line-height: var(--btn-size, 44px);

  font-size: var(--btn-font-size, 16px);

  background-color: var(--icon-bg, var(--theme-color));

  color: var(--title-color);

  text-align: center;

  border-radius: 12px;

  border: 0;

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

  position: relative;
}

.icon-btn:hover {
  background: var(--theme-color2);

  color: var(--white-color);
}

.th-btn {
  position: relative;

  z-index: 2;

  vertical-align: middle;

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

  border: none;

  text-align: center;

  background-color: var(--theme-color2);

  color: var(--white-color);

  font-family: var(--body-fonts);

  font-size: 15px;

  font-weight: normal;

  line-height: 1;

  padding: 14px 28px;

  border-radius: 50px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  box-shadow: inset 0 0 0 0 var(--theme-color2);

  -webkit-transition: 0.5s;

  transition: 0.5s;
}

.th-btn:hover,
.th-btn:active {
  box-shadow: inset 0 -100px 0 0 var(--theme-color3);

  background: var(--theme-color);

  color: var(--white-color);
}

.th-btn-dark {
  background-color: var(--title-color);

  color: var(--white-color);
}

.th-btn-dark:hover {
  box-shadow: inset 0 -100px 0 0 var(--theme-color);

  background: var(--theme-color);

  color: var(--white-color);
}

.th-btn-large {
  padding: 22px 45px;
}

.th-btn-bordered {
  background: none;

  border: 2px solid var(--title-color);

  color: var(--title-color);

  border-radius: 4px;

  padding: 12px 24px;
}

.th-btn-bordered-light {
  border-color: var(--white-color);

  color: var(--white-color);
}

.custom__grid {
  margin: calc(var(--column-gap) / -2) calc(var(--column-gap) / -2);
}

.th-link {
  color: var(--theme-color2);

  text-decoration: underline;

  text-underline-offset: 3px;
}

@media screen and (max-width: 1279px) {
  .custom__grid {
    margin: calc(var(--column-gap) / 2 / -2);
  }
}

@media screen and (max-width: 767px) {
  .custom__grid {
    margin: calc(var(--column-gap-mobile, var(--column-gap)) / -2)
      calc(var(--column-gap-mobile, var(--column-gap)) / -2);
  }
}

.custom__block {
  padding: calc(var(--column-gap) / 2);
}

@media screen and (max-width: 1279px) {
  .custom__block {
    padding: calc(var(--column-gap) / 2 / 2);
  }
}

@media screen and (max-width: 767px) {
  .custom__block {
    padding: calc(var(--column-gap-mobile, var(--column-gap)) / 2);
  }
}

.section-header .section-hdr-bg {
  max-width: 100px;

  margin: 0 auto;
}

.section-header-white * {
  color: var(--white-color);
}

.section-header .sec-hdr-content {
  margin: 0 auto;

  max-width: 780px;

  margin-top: -65px;
}

.section-header h5 {
  color: #54595f;
}

.cp-swiper-pagination {
  position: relative;

  margin-top: 15px;
}

.cp-swiper-pagination .swiper-pagination-bullet {
  width: 12px;

  height: 12px;

  background: transparent;

  border: 1px solid var(--theme-color2);

  transition: width 0.4s;

  border-radius: 10px;

  opacity: 1;
}

.cp-swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;

  background: var(--theme-color2);
}

/* Accordion style */

.cp-accordion-card {
  border-top: 1px solid #000;

  padding: 15px 0;
}

.cp-accordion-card .cp-faqs-btn {
  background: transparent;

  box-shadow: none;

  padding: 0 0 0px 0;

  font-size: 24px;

  line-height: 40px;

  font-weight: 700;

  font-family: var(--instrument-font);

  color: var(--theme-color3);
}

.cp-accordion-card .cp-faqs-body {
  padding: 0;
}

.cp-accordion-card .cp-faqs-btn:after {
  content: "\2b";

  background: none;

  font-family: var(--icon-font);

  line-height: normal;

  font-size: 20px;
}

.cp-accordion-card .cp-faqs-btn:not(.collapsed)::after {
  content: "\f068";
}

/* Checklist */

.checkList {
  margin: 0;

  padding: 0;
}

.checkList li {
  padding: 10px 0;
}

.checkList li:before {
  content: "";

  display: inline-block;

  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0006 7.00039C14.0006 11.0152 10.6236 14.239 6.55416 13.987C3.06748 13.771 0.229666 10.9332 0.0138606 7.44648C-0.238395 3.37708 2.98541 0 7.00025 0C8.10293 0 9.14696 0.254428 10.0756 0.709936C10.3245 0.832081 10.4157 1.14203 10.2784 1.38294L10.2774 1.38463C10.1504 1.60719 9.87331 1.68999 9.6435 1.57678C8.72186 1.12296 7.66818 0.902085 6.55609 0.981503C3.63523 1.18982 1.24979 3.53254 0.989812 6.44929C0.666345 10.0796 3.57561 13.1267 7.16053 13.033C10.2306 12.9529 12.7932 10.5182 13.0179 7.45542C13.0763 6.65979 12.9805 5.8895 12.7526 5.17932C12.6805 4.9541 12.7855 4.71102 12.9969 4.60529C13.261 4.47325 13.5847 4.60529 13.6743 4.88651C13.8862 5.553 14.0006 6.26318 14.0006 7.00039Z' fill='white'/%3E%3Cpath d='M3.47796 5.18318L7.29535 10.3483C7.58357 10.7384 8.17015 10.7046 8.41323 10.2841L13.9295 0.735037C14.2168 0.237768 13.5614 -0.262157 13.1706 0.156419L7.42352 6.31242L4.08892 4.46673C3.63824 4.21737 3.16994 4.7663 3.47796 5.18318Z' fill='white'/%3E%3C/svg%3E%0A");

  background-repeat: no-repeat no-repeat;

  background-position: center center;

  background-size: cover;

  height: 14px;

  width: 14px;

  position: relative;

  top: 3px;

  margin-right: 10px;
}

.checkList.checkList-default li:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0006 9.00038C18.0006 14.1623 13.6587 18.3071 8.42666 17.9831C3.94385 17.7053 0.29528 14.0567 0.0178205 9.57392C-0.306504 4.34191 3.83833 0 9.0002 0C10.4179 0 11.7602 0.327117 12.9542 0.912763C13.2741 1.0698 13.3915 1.4683 13.2149 1.77804L13.2136 1.78021C13.0504 2.06636 12.6941 2.17282 12.3986 2.02726C11.2137 1.44379 9.85896 1.15981 8.42914 1.26192C4.67381 1.52975 1.60685 4.54178 1.2726 8.29183C0.856718 12.9593 4.59715 16.877 9.20628 16.7565C13.1534 16.6535 16.4482 13.5232 16.7371 9.5854C16.8122 8.56246 16.689 7.57211 16.396 6.65904C16.3032 6.36948 16.4382 6.05694 16.7101 5.92101C17.0496 5.75124 17.4658 5.92101 17.581 6.28258C17.8535 7.13947 18.0006 8.05255 18.0006 9.00038Z' fill='%23093D6C'/%3E%3Cpath d='M4.47208 6.664L9.38008 13.3047C9.75065 13.8063 10.5048 13.7628 10.8173 13.2222L17.9096 0.945035C18.279 0.305697 17.4363 -0.337054 16.9339 0.201107L9.54488 8.11585L5.25759 5.74286C4.67816 5.42226 4.07606 6.12801 4.47208 6.664Z' fill='%23093D6C'/%3E%3C/svg%3E%0A");
}

/* Mobile Styles */
@media (max-width: 768px) {
  .default_content img {
    width: 100%;
  }
}

/* media page style */
/*-- -------------------------- -->
<---           Blog             -->
<--- -------------------------- -*/

/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #blog-846 {
    padding: var(--sectionPadding);
  }
  #blog-846 .cs-container {
    width: 100%;
    /* changes to 1280px at tablet */
    max-width: 34.375rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #blog-846 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
  }

  #blog-846 .cs-title {
    margin: 0;
  }
  #blog-846 .cs-card-group {
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* 16px - 20px */
    gap: clamp(1rem, 2vw, 1.25rem);
  }
  #blog-846 .cs-item {
    list-style: none;
    width: 100%;
    border-radius: 1.5rem 0 1.5rem 0;
    /* clips the img corners */
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.04);
    grid-column: span 12;
    position: relative;
    z-index: 1;
  }
  #blog-846 .cs-item:hover .cs-picture img {
    transform: scale(1.1);
  }
  #blog-846 .cs-picture {
    width: 100%;
    /* 180px - 290px */
    height: clamp(11.25rem, 50vw, 18.125rem);
    /* prevents image from overflowing parent when it scales on hover */
    overflow: hidden;
    display: block;
    position: relative;
  }
  #blog-846 .cs-picture img {
    width: 100%;
    height: 100%;
    /* makes it act like a background image */
    object-fit: cover;
    display: block;
    transition: transform 0.6s;
  }
  #blog-846 .cs-item-content {
    /* 24px - 40px top and bottom */
    /* 20px - 24px left & right */
    padding: clamp(1.5rem, 5vw, 2.5rem) clamp(1rem, 3vw, 1.25rem);
    position: relative;
    z-index: 10;
  }
  #blog-846 .cs-date {
    font-size: 1rem;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0 0 1.25rem 0;
    color: #767676;
    display: block;
  }
  #blog-846 .cs-h3 {
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0 0 0.75rem 0;
    color: #052441;
    display: block;
  }
  #blog-846 .cs-item-text {
    font-size: 0.9rem;
    line-height: 1.5em;
    margin: 0 0 1.25rem 0;
    color: var(--bodyTextColor);
    display: block;
  }
  #blog-846 .cs-link {
    font-size: 1rem;
    line-height: 1.2em;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    color: #052441;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
  }
  #blog-846 .cs-link:hover .cs-icon {
    transform: translateX(0.625rem);
  }
  #blog-846 .cs-icon {
    width: 1.25rem;
    height: auto;
    display: block;
    transition: transform 0.3s;
  }
  #blog-846 .cs-button-solid {
    font-size: 1rem;
    /* 46px - 56px */
    line-height: clamp(2.875rem, 5.5vw, 3.5rem);
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    margin: 0;
    color: #fff;
    min-width: 9.375rem;
    padding: 0 1.5rem;
    background-color: var(--primary);
    border-radius: 0.25rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    /* prevents padding from adding to the width */
    box-sizing: border-box;
  }
  #blog-846 .cs-button-solid:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    background: #000;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0.25rem;
    transition: width 0.3s;
  }
  #blog-846 .cs-button-solid:hover:before {
    width: 100%;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #blog-846 .cs-container {
    max-width: 80rem;
  }
  #blog-846 .cs-item {
    grid-column: span 6;
  }
}
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
  #blog-846 .cs-item {
    grid-column: span 3;
  }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  #blog-846 .cs-item {
    display: flex;
    flex-direction: column;
    grid-column: span 3;
  }
  #blog-846 .cs-item:nth-of-type(even) .cs-picture {
    order: 2;
  }
}

/* end media page style */