@import url('//fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=Quicksand:wght@300;400;500;600;700&display=swap');
/************ TEMPLATE  ************
-use graduate images for rotator, no stock images there
-image row above footer will either be static images, or rotating images (random load)
-----------------------
Fonts: 
Titles/Fancy: Covered by Your Grace
Body: Quicksand
---------------------------
Blue: #222F80; rgba(34,47,128,1)
Light Blue: #3470C6; rgba(52,112,198,1)
Light Grey: #C5C7C9
White
Text Grey: #808184
Lightest Grey: #f1f1f2

************/

.site-1 {
    --primary-color: #222F80;
    --secondary-color: #3470C6;

    --primary-rgb: 34,47,128;
    --secondary-rgb: 52,112,198;

    --default-white: #ffffff;
    --default-black: #000000;

    --title-font-family: 'Covered By Your Grace', cursive;
    --body-font-family: 'Quicksand', sans-serif;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

    --transparent: rgba(255,255,255,0);

    --default-box-shadow: 0px 0px 10px rgba(0,0,0,.5);

    --swiper-box-shadow: var(--default-box-shadow);

    --ph-title-font: var(--body-font-family);
    --ph-box-shadow: 0px 0px 15px rgba(0,0,0,.25);
    --ph-title-weight: 700;
    --ph-title-font-size-desktop: 1.5vw;
}

.site-1-sub .page-header h1 { font-size: 2.75vw;}
.site-1-sub .page-header h2 { font-size: 2.75rem;}
h2  {font-family: var(--body-font-family); font-size: 2.75rem;}
p.quotecredit {font-size: 0.9rem;}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--primary-color);
    font-family: var(--body-font-family);
}
/*************** HOMELAYOUT ***************/ 
.site-1 #g-page-surround {
    background: url('/images/template/tall-paws.png') 0% 0% no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 30.01rem) and (max-width: 50.99rem) {
    .site-1-home .g-container {
        width: 100%;
    }
}
@media only screen and (min-width: 50.99rem) and (max-width: 75.99rem) {
    .site-1-home .g-container {
        width: 100%;
    }
}
@media only screen and (min-width: 50.99rem) {
    .site-1-sub :is(#g-container-main, #g-aside, #g-sidebar, #g-mainbar) {
        background: transparent;
    }
}

/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--primary-color);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

/*************** TOP **********************/ 
/*************** NAVIGATION ***************/
@media only screen and (min-width: 50.99rem) {
    /*#g-navigation > .g-container > .g-grid:nth-child(2) {
        display: none;
    }*/
    .top-title-center {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .top-title-center p {
        margin: 0;
        padding: .5vw 0;
        font-family: var(--title-font-family);
        font-size: 2vw;
        letter-spacing: 3px;
    }
    .chat-links-top {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        text-align: right;
        padding-right: 1vw;
    }
    .chat-links-top p {
        margin: 0;
        padding: 0;
        font-family: var(--body-font-family);
        font-size: 1.25vw;
        display: flex;
        flex-direction: row;
    }
    .chat-links-top a:not(.chat-links-top a:first-child):before {
        content: "";
        display: inline-block;
        width: .25vw;
        height: .25vw;
        background: #ffffff;
        border-radius: 50%;
        margin-right: .5vw;
    }
    .chat-links-top a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .chat-links-top a:hover {
        color: #C5C7C9!important;
    }
    .chat-links-top a:first-child {
        padding: 0 .5vw;
    }
    .chat-links-top a:nth-child(2) {
        padding: 0 .5vw 0 0;
    }
    .chat-links-top a:nth-child(3) {
        padding: 0 .5vw 0 0;
    }
    .site-1 #g-navigation .g-social .g-social-items a {
        color: var(--secondary-color)!important;
        margin-right: 1vw;
        font-size: 1.25vw;
    }
    .site-1 #g-navigation > .g-container > .g-grid:nth-child(3) {
        height: 5vw;
        box-shadow: 0px 0px 15px rgba(0,0,0,.25);
    }
    .site-1 #g-navigation > .g-container > .g-grid:nth-child(3) > .g-block {
        height: 5vw;
    }
    .site-1 #g-navigation > .g-container > .g-grid:nth-child(3) > .g-block > .g-content {
        height: 100%;
    }
    .site-1 #g-navigation .g-main-nav {
        height: 100%;
    }
    .site-1 #g-navigation .g-toplevel {
        height: 100%;
    }
    .site-1 #g-navigation .g-sublevel .g-menu-item-title {
        font-size: 1.25vw;
    }
    .site-1 #menu-nav .g-toplevel > li {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        margin: 1vw 0vw 0 0vw;
        padding-bottom: 1vw;
    }
    .site-1 #menu-nav .g-toplevel li:hover:not(.g-toplevel li:nth-child(1):hover, .g-toplevel li:last-child) {
        background: #f1f2f2;
    }
    .g-main-nav .g-toplevel>li.active>.g-menu-item-container {
        border: none;
    }
    .site-1 .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
        font-size: 1.25vw;
    }
    .g-main-nav .g-standard .g-dropdown {
        z-index: 99;
        overflow: hidden;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
    .site-1 .g-main-nav .g-sublevel>li:last-child {
        overflow: hidden;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
    .site-1 .g-main-nav .g-toplevel>li>.g-menu-item-container, .g-main-nav .g-sublevel>li>.g-menu-item-container {
        padding: .625rem .775rem!important;
    }
    .site-1 .menu-logo img {
        height: auto;
        width: 11vw;
        margin: -1vw!important;
        position: relative;
        z-index: 12;
    }
    .site-1 .g-toplevel li:nth-child(1) .g-menu-item-container {
        margin: 0;
        padding: 0;
    }
    .site-1 .centre-logo img {
        height: 3vw;
        width: auto;
    }

    #menu-nav.sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 100;
        box-shadow: 0px 0px 15px rgba(0,0,0,.25);
    }
    #menu-nav.sticky .g-main-nav {
        background: rgba(255,255,255,.8);
        backdrop-filter: blur(4px);
    }
}
@media only screen and (max-width: 50.99rem) {
    #g-offcanvas .g-toplevel > li:nth-child(1) {
        display: none!important;
    }
    #g-offcanvas .g-social-items a {
        margin-right: 1rem;
    }
    #g-navigation {
        background: var(--default-white);
    }
    .site-1-sub #g-navigation {
        box-shadow: 0px 0px 15px rgba(0,0,0,.25);
        border-bottom: 2px solid var(--primary-color);
    }
    #g-navigation .g-logo {
        max-width: 70%;
        margin: 1vw auto;
    }
    #g-navigation > .g-container > .g-grid:nth-child(1) {
        display: none;
    }
}

/*************** SLIDESHOW ****************/ 
@media only screen and (min-width: 50.99rem) {
    /*#g-slideshow.sticky {
        margin-top: 5vw!important;
    }*/
    .swiper-text-overlay-area > .g-container {
        position: relative;
        height: 42vw;
        width: 100%;
    }
    .swiper-text-overlay-area > .g-container > .g-grid:nth-child(1) {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 5;
    }
    .swiper-text-overlay-area > .g-container > .g-grid:nth-child(2) {
        position: absolute;
        top: 5%;
        bottom: 5%;
        right: 10%;
        width: 18%;
        z-index: 6;
    }
    .swiper-overlay-text {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swiper-overlay-text :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
        font-size: 4vw;
        font-weight: 400;
        font-family: var(--title-font-family);
        text-shadow: 1px 1px #000000;
        letter-spacing: 2px;
    }
    .swiper-overlay-text .button {
        width: 70%;
        font-size: 1.25vw;
        font-family: var(--body-font-family);
        text-transform: uppercase;
        padding: 1vw;
        border-radius: 2vw;
        background: var(--secondary-color);
        font-weight: 600;
    }
    .swiper-overlay-text .button:hover {
        background: #777777;
    }
}
@media only screen and (max-width: 50.99rem) {
    .site-1-home #g-slideshow > .g-container {
        position: relative;
        height: 42vw!important;
    }
    .site-1-home #g-slideshow > .g-container > .g-grid {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }
    .site-1-home #g-slideshow > .g-container > .g-grid:nth-child(2) {
        z-index: 11;
    }
    .site-1-home #g-slideshow .swiper-navigation {
        display: none;
    }
    .site-1-home .swiper-overlay-text {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swiper-overlay-text .g-array-item-text {
        padding: 1rem;
    }
    .swiper-overlay-text :is(h1,h2,h3,h4,h5,h6) {
        color: var(--default-white);
        font-size: 7vw;
        font-weight: 400;
        font-family: var(--title-font-family);
        text-shadow: 1px 1px #000000;
        letter-spacing: 2px;
    }
    .swiper-overlay-text .button {
        width: 70%;
        font-size: 3vw;
        font-family: var(--body-font-family);
        text-transform: uppercase;
        padding: 2vw;
        border-radius: 2vw;
        background: var(--secondary-color);
        font-weight: 600;
    }
}

/*************** HEADER *******************/
@media only screen and (min-width: 50.99rem) {
    .ql-icon-bg {
        margin-top: -5vw!important;
        z-index: 6;
    }
}

.ql-icon-bg {
    --ql-width: 15vw;
    --ql-width-mobile: 20vw;
    --ql-title-color: var(--default-white);
    --ql-font-size-desktop: 2.7vw;
    --ql-icon-size-desktop: 4.5vw;
    --ql-font-size-mobile: 3vw;
    --ql-icon-size-mobile: 8vw;
    --ql-flex-gap: 3vw;
}

@media only screen and (min-width: 50.99rem) {
    .ql-icon-bg .g-blockcontent-subcontent {
        display: flex;
        flex-direction: row;
        gap: var(--ql-flex-gap);
        justify-content: center;
        align-items: center;
    }
    .ql-icon-bg .g-blockcontent-subcontent-block {
        position: relative;
        flex: unset;
        width: var(--ql-width);
        height: calc(var(--ql-width) * 4/3);
    }
    .ql-icon-bg .g-blockcontent-subcontent-block-content {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .ql-icon-bg .g-blockcontent-subcontent-img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        object-position: center;
        object-fit: cover;
        z-index: 1;
        transition: var(--default-transition);
    }
    .ql-icon-bg .g-blockcontent-subcontent-title-icon {
        position: absolute;
        top: 0;
        bottom: 60%;
        left: 0;
        right: 0;
        width: 100%;
        height: 40%;
        z-index: 5;
        color: var(--ql-title-color);
        font-size: var(--ql-icon-size-desktop);
        display: flex;
        justify-content: center;
        align-items: flex-end;
        transition: var(--default-transition);
    }
    .ql-icon-bg .g-blockcontent-subcontent-title {
        position: absolute;
        top: 40%;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 60%;
        z-index: 5;
        color: var(--ql-title-color);
        display: flex;
        justify-content: center;
        align-items: flex-start;
        text-align: center;
        margin: 0;
        padding: 1vw 0;
    }
    .ql-icon-bg .g-blockcontent-subcontent-title-text {
        font-family: var(--ql-font-family);
        font-size: var(--ql-font-size-desktop);
        color: var(--ql-title-color);
        font-weight: var(--ql-title-weight);
        letter-spacing: var(--ql-letter-spacing);
        margin: 0;
        padding: 0;
    }
    .ql-icon-bg .g-blockcontent-buttons {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
        color: transparent;
        opacity: 0;
        border-radius: 0;
        z-index: 10;
    }
    .ql-icon-bg .g-blockcontent-buttons a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
        color: transparent;
        opacity: 0;
        border-radius: 0;
        z-index: 10;
    }
    .ql-icon-bg .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content .g-blockcontent-subcontent-img {
        transform: rotate(15deg);
    }
    .ql-icon-bg .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon {
        transform: rotate(-15deg);
    }
}
@media only screen and (max-width: 50.99rem) {
    .ql-icon-bg .g-blockcontent-subcontent {
        display: flex;
        flex-direction: row;
        gap: var(--ql-flex-gap);
        justify-content: center;
        align-items: center;
    }
    .ql-icon-bg .g-blockcontent-subcontent-block {
        position: relative;
        flex: unset;
        width: var(--ql-width-mobile);
        height: calc(var(--ql-width-mobile) * 4/3);
    }
    .ql-icon-bg .g-blockcontent-subcontent-block-content {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .ql-icon-bg .g-blockcontent-subcontent-img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        object-position: center;
        object-fit: cover;
        z-index: 1;
        transition: var(--default-transition);
    }
    .ql-icon-bg .g-blockcontent-subcontent-title-icon {
        position: absolute;
        top: 0;
        bottom: 60%;
        left: 0;
        right: 0;
        width: 100%;
        height: 40%;
        z-index: 5;
        color: var(--ql-title-color);
        font-size: var(--ql-icon-size-mobile);
        display: flex;
        justify-content: center;
        align-items: flex-end;
        transition: var(--default-transition);
    }
    .ql-icon-bg .g-blockcontent-subcontent-title {
        position: absolute;
        top: 40%;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 60%;
        z-index: 5;
        color: var(--ql-title-color);
        display: flex;
        justify-content: center;
        align-items: flex-start;
        text-align: center;
        margin: 0;
        padding: 1rem 0;
    }
    .ql-icon-bg .g-blockcontent-subcontent-title-text {
        font-family: var(--ql-font-family);
        font-size: var(--ql-font-size-mobile);
        color: var(--ql-title-color);
        font-weight: var(--ql-title-weight);
        letter-spacing: var(--ql-letter-spacing);
        margin: 0;
        padding: 0;
    }
    .ql-icon-bg .g-blockcontent-buttons {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
        color: transparent;
        opacity: 0;
        border-radius: 0;
        z-index: 10;
    }
    .ql-icon-bg .g-blockcontent-buttons a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
        color: transparent;
        opacity: 0;
        border-radius: 0;
        z-index: 10;
    }
    .ql-icon-bg .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-block-content .g-blockcontent-subcontent-img {
        transform: rotate(15deg);
    }
    .ql-icon-bg .g-blockcontent-subcontent-block:hover .g-blockcontent-subcontent-title-icon {
        transform: rotate(-15deg);
    }
}

/*************** ABOVE ********************/
@media only screen and (min-width: 50.99rem) {
    #g-above .g-container {
        margin: 2vw auto;
    }
    .usd-centre-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .usd-centre-box > .g-content {
        width: 80%;
    }
    .usd-centre-box .g-content-array {
        margin: 0;
    }
    .usd-centre-box :is(h1,h2,h3,h4,h5,h6) {
        font-size: 3vw;
        color: var(--secondary-color);
        text-transform: initial;
        font-variant-caps: unset;
    }
    .usd-centre-box p {
        font-size: 1.6vw;
        font-family: var(--body-font-family);
        color: #000000;
    }

    .usd-video-box iframe {
        box-shadow: 0px 0px 15px rgba(0,0,0,.5);
    }
}
@media only screen and (max-width: 50.99rem) {

}

/*************** SHOWCASE *****************/
@media only screen and (min-width: 50.99rem) {
    .site-1-home #g-showcase {
        height: 20vw!important;
    }
    .site-1-home #g-showcase .g-container {
        height: 20vw;
        width: 100%;
        position: relative;
    }
    .quotator-2 {
        background: var(--primary-color);
        box-shadow: 0px 0px 15px rgba(0,0,0,.5);
    }
    .quotator-2 .swiper-container {
        overflow: visible;
    }
    .quotator-2 .swiper-slide:not(.swiper-slide.swiper-slide-active) {
        display: none;
    }
    .quotator-2 .swiper-slide {
        padding: 0 2vw;
        width: calc(100% - 4vw);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .quotator-2 .swiper-slide > img {
        position: relative;
        width: 25vw;
        height: 25vw;
        border-radius: 50%;
        box-shadow: var(--default-box-shadow);
    }
    .quotator-2 .swiper-slide > .slide {
        position: initial!important;
        width: 100%;
        height: 18vw;
        padding: 1vw;
    }
    .quotator-2 .slide-content {
        display: flex;
        flex-direction: column;
    }
    .quotator-2 .g-swiper-title {
        order: 2;
        font-size: 1vw!important;
        font-weight: 400!important;
        font-family: var(--body-font-family);
        text-align: right;
    }
    .quotator-2 .g-swiper-text {
        order: 1;
        font-size: 1.3vw!important;
    }

    .usd-chat-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .usd-chat-box .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .usd-chat-box .g-content-array {
        margin: 0;
    }
    .usd-chat-box a {
        width: 16vw;
        height: 16vw;
        border-radius: 50%;
        background: var(--secondary-color);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        color: var(--default-white);
        box-shadow: var(--default-box-shadow);
        transition: var(--default-transition);
    }
    .usd-chat-box a:hover {
        transform: scale(.95);
        background: #777777;
        box-shadow: 0px 0px 5px rgba(0,0,0,.75);
    }
    .usd-chat-box .chat-icon {
        font-size: 4vw;
    }
    .usd-chat-box .chat-text {
        font-size: 2vw;
        font-family: var(--body-font-family);
        font-weight: 700;
    }

    #g-showcase > .g-container > .g-grid:nth-child(2) {
        position: absolute;
        left: 65%;
        right: 20%;
        top: 40%;
        bottom: 40%;
        z-index: 12;
    }
    .usd-arrow-box .arrows {
        font-size: 5vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: var(--default-white);
        text-shadow: -1px 0px 7px #000000;
    }
}
@media only screen and (max-width: 50.99rem) {
    .quotator-2 {
        padding: 2rem 0 4rem 0;
        background: var(--primary-color);
        box-shadow: 0px 0px 15px rgba(0,0,0,.5);
    }
    .quotator-2 #swiper-7739 .g-swiper-slider {
        height: auto!important;
    }
    .quotator-2 .swiper-container {
        overflow: visible;
    }
    .quotator-2 .swiper-slide:not(.swiper-slide.swiper-slide-active) {
        display: none;
    }
    .quotator-2 .swiper-slide {
        padding: 0 2vw;
        width: calc(100% - 4vw);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .quotator-2 .swiper-slide > img {
        position: relative;
        width: 70vw;
        height: 70vw;
        border-radius: 50%;
        box-shadow: var(--default-box-shadow);
    }
    .quotator-2 .swiper-slide > .slide {
        position: initial!important;
        width: 100%;
        height: fit-content;
        padding: 1vw;
    }
    .quotator-2 .slide-content {
        display: flex;
        flex-direction: column;
    }
    .quotator-2 .g-swiper-title {
        order: 2;
        font-size: 4vw!important;
        font-weight: 400!important;
        font-family: var(--body-font-family);
        text-align: right;
    }
    .quotator-2 .g-swiper-text {
        order: 1;
        margin: 0!important;
        padding: 1rem 5%;
    }

    .usd-chat-box {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -3rem;
        margin-bottom: -3rem;
    }
    .usd-chat-box .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .usd-chat-box .g-content-array {
        margin: 0;
    }
    .usd-chat-box a {
        width: 50vw;
        height: 50vw;
        border-radius: 50%;
        background: var(--secondary-color);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        color: var(--default-white);
        box-shadow: var(--default-box-shadow);
        transition: var(--default-transition);
    }
    .usd-chat-box a:hover {
        transform: scale(.95);
        background: #777777;
        box-shadow: 0px 0px 5px rgba(0,0,0,.75);
    }
    .usd-chat-box .chat-icon {
        font-size: 6vw;
    }
    .usd-chat-box .chat-text {
        font-size: 6vw;
        font-family: var(--body-font-family);
        font-weight: 700;
    }

    #g-showcase > .g-container > .g-grid:nth-child(2) {
        display: none;
        position: absolute;
        left: 65%;
        right: 20%;
        top: 40%;
        bottom: 40%;
        z-index: 12;
    }
    .usd-arrow-box .arrows {
        font-size: 5vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: var(--default-white);
        text-shadow: -1px 0px 7px #000000;
    }
}

/*************** UTILITY ******************/
@media only screen and (min-width: 50.99rem) {
    #g-utility > .g-container {
        margin: 4vw auto 0 auto;
        width: 80%!important;
    }
    .faq-box .g-content-array {
        margin: 0;
        padding: 0;
    }
    .faq-box > .g-content {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-array-item {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .faq-inner-box {
        box-shadow: 0px 0px 15px rgba(0,0,0,.25);
        background: var(--primary-color);
        display: flex;
        flex-direction: row;
        padding: 2vw;
    }
    .faq-inner-box > div {
        flex: 1;
    }
    .faq-description h1 {
        color: var(--default-white);
    }
    .faq-description h2 {
        color: #f1f1f2;
        font-family: var(--body-font-family);
        text-transform: none;
        font-variant-caps: initial;
        font-size: 2vw;
    }
    .faq-description p {
        color: var(--default-white); 
        font-size: 3vw;
    }

            /*Frequently Asked Questions*/
    .search-dropdwn {
        height: 100%; 
        width: 100%; 
        display: flex; 
        align-items: center; 
        justify-content: center;
    }
    #dropdwn-outer-box {
        height: auto;
        width: 100%; 
        background-size: contain; 
        position: relative; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        flex-direction: column;
    }
    #dropdwn-button {
        height: 4vw; 
        width: 80%; 
        max-width: 30vw;
        border: 2px solid #ffffff; 
        display: flex; 
        align-items: center; 
        border-radius: 7px; 
        position: relative;
        background: var(--default-white);
    }
    #dropdwn-button:hover {
        cursor: pointer; 
        background: var(--default-white);
    }
    #dropdwn-button i {
        position: absolute; 
        right: 20px; 
        color: #808184; 
        font-size: 1.4vw;
    }
    #dropdwn-button p {
        color: var(--primary-color); 
        margin: 0 0 0 20px;
    }
    #dropdwn-menu {
        overflow-x: hidden!important; 
        position: absolute; 
        left: 10%; 
        right: 10%; 
        top: 100%; 
        height: 12vw; 
        max-width: 30vw;
        margin: 0 auto;
        background: var(--default-white);
        border-right: 2px solid #ffffff; 
        overflow: scroll; 
        border-left: 2px solid #ffffff; 
        border-bottom: 2px solid #ffffff; 
        border-bottom-left-radius: 7px; 
        border-bottom-right-radius: 7px; 
        width: 80%;
        box-shadow: inset 0px 0px 15px rgba(0,0,0,.15);
    }
    #dropdwn-menu::-webkit-scrollbar {
        width: 5px;
        background: transparent;
        overflow-x: hidden;
    }
    #dropdwn-menu::-webkit-scrollbar-track {
        background: transparent;
    }
    #dropdwn-menu::-webkit-scrollbar-thumb {
        background: var(--primary-color);
    }
    #dropdwn-menu::-webkit-scrollbar-thumb:hover {
        background: var(--primary-color);
    }
    #dropdwn-menu::-webkit-scrollbar-corner {
        background: transparent;
        display: none;
    }
    #dropdwn-menu .weblinks a {
        color: var(--primary-color);
    }
    #dropdwn-menu .weblinks a:hover {
        background: rgba(var(--secondary-rgb),.5);
    }
    #dropdwn-menu .weblinks li {
        list-style: none; 
        height: 4vw; 
        display: flex; 
        position: relative; 
        align-items: center; 
        margin: 0 0 0 0;
    }
    #dropdwn-menu .weblinks li a {
        position: absolute; 
        top: 0; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        height: 100%; 
        width: 100%; 
        display: flex; 
        font-size: 1.25vw;
        align-items: center; 
        padding: 0 0 0 20px;
    }
    #dropdwn-menu .weblinks li p {
        margin: 0 0 0 20px;
    }
    #dropdwn-menu .weblinks {
        margin: 0; 
        padding: 0;
    }
    .hidden-dropdwn {
        display: none;
    }
    .hidden-radius {
        border-bottom-left-radius: 0px!important; 
        border-bottom-right-radius: 0px!important;
    }
    .dropdwn-button-background {
        background: rgb(var(--primary-rgb));
    }
}
@media only screen and (max-width: 50.99rem) {
    .faq-box .g-content-array {
        margin: 0;
        padding: 0;
    }
    .faq-box > .g-content {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-array-item {
        margin: 0;
        padding: 0;
    }
    .faq-box .g-array-item-text {
        margin: 0;
        padding: 0;
    }
    .faq-inner-box {
        box-shadow: 0px 0px 15px rgba(0,0,0,.25);
        background: var(--primary-color);
        display: flex;
        flex-direction: column;
        padding: 4rem 0 2rem 0;
    }
    .faq-description {
        width: 70%;
        margin: 0 auto;
    }
    .faq-inner-box > div {
        flex: 1;
    }
    .faq-description h1 {
        color: var(--default-white);
        font-size: 9vw;
        text-align: center;
    }
    .faq-description h2 {
        color: #f1f1f2;
        font-family: var(--body-font-family);
        text-transform: none;
        font-variant-caps: initial;
        font-size: 4vw;
        text-align: center;
    }
    .faq-description p {
        color: var(--default-white); 
        font-size: 10vw;
        text-align: center;
    }
    .search-dropdwn {
        height: 100%; 
        width: 100%; 
        display: flex; 
        align-items: center; 
        justify-content: center;
    }
    #dropdwn-outer-box {
        height: auto;
        width: 100%; 
        background-size: contain; 
        position: relative; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        flex-direction: column;
    }
    #dropdwn-button {
        height: 4rem; 
        width: 70%; 
        max-width: 30vw;
        border: 2px solid #ffffff; 
        display: flex; 
        align-items: center; 
        border-radius: 7px; 
        position: relative;
        background: var(--default-white);
    }
    #dropdwn-button:hover {
        cursor: pointer; 
        background: var(--default-white);
    }
    #dropdwn-button i {
        position: absolute; 
        right: 20px; 
        color: #808184; 
        font-size: 1.4vw;
    }
    #dropdwn-button p {
        color: var(--primary-color); 
        margin: 0 0 0 20px;
    }
    #dropdwn-menu {
        overflow-x: hidden!important; 
        position: absolute; 
        left: 0; 
        right: 0; 
        top: 100%; 
        height: 9rem; 
        background: var(--default-white);
        border-right: 2px solid #ffffff; 
        overflow: scroll; 
        border-left: 2px solid #ffffff; 
        border-bottom: 2px solid #ffffff; 
        border-bottom-left-radius: 7px; 
        border-bottom-right-radius: 7px; 
        width: 100%;
        box-shadow: inset 0px 0px 15px rgba(0,0,0,.15);
    }
    #dropdwn-menu::-webkit-scrollbar {
        width: 5px;
        background: transparent;
        overflow-x: hidden;
    }
    #dropdwn-menu::-webkit-scrollbar-track {
        background: transparent;
    }
    #dropdwn-menu::-webkit-scrollbar-thumb {
        background: var(--primary-color);
    }
    #dropdwn-menu::-webkit-scrollbar-thumb:hover {
        background: var(--primary-color);
    }
    #dropdwn-menu::-webkit-scrollbar-corner {
        background: transparent;
        display: none;
    }
    #dropdwn-menu .weblinks a {
        color: var(--primary-color);
    }
    #dropdwn-menu .weblinks a:hover {
        background: rgba(var(--secondary-rgb),.5);
    }
    #dropdwn-menu .weblinks li {
        list-style: none; 
        height: 4rem; 
        display: flex; 
        position: relative; 
        align-items: center; 
        margin: 0 0 0 0;
    }
    #dropdwn-menu .weblinks li a {
        position: absolute; 
        top: 0; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        height: 100%; 
        width: 100%; 
        display: flex; 
        align-items: center; 
        padding: 0 0 0 20px;
        font-size: 3vw;
    }
    #dropdwn-menu .weblinks li p {
        margin: 0 0 0 20px;
    }
    #dropdwn-menu .weblinks {
        margin: 0; 
        padding: 0;
    }
    .hidden-dropdwn {
        display: none;
    }
    .hidden-radius {
        border-bottom-left-radius: 0px!important; 
        border-bottom-right-radius: 0px!important;
    }
    .dropdwn-button-background {
        background: rgb(var(--primary-rgb));
    }

    #dropdwn-menu .weblinks li a {
        font-size: 4vw;
    }
    #dropdwn-outer-box {
        background-size: 100%!important; 
        height: auto; 
        width: 90%; 
        margin-bottom: 0;
    }
    #dropdwn-button {
        height: 4rem;
        width: 100%;
        max-width: 100%;
    }
    #dropdwn-button i {
        font-size: 3vw;
    }
    #dropdwn-text {
        font-size: 4vw;
    }
}

/*************** FEATURE ******************/
/*************** MAIN *********************/
/*************** EXPANDED *****************/ 
/*************** EXTENSION ****************/

	#contentarray-2689-particle > div > div:nth-child(1) > div > div > div > div.g-array-item-title > h3 > a,
	#contentarray-2689-particle > div > div:nth-child(2) > div > div > div > div.g-array-item-title > h3 > a,
	#contentarray-2689-particle > div > div:nth-child(3) > div > div > div > div.g-array-item-title > h3 > a {
		cursor: default;
        pointer-events: none;        
        text-decoration: none;
	}

@media only screen and (min-width: 50.99rem) {
    #g-extension > .g-container {
        margin: 4vw auto;
        width: 80%!important;
    }

    .ph-rect-text {
        margin: 0;
        padding: 0;
    }
    .ph-rect-text > .g-content {
        margin: 0;
        padding: 0;
    }
    .ph-rect-text .g-content-array {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 2rem;
    }
    .ph-rect-text .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        height: unset;
        width: 100%;
    }
    .ph-rect-text .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
    }
    .ph-rect-text .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 1vw;
        height: 100%;
        width: 100%;
    }
    .ph-rect-text .g-array-item {
        height: 100%;
        margin: 0;
        padding: 2rem;
        background: var(--default-white);
        box-shadow: var(--ph-box-shadow);
        min-height: 30vw;
        display: flex;
        flex-direction: column;
    }
    .ph-rect-text .g-array-item-title {
        margin: 0;
        padding: 0 0 1vw 0;
    }
    .ph-rect-text .g-item-title {
        border-bottom: none;
        font-family: var(--ph-title-font);
        font-size: var(--ph-title-font-size-desktop);
        color: var(--ph-title-color);
        font-weight: var(--ph-title-weight);
        text-transform: var(--ph-title-text-transform);
    }
    .ph-rect-text .g-item-title a {
        color: var(--ph-title-color);
    }
    .ph-rect-text .g-item-title a:hover {
        text-decoration: none;
    }
    .ph-rect-text .g-array-item-text {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }
    .ph-rect-text .g-array-item-text p {
        margin: 0;
        padding: 0;
    }
    .ph-rect-text .g-array-item-text p:first-child {
        padding: .5vw;
        font-size: 1.25vw;
        color: #303030;
    }
    .ph-rect-text .g-array-item-text .button {
        width: 90%;
        padding: 1vw;
        border-radius: 2rem;
        background: var(--secondary-color);
        font-size: 1vw;
        text-transform: uppercase;
    }
    .ph-rect-text .g-array-item-text .button:hover {
        background: #777777;
    }
}
@media only screen and (max-width: 50.99rem) {
    #g-extension > .g-container {
        margin: 4vw auto
    }

    .ph-rect-text {
        margin: 0;
        padding: 0;
    }
    .ph-rect-text > .g-content {
        margin: 0;
        padding: 0;
    }
    .ph-rect-text .g-content-array {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    .ph-rect-text .g-content-array > .g-grid {
        margin: 0;
        padding: 0;
        height: unset;
        width: 100%;
    }
    .ph-rect-text .g-content-array > .g-grid > .g-block {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
    }
    .ph-rect-text .g-content-array > .g-grid > .g-block > .g-content {
        margin: 0;
        padding: 0 1rem;
        height: 100%;
        width: 100%;
    }
    .ph-rect-text .g-array-item {
        height: 100%;
        margin: 0;
        padding: 2rem;
        background: var(--default-white);
        box-shadow: var(--ph-box-shadow);
        min-height: 30vw;
        display: flex;
        flex-direction: column;
    }
    .ph-rect-text .g-array-item-title {
        margin: 0;
        padding: 0 0 1vw 0;
    }
    .ph-rect-text .g-item-title {
        border-bottom: none;
        font-family: var(--ph-title-font);
        font-size: var(--ph-title-font-size-mobile);
        color: var(--ph-title-color);
        font-weight: var(--ph-title-weight);
        text-transform: var(--ph-title-text-transform);
    }
    .ph-rect-text .g-item-title a {
        color: var(--ph-title-color);
    }
    .ph-rect-text .g-item-title a:hover {
        text-decoration: none;
    }
    .ph-rect-text .g-array-item-text {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }
    .ph-rect-text .g-array-item-text p {
        margin: 0;
        padding: 0;
    }
    .ph-rect-text .g-array-item-text p:first-child {
        padding: .5vw;
        font-size: 4vw;
        color: #808184;
        margin-bottom: 1rem;
    }
    .ph-rect-text .g-array-item-text .button {
        width: 90%;
        padding: 1rem;
        border-radius: 2rem;
        background: var(--secondary-color);
        font-size: 1rem;
        text-transform: uppercase;
    }
    .ph-rect-text .g-array-item-text .button:hover {
        background: #777777;
    }
}

/*************** BOTTOM *******************/
@media only screen and (min-width: 50.99rem) {
    .social-img-block .g-socialfeed .g-socialfeed-grid {
        height: 25vw!important;
        display: flex!important;
        flex-direction: row!important;
    }
    .social-img-block .g-socialfeed-grid-item {
        position: unset!important;
        width: 25%!important;
        flex: 1!important;
        transform: none!important;
    }
    .social-img-block .g-socialfeed-grid-sizer {
        width: 0!important;
    }
}
@media only screen and (min-width: 50.99rem) and (max-width: 75.99rem) {
    .social-img-block .g-socialfeed-grid-item {
        position: unset!important;
        width: 25%!important;
    }
}
@media only screen and (max-width: 50.99rem) {
    .social-img-block .g-socialfeed .g-socialfeed-grid {
        height: 98vw!important;
        display: flex!important;
        flex-direction: row!important;
        flex-wrap: wrap!important;
    }
    .social-img-block .g-socialfeed-grid-item {
        position: unset!important;
        width: 50%!important;
        flex: auto!important;
        transform: none!important;
    }
    .social-img-block .g-socialfeed-grid-sizer {
        width: 0!important;
    }
}

/*************** FOOTER *******************/
#g-footer .g-content-array {margin: 0;}
#g-footer a {color: var(--primary-color);} 
#g-container-footer {
    box-shadow: 0px 0px 15px rgba(0,0,0,.25);
}

@media only screen and (min-width: 50.99rem) {
    #g-footer > .g-container > .g-grid > .g-block:nth-child(2) {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 5%;
    }
    .footer-logo .g-logo img {
        margin-top: -2vw!important;
    }
}
@media only screen and (max-width: 50.99rem) {
    #g-container-footer {
        padding: 1rem;
    }
    #g-footer > .g-container > .g-grid > .g-block:nth-child(2) .g-array-item-text p {
        text-align: center!important;
    }
    .footer-logo .g-logo {
        text-align: center;
    }
}

/*************** COPYRIGHT ****************/ 
/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: var(--primary-color);} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
    color: var(--default-white); 
    background: var(--secondary-color);

}

.box6.moduletable, .box6.widget, .box6.g-outer-box, .box6>.g-content {
    color: #ffffff;
    background: var(--primary-color);
}
#g-aside .moduletable[class*="box"] {
    padding: 1vw;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 50%);
}

/*.moduletable .nav.menu, .moduletable .unstyled {background: #C6C8CA; color: #3160ac;} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
    color: #3160ac; 
    background: var(--default-white);
}*/
/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/


/*************** subpage FAQ **********************/
#g-mainbar > div > div > div > div > div > div > div > div > div > div.sprocket-lists-modern > ul > li:nth-child(1) {display: none;}


/* fixing subpage mobile swipers */

@media (max-width: 51rem) {
   .site-1-sub #module-swiper-125 .g-swiper-slider, .site-1-sub #module-swiper-124 .g-swiper-slider, .site-1-sub #module-swiper-123 .g-swiper-slider {
        height: 100% !important;
        justify-content: center;
    }
}