* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

main {
    display: block
}

#main {
    margin: 0;
    padding: 0
}

img,
svg {
    height: auto;
    max-width: 100%
}

html {
    overflow-y: auto
}

html {
    max-width: 100vw;
    overflow-x: hidden
}

body {
    color: var(--color_Splended_Sapphire);
    font-family: var(--font_raleway_regular);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1.4;
    margin: 0;
    width: 100%
}

b,
strong {
    font-family: var(--font_raleway_bold)
}

a {
    color: var(--color_Infinite_Skies_Shade);
    text-decoration: none;
    transition: all .25s ease-in-out
}

a:hover {
    text-decoration: underline
}

body p {
    margin: 0 0 20px
}

body p:last-child {
    margin: 0
}

.p_alt {
    font-family: var(--font_raleway_semi_bold)
}

@media (max-width:991px) {
    body {
        font-size: 16px
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

@media (max-width:767px) {
    .container {
        max-width: 760px
    }

    .container.small_container {
        max-width: 700px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 760px;
        padding-left: 20px;
        padding-right: 20px
    }

    .container.small_container {
        max-width: 700px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 980px
    }

    .container.small_container {
        max-width: 760px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1160px
    }

    .container.small_container {
        max-width: 1032px
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1240px
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color_Splended_Sapphire);
    font-family: var(--font_raleway_regular);
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 30px
}

.h1,
h1 {
    font-size: 70px;
    line-height: 1.2
}

.h2,
h2 {
    font-size: 54px;
    line-height: 1.15
}

.h3,
h3 {
    font-size: 42px;
    line-height: 1.25
}

.h4,
h4 {
    font-size: 28px
}

.h4,
.h5,
h4,
h5 {
    line-height: 1.3
}

.h5,
h5 {
    font-size: 24px
}

.h6,
h6 {
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 1.3
}

.heading_alt {
    font-family: var(--font_raleway_medium)
}

.h1.heading_alt,
h1.heading_alt {
    letter-spacing: .02em
}

.h1.heading_alt,
.h6.heading_alt,
h1.heading_alt,
h6.heading_alt {
    font-family: var(--font_raleway_bold)
}

@media (max-width:1399px) {

    .h1,
    h1 {
        font-size: 62px
    }

    .h2,
    h2 {
        font-size: 48px
    }

    .h3,
    h3 {
        font-size: 40px
    }
}

@media (max-width:1199px) {

    .h1,
    h1 {
        font-size: 56px
    }

    .h2,
    h2 {
        font-size: 42px
    }

    .h3,
    h3 {
        font-size: 36px
    }

    .h4,
    h4 {
        font-size: 26px
    }

    .h5,
    h5 {
        font-size: 22px
    }
}

@media (max-width:991px) {

    .h1,
    h1 {
        font-size: 48px
    }

    .h2,
    h2 {
        font-size: 36px
    }

    .h3,
    h3 {
        font-size: 32px
    }

    .h5,
    h5 {
        font-size: 20px
    }

    .h1_alt,
    .h6,
    h6 {
        letter-spacing: 0
    }

    .h1_alt {
        font-family: var(--font_raleway_semi_bold)
    }
}

@media (max-width:767px) {

    .h1,
    h1 {
        font-size: 36px;
        line-height: 1.15
    }

    .h2,
    h2 {
        font-size: 30px;
        line-height: 1.3
    }

    .h3,
    h3 {
        font-size: 28px
    }

    .h4,
    h4 {
        font-size: 24px
    }

    .h5,
    h5 {
        font-size: 18px
    }
}

blockquote {
    background-color: var(--color_Proficient_Platinum);
    border-left: 5px solid var(--color_Eclectic_Cobalt_Shade);
    margin: 20px 0;
    padding: 24px
}

blockquote,
blockquote p {
    font-family: var(--font_raleway_medium);
    font-size: 22px;
    font-style: italic;
    line-height: 1.5
}

.text_link {
    align-items: center;
    color: var(--color_Splended_Sapphire);
    display: inline-flex;
    flex-wrap: wrap;
    font-family: var(--font_raleway_semi_bold);
    font-size: 17px;
    line-height: 150%;
    min-height: 43px;
    padding-right: 53px;
    position: relative;
    text-decoration: none
}

.text_link .icon_section {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.text_link .icon_section .icon {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 43px;
    justify-content: center;
    position: relative;
    top: 50%;
    width: 43px
}

.text_link .icon_section .icon .bg_grow {
    background-color: var(--color_Infinite_Skies_Tint);
    border-radius: 50%;
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
    width: 32px;
    z-index: 0
}

.text_link .icon_section .icon svg {
    z-index: 1
}

.text_link:hover {
    text-decoration: none
}

.text_link:hover .icon_section .icon .bg_grow {
    height: 100%;
    transition: width height .5s ease;
    width: 100%
}

.btn {
    align-items: center;
    background: var(--color_Eclectic_Cobalt_Gradient);
    border-radius: 100px;
    color: var(--color_White);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--font_raleway_semi_bold);
    font-size: 17px;
    gap: 16px;
    letter-spacing: .02em;
    line-height: 1.5;
    overflow: hidden;
    padding: 9px 9px 9px 24px;
    position: relative;
    text-decoration: none
}

.btn,
.btn:before {
    transition: all .5s ease
}

.btn:before {
    background: var(--color_White);
    content: "";
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    z-index: 0
}

.btn .icon {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
}

.btn .icon svg path,
.btn .icon svg rect {
    transition: all .5s ease
}

.btn .text {
    position: relative;
    z-index: 1
}

.btn:hover {
    color: var(--color_Splended_Sapphire);
    text-decoration: none
}

.btn:hover:before {
    border-radius: 100px;
    height: 200px;
    right: 0;
    transition: all .5s ease;
    width: 100%
}

.btn.button_theme_dark:hover {
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-name: btnBgdark
}

.btn.button_theme_light {
    background: var(--color_White);
    color: var(--color_Splended_Sapphire)
}

.btn.button_theme_light:before {
    background: var(--color_Eclectic_Cobalt_Gradient)
}

.btn.button_theme_light:hover {
    color: var(--color_White)
}

.btn.button_theme_light:hover .icon svg rect {
    fill: none !important
}

@keyframes btnBgdark {
    0% {
        background: var(--color_Eclectic_Cobalt_Gradient)
    }

    to {
        background: none
    }
}

.site_content ul:not(.slick-dots) {
    list-style: none;
    margin: 24px 0;
    padding: 0
}

@media (max-width:767px) {
    .site_content ul:not(.slick-dots) {
        margin: 20px 0
    }
}

.site_content ul:not(.slick-dots) li {
    padding: 12px 0 12px 36px;
    position: relative
}

.site_content ul:not(.slick-dots) li:before {
    background-color: var(--color_Splended_Sapphire);
    border-radius: 100%;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 23px;
    width: 5px
}

.site_content ul:not(.slick-dots) li ul {
    list-style: none;
    margin: 24px 0 0;
    padding: 0
}

.site_content ol {
    counter-reset: item;
    list-style: none;
    margin: 24px 0;
    padding: 0
}

@media (max-width:767px) {
    .site_content ol {
        margin: 20px 0
    }
}

.site_content ol li {
    counter-increment: item;
    margin: 0;
    padding: 12px 0 12px 36px;
    position: relative
}

.site_content ol li:before {
    color: var(--color_Splended_Sapphire);
    content: counter(item) ".";
    display: inline-block;
    font-family: var(--font_raleway_medium);
    font-size: 17px;
    left: 0;
    letter-spacing: normal;
    line-height: 1.5;
    min-width: 26px;
    position: absolute;
    top: 12px
}

.site_content ol li ol {
    margin: 24px 0 0;
    padding: 0
}

.site_content ul.bubbles_icon {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 32px 0;
    padding: 0;
    row-gap: 24px
}

.site_content ul.bubbles_icon li {
    padding: 0 0 0 66px;
    position: relative
}

.site_content ul.bubbles_icon li:before {
    background-color: transparent;
    background-image: url(../../images/Bullet_Ul_Li_Icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 21px
}

.site_content ul.bubbles_icon li ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
    row-gap: 24px
}

@media (max-width:1199px) {

    blockquote,
    blockquote p {
        font-size: 20px
    }

    .site_content ul.bubbles_icon li {
        padding: 0 0 0 50px
    }

    .site_content ul.bubbles_icon li:before {
        height: 18px;
        width: 19px
    }
}

@media (max-width:767px) {

    blockquote,
    blockquote p {
        font-size: 18px
    }

    .site_content ul.bubbles_icon li {
        padding: 0 0 0 33px
    }

    .site_content ul.bubbles_icon li:before {
        height: 16px;
        width: 17px
    }
}

/*# sourceMappingURL=global.css.map */