/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
.hero-blog-post ul.breadcrumb.mtg {
  max-width: 1312px;
  margin:0 auto 35px auto ;
  padding: 0 48px;
}

ul.breadcrumb {
  display: flex;
  align-items: center;
}

ul.breadcrumb li {
  position: relative;
  padding-left: 0;
}

ul.breadcrumb li:first-child::before {
  content: none;
  padding-left: 0;
}

ul.breadcrumb li span.disable,
ul.breadcrumb li a {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  text-decoration: none;
}

ul.breadcrumb li span.disable {
  cursor: default;
  color: #271641;
}

ul.breadcrumb li a::first-letter {
  text-transform: uppercase;
}

ul.breadcrumb li a span {
  cursor: pointer;
  color: #27164166;
  transition: color .2s ease-out;
}

ul.breadcrumb li a span:hover {
  color:#481AF5;
}

ul.breadcrumb li + li {
  margin-top: 0;
  padding-left: 18px;
  margin-left: 13px;
}

ul.breadcrumb li + li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg width='4' height='8' viewBox='0 0 4 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53597 0.448002L3.61597 3.616L3.61597 4.288L1.43997 7.552L-3.31402e-05 7.552L2.17597 4.144L2.17597 3.856L-3.25191e-05 0.448002L1.53597 0.448002Z' fill='black' fill-opacity='0.4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  transform: translate(0%, -50%);
  font-weight: 500;
}
@media all and (max-width:500px){
  .hero-blog-post ul.breadcrumb.mtg {
    padding: 0 15px;
  }

}
.blog-post__content p>a{
  overflow-wrap: break-word;
}

.ctas {
	 display: flex;
	 gap: 30px;
	 flex-wrap: wrap;
}
 .wrapper-buttons {
	 display: flex;
	 gap: 0.75rem 2rem;
	 flex-wrap: wrap;
	 align-items: center;
}
 .btn {
	 color: #010123;
	 font-family: 'Telegraf', sans-serif;
	 cursor: pointer;
	 position: relative;
	 display: inline-block;
	 text-align: center;
	 white-space: normal;
	 vertical-align: middle;
	 text-decoration: none;
	 user-select: none;
	 transition: all 0.3s cubic-bezier(0.55, 0, 0.15, 0.6);
	 appearance: none;
	 border: 1px solid transparent;
	 background-color: transparent;
	 font-size: 0.75rem;
	 line-height: 100%;
	 border-radius: 400px;
	 padding: 15px 23px;
	 text-transform: uppercase;
	 text-wrap: nowrap;
	 font-weight: 600;
	 letter-spacing: 0.07em;
	 padding-bottom: 13px;
}
 .btn > span {
	 position: relative;
	 display: block;
	 overflow: hidden;
	 line-height: 100%;
}
 .btn > span::before, .btn > span::after {
	 line-height: 100%;
	 content: attr(data-text);
	 position: absolute;
	 top: 0;
	 left: 0;
	 transform: translateY(-110%);
	 transition: transform 0.3s cubic-bezier(0.55, 0, 0.15, 0.6), background-color 0.3s cubic-bezier(0.55, 0, 0.15, 0.6);
}
 .btn > span::after {
	 transform: translateY(0px);
}
 .btn::after {
	 content: '';
	 position: absolute;
	 top: 50%;
	 right: 24px;
	 width: 7px;
	 height: 12px;
	 transition: all 0.3s cubic-bezier(0.55, 0, 0.15, 0.6);
	 transform: translate(0, -50%);
	 mask-repeat: no-repeat;
	 mask-position: 100% 50%;
	 mask-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2L12 5L9 8.5' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M2 2L4.99997 5L2 8.5' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
 .btn:hover::after {
	 mask-position: 0%;
}
 .btn:hover > span::before {
	 transform: translateY(0);
}
 .btn:hover > span::after {
	 transform: translateY(110%);
}
 .btn-primary {
	 padding-right: 43px;
	 background-color: #481af5;
	 border-color: #481af5;
	 color: #fff;
}
 .btn-primary::after {
	 background-color: #fff;
}
 .btn-primary > span {
	 color: transparent;
}
 .btn-primary > span::before, .btn-primary > span::after {
	 background-color: #481af5;
	 color: #fff;
}
 .btn-primary:hover {
	 background-color: #633cf6;
	 border-color: #633cf6;
}
 .btn-primary:hover > span::before, .btn-primary:hover > span::after {
	 background-color: #633cf6;
}
 .btn-primary.btn-dark {
	 padding-right: 43px;
	 background-color: #010123;
	 border-color: #010123;
	 color: #fff;
}
 .btn-primary.btn-dark::after {
	 background-color: #fff;
}
 .btn-primary.btn-dark > span::before, .btn-primary.btn-dark > span::after {
	 background-color: #010123;
	 color: #fff;
}
 .btn-primary.btn-dark:hover {
	 background-color: #797e9e;
	 border-color: #797e9e;
}
 .btn-primary.btn-dark:hover > span::before, .btn-primary.btn-dark:hover > span::after {
	 background-color: #797e9e;
}
 .btn-primary.btn-light {
	 padding-right: 43px;
	 background-color: #fff;
	 border-color: #fff;
	 color: #481af5;
}
 .btn-primary.btn-light::after {
	 background-color: #481af5;
}
 .btn-primary.btn-light > span::before, .btn-primary.btn-light > span::after {
	 background-color: #fff;
	 color: #481af5;
}
 .btn-secondary {
	 background-color: #fff;
	 border-color: #fff;
	 color: #010123;
	 box-shadow: 0px 0px 20px 0px #010123 1F;
	 padding-right: 43px;
}
 .btn-secondary > span::before, .btn-secondary > span::after {
	 display: none;
}
 .btn-secondary::after {
	 background-color: #010123;
}
 .btn-secondary:hover {
	 color: #010123;
}
 .btn-secondary.btn-blue {
	 color: #481af5;
}
 .btn-secondary.btn-blue::after {
	 background-color: #481af5;
}
 .btn-secondary.btn-blue:hover {
	 color: #481af5;
}
 .btn-secondary.btn-u-dark {
	 box-shadow: none;
	 background-color: transparent;
	 border-color: #010123;
}
 .btn-secondary.btn-u-light {
	 box-shadow: none;
	 background-color: transparent;
	 border-color: #fff;
	 color: #fff;
}
 .btn-secondary.btn-u-light::after {
	 background-color: #fff;
}
 .btn-secondary.btn-u-light:hover {
	 color: #fff;
}
 .btn-tertiary {
	 padding: 0;
	 border: 0;
	 padding-right: 21px;
	 background-color: transparent;
	 border-color: transparent;
	 color: #481af5;
	 font-size: 1rem;
}
 .btn-tertiary > span::before, .btn-tertiary > span::after {
	 display: none;
}
 .btn-tertiary::after {
	 width: 11px;
	 height: 17px;
	 right: 0;
	 mask-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.31067 2.66675L7.31063 6.66675L3.31067 11.3334' stroke='%23481AF5' stroke-width='2'/%3E%3Cpath d='M13.3107 2.66675L17.3106 6.66675L13.3107 11.3334' stroke='%23481AF5' stroke-width='2'/%3E%3C/svg%3E%0A");
	 background-color: #481af5;
}
 .btn-tertiary.btn-dark {
	 color: #010123;
}
 .btn-tertiary.btn-dark::after {
	 background-color: #481af5;
}
 .btn-tertiary.btn-light {
	 color: #fff;
}
 .btn-tertiary.btn-light::after {
	 background-color: #fff;
}
 a:hover .btn-primary {
	 background-color: #481af5;
}
 a:hover .btn-secondary:after {
	 right: -5px;
}
 input[type="submit"] {
	 font-size: 1.25rem;
	 line-height: 2rem;
	 padding: 0 1rem;
	 color: #010123;
	 background-color: #fff;
	 border-radius: 0.5rem;
	 font-weight: 500;
	 transition: all 0.5s;
	 appearance: none;
	 border: none;
	 font-family: 'Telegraf', sans-serif;
	 cursor: pointer;
	 height: 48px;
}
 input[type="submit"]:hover {
	 background-color: #481af5;
}
 button:focus {
	 outline: 2px solid rgba(72, 26, 245, 1);
}

header, footer {
	 color: #1a1a39;
	 font-family: 'Telegraf', sans-serif;
	 font-size: 1rem;
	 font-weight: 400;
	 letter-spacing: 0;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 text-rendering: optimizeLegibility;
}
 header div.container, footer div.container {
	 max-width: calc(1200px + 4rem);
	 margin: 0 auto;
	 padding: 0 2rem;
	 width: 100%;
}
 header div.container-large, footer div.container-large {
	 max-width: calc(1280px + 4rem);
	 margin: 0 auto;
	 padding: 0 2rem;
	 width: 100%;
}
 header *, footer *, header :after, footer :after, header :before, footer :before {
	 box-sizing: border-box;
	 line-height: 150%;
}
 header li:before, footer li:before {
	 display: none;
}
 header li, footer li {
	 position: static;
}
 header ul li + li, header ol li + li {
	 margin: 0;
}
 header img, footer img {
	 max-width: unset;
}
 header h1, footer h1, header .h1, footer .h1, header h2, footer h2, header .h2, footer .h2, header h3, footer h3, header .h3, footer .h3, header h4, footer h4, header .h4, footer .h4, header h5, footer h5, header .h5, footer .h5, header h6, footer h6, header .h6, footer .h6 {
	 line-height: 130%;
	 font-weight: 200;
	 overflow-wrap: break-word;
	 margin: 0;
	 color: #1a1a39;
}
 header h1 > strong, footer h1 > strong, header .h1 > strong, footer .h1 > strong, header h2 > strong, footer h2 > strong, header .h2 > strong, footer .h2 > strong, header h3 > strong, footer h3 > strong, header .h3 > strong, footer .h3 > strong, header h4 > strong, footer h4 > strong, header .h4 > strong, footer .h4 > strong, header h5 > strong, footer h5 > strong, header .h5 > strong, footer .h5 > strong, header h6 > strong, footer h6 > strong, header .h6 > strong, footer .h6 > strong {
	 font-weight: 600;
	 line-height: 130%;
}
 header h1, footer h1, header .h1, footer .h1 {
	 font-size: 45px;
}
 @media screen and (max-width: 768px) {
	 header h1, footer h1, header .h1, footer .h1 {
		 font-size: 35px;
	}
}
 header h2, footer h2, header .h2, footer .h2 {
	 font-size: 38px;
}
 @media screen and (max-width: 768px) {
	 header h2, footer h2, header .h2, footer .h2 {
		 font-size: 26px;
	}
}
 header h3, footer h3, header .h3, footer .h3 {
	 font-size: 25px;
	 font-weight: 400;
}
 @media screen and (max-width: 768px) {
	 header h3, footer h3, header .h3, footer .h3 {
		 font-size: 20px;
	}
}
 header h4, footer h4, header .h4, footer .h4 {
	 font-size: 20px;
	 font-weight: 500;
}
 @media screen and (max-width: 768px) {
	 header h4, footer h4, header .h4, footer .h4 {
		 font-size: 18px;
	}
}
 header h5, footer h5, header .h5, footer .h5, header h6, footer h6, header .h6, footer .h6 {
	 font-size: 1.25rem;
	 line-height: 30px;
	 font-weight: 500;
}
 header, footer {
	/* HTML5 display-role reset for older browsers */
}
 header html, footer html, header body, footer body, header div, footer div, header span, footer span, header applet, footer applet, header object, footer object, header iframe, footer iframe, header h1, footer h1, header h2, footer h2, header h3, footer h3, header h4, footer h4, header h5, footer h5, header h6, footer h6, header p, footer p, header blockquote, footer blockquote, header pre, footer pre, header a, footer a, header abbr, footer abbr, header acronym, footer acronym, header address, footer address, header big, footer big, header cite, footer cite, header code, footer code, header del, footer del, header dfn, footer dfn, header em, footer em, header img, footer img, header ins, footer ins, header kbd, footer kbd, header q, footer q, header s, footer s, header samp, footer samp, header small, footer small, header strike, footer strike, header strong, footer strong, header sub, footer sub, header sup, footer sup, header tt, footer tt, header var, footer var, header b, footer b, header u, footer u, header i, footer i, header center, footer center, header dl, footer dl, header dt, footer dt, header dd, footer dd, header ol, footer ol, header ul, footer ul, header li, footer li, header fieldset, footer fieldset, header form, footer form, header label, footer label, header legend, footer legend, header table, footer table, header caption, footer caption, header tbody, footer tbody, header tfoot, footer tfoot, header thead, footer thead, header tr, footer tr, header th, footer th, header td, footer td, header article, footer article, header aside, footer aside, header canvas, footer canvas, header details, footer details, header embed, footer embed, header figure, footer figure, header figcaption, footer figcaption, header footer, footer footer, header header, footer header, header hgroup, footer hgroup, header menu, footer menu, header nav, footer nav, header output, footer output, header ruby, footer ruby, header section, footer section, header summary, footer summary, header time, footer time, header mark, footer mark, header audio, footer audio, header video, footer video {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 vertical-align: baseline;
}
 header article, footer article, header aside, footer aside, header details, footer details, header figcaption, footer figcaption, header figure, footer figure, header footer, footer footer, header header, footer header, header hgroup, footer hgroup, header menu, footer menu, header nav, footer nav, header section, footer section {
	 display: block;
}
 header figure, footer figure {
	 margin: 0;
	 line-height: 0;
}
 header button, footer button {
	 appearance: none;
	 border: none;
	 background: none;
}
 header body, footer body {
	 line-height: 150%;
}
 header ol, footer ol, header ul, footer ul {
	 list-style: none;
}
 header blockquote, footer blockquote, header q, footer q {
	 quotes: none;
}
 header blockquote:before, footer blockquote:before, header blockquote:after, footer blockquote:after, header q:before, footer q:before, header q:after, footer q:after {
	 content: '';
	 content: none;
}
 header a, footer a {
	 text-decoration: none;
	 color: inherit;
}
 header table, footer table {
	 border-collapse: collapse;
	 border-spacing: 0;
}
 header p, footer p, header ul, footer ul, header li, footer li {
	 margin: 0;
	 padding: 0;
}

header, footer {
  form[data-hsfc-id="Form"] {

    .hsfc-RichText {
        color: #797E9E;
        font-family: 'Telegraf', sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0;
    }

    .hsfc-Step .hsfc-Step__Content {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding: 0;
    }

    .hsfc-Row {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 1.5rem;
        margin-bottom: 0;
    }

    div[data-hsfc-id*="Field"] {
        width: 100%;
        position: relative;

        >label {
            font-family: 'Telegraf', sans-serif;
            font-weight: 600;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0;
            color: #010123;
            margin-bottom: 6px !important;
        }

        // Help Text
        .hsfc-FieldDescription {
            margin-bottom: 6px !important;
        }

        // Error Message
        div[data-hsfc-id="ErrorAlert"] {
            position: absolute;
            top: 100%;
            left: 0;
            font-size: 12px;
            color: #d1000e;
        }
    }

    // Input
    input[data-hsfc-id*="Input"],
    textarea.hsfc-TextareaInput {
        margin: 0 !important;
        border-radius: 4px;
        padding-top: 12px;
        padding-right: 16px;
        padding-bottom: 12px;
        padding-left: 16px;
        border: 1px solid #A49CDE;
        font-family: 'Telegraf', sans-serif ;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0;
        color: #010123;

        &::placeholder {
            font-size: 14px;
        }
    }

    // Checkbox & Radio Group
    div.hsfc-CheckboxFieldGroup__Options,
    div.hsfc-RadioFieldGroup__Options,
    div.hsfc-DataPrivacyField {

        // Row Option
        >div label,
        label {
            cursor: pointer;
            gap: 10px;
            margin: 0;
            font-family: 'Telegraf', sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 130%;
            letter-spacing: 0;
            color: #010123;
            margin-bottom: 0 !important;
        }

        // Checkbox
        input[data-hsfc-id*="Checkbox"],
        input[type=checkbox] {
            display: block;
            width: 15px;
            height: 15px;
            border: solid 1.5px #481AF5;
            border-radius: 3px;
            padding: 0;
            margin: 0;
            background-color: transparent;
            transition: background-color 300ms cubic-bezier(0, 0.55, 0.45, 1);
            box-shadow: none;

            &::after {
                background: none;
                background-color: #fff;
                mask-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.0039 0.314525C7.28864 0.0627842 7.72348 0.062887 8.00878 0.326243C8.29398 0.589696 8.32894 1.02334 8.10058 1.32722L8.05077 1.38581L4.35839 5.38581C4.22038 5.53519 4.02754 5.62247 3.82421 5.62702C3.64631 5.63094 3.47409 5.57082 3.3369 5.46003L3.28026 5.41023L0.972646 3.12409L0.920888 3.06745C0.679087 2.77409 0.693624 2.33952 0.966787 2.06355C1.24003 1.78768 1.67497 1.76813 1.97069 2.00691L2.02733 2.05867L3.78319 3.79695L6.94921 0.368236L7.0039 0.314525Z' fill='white'/%3E%3C/svg%3E%0A");
            }

            &:checked {
                background-color: #481AF5;
                box-shadow: none;
            }
        }

        // Radio
        input[data-hsfc-id*="Radio"],
        input[type=radio] {
            display: block;
            width: 15px;
            height: 15px;
            border: solid 1.5px #481AF5;
            border-radius: 50%;
            padding: 0;
            margin: 0;
            background-color: transparent;
            transition: background-color 300ms cubic-bezier(0, 0.55, 0.45, 1);
            box-shadow: none;

            &::after {
                background-color: #481AF5;
                mask-size: 140%;
            }

            &:checked {
                box-shadow: none;
            }
        }
    }

    .hsfc-NavigationRow {
        margin: 0 !important;
    }

    .hsfc-NavigationRow__Alerts {
        margin: 0 !important;
    }

    .hsfc-NavigationRow__Buttons {
        justify-content: start !important;
    }

    button[type="button"].hsfc-Button,
    button[type="submit"],
    button[type="submit"]:not([disabled]) {
        white-space: nowrap;
        width: fit-content;
        transform: none;
        appearance: none;
        background-color: #010123;
        border-radius: 100px;
        padding: 15px 23px;
        color: #fff;
        font-family: 'Telegraf', sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        vertical-align: middle;
        cursor: pointer;
        transition: all 300ms cubic-bezier(0, 0.55, 0.45, 1);

        &:hover {
            transform: none;
            background-color: #010123;
            opacity: 0.7;
        }
    }

    @media all and (max-width:768px) {
        .hsfc-Row {
            flex-direction: column;
        }
    }
}
}