mobile styles and fix overflow

This commit is contained in:
2024-12-18 15:52:12 -08:00
parent 90505b964a
commit 01ca26189e
24 changed files with 458 additions and 331 deletions

View File

@@ -846,34 +846,6 @@
"return_format": "value",
"ajax": 0,
"placeholder": ""
},
{
"key": "field_6758a0e5c134a",
"label": "Font Size",
"name": "font_size",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"choices": {
"small": "Small",
"medium": "Medium",
"large": "Large"
},
"default_value": false,
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"allow_in_bindings": 0,
"ui": 0,
"ajax": 0,
"placeholder": ""
}
],
"min": "",
@@ -2516,6 +2488,34 @@
"return_format": "value",
"ajax": 0,
"placeholder": ""
},
{
"key": "field_676347740b8a9",
"label": "Radial Graphic Position",
"name": "radial_graphic",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"choices": {
"none": "Hide Graphic",
"right-graphic": "Right",
"left-graphic": "Left"
},
"default_value": "none",
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"allow_in_bindings": 1,
"ui": 0,
"ajax": 0,
"placeholder": ""
}
],
"min": "",
@@ -2689,7 +2689,7 @@
"white": "White",
"light-blue": "Light Blue"
},
"default_value": "pink",
"default_value": "white",
"return_format": "value",
"multiple": 0,
"allow_null": 0,
@@ -2753,6 +2753,27 @@
"return_format": "value",
"ajax": 0,
"placeholder": ""
},
{
"key": "field_67631a95e534d",
"label": "Radial Graphic",
"name": "radial_graphic",
"aria-label": "",
"type": "true_false",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"message": "",
"default_value": 0,
"allow_in_bindings": 0,
"ui": 0,
"ui_on_text": "",
"ui_off_text": ""
}
],
"min": "",
@@ -8077,6 +8098,35 @@
"ui": 0,
"ajax": 0,
"placeholder": ""
},
{
"key": "field_67634fd5a975a",
"label": "Radial Graphic Position",
"name": "radial_graphic",
"aria-label": "",
"type": "select",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"choices": {
"none": "Hide Graphic",
"right-graphic": "Right",
"left-graphic": "Left",
"center-graphic": "Center"
},
"default_value": "center-graphic",
"return_format": "value",
"multiple": 0,
"allow_null": 0,
"allow_in_bindings": 1,
"ui": 0,
"ajax": 0,
"placeholder": ""
}
],
"min": "",
@@ -8337,5 +8387,5 @@
"active": true,
"description": "",
"show_in_rest": 0,
"modified": 1734494751
"modified": 1734563123
}

View File

@@ -11233,12 +11233,6 @@ body {
color: #00447C;
}
h2, .headline-large, .h2 {
font-size: calc(1rem + 1vw);
font-weight: 400;
line-height: 50px;
}
.business-brand h2, .business-brand .headline-large, .business-brand .h2 {
color: #00447C;
}
@@ -11530,16 +11524,16 @@ button[type=submit].single_add_to_cart_button,
}
.padding-top-large {
padding-top: 0.75rem;
padding-top: 3rem;
}
@media (min-width: 768px) {
.padding-top-large {
padding-top: 1.5rem;
padding-top: 4rem;
}
}
@media (min-width: 992px) {
.padding-top-large {
padding-top: 3rem;
padding-top: 6rem;
}
}
@@ -11572,16 +11566,16 @@ button[type=submit].single_add_to_cart_button,
}
.padding-bottom-large {
padding-bottom: 0.75rem;
padding-bottom: 3rem;
}
@media (min-width: 768px) {
.padding-bottom-large {
padding-bottom: 1.5rem;
padding-bottom: 4rem;
}
}
@media (min-width: 992px) {
.padding-bottom-large {
padding-bottom: 3rem;
padding-bottom: 6rem;
}
}
@@ -11605,16 +11599,6 @@ button[type=submit].single_add_to_cart_button,
width: 100%;
}
.sonar-svg-left {
bottom: -165%;
left: 0;
overflow-x: hidden;
}
.sonar-svg-left svg {
max-width: 300px;
width: 100%;
}
.f-white {
color: white;
}
@@ -11793,20 +11777,20 @@ button[type=submit].single_add_to_cart_button,
padding-bottom: 10px;
}
.col2-circle-content-slice-container .highlighted-circle img {
.col2-image-coopy-slice-container .highlighted-circle img {
border-radius: 50%;
width: 225px;
height: 225px;
-o-object-fit: cover;
object-fit: cover;
}
.col2-circle-content-slice-container .highlighted-circle-title {
.col2-image-coopy-slice-container .highlighted-circle-title {
color: #000066;
}
.col2-circle-content-slice-container .highlighted-circle-copy p {
.col2-image-coopy-slice-container .highlighted-circle-copy p {
line-height: 41px;
}
.col2-circle-content-slice-container .highlighted-circle-link a {
.col2-image-coopy-slice-container .highlighted-circle-link a {
line-height: 41px;
}
@@ -11853,20 +11837,35 @@ button[type=submit].single_add_to_cart_button,
color: #00447C;
}
.radial-container-col3-card .sonar {
width: 250px;
top: -646px;
}
.radial-container-col3-card .sonar svg {
width: 100%;
max-width: 250px;
}
@media (min-width: 768px) {
.radial-container-col3-card .sonar {
top: -705px;
}
}
@media (min-width: 992px) {
.radial-container-col3-card .sonar {
top: -745px;
}
}
.col3-card-slice-container .col3-card-wrapper {
z-index: 1;
}
.col3-card-slice-container .col3-card-wrapper .col3-card-item {
position: relative;
min-height: 40em;
background-color: #FFFFFF;
}
.col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-img {
width: 100%;
}
.col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-item-inner-wrapper {
min-height: 350px;
}
.col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-item-inner-wrapper .col3-card-title {
color: #000066;
}
@@ -11932,6 +11931,8 @@ button[type=submit].single_add_to_cart_button,
}
.consumer-brand .faq-dropdown-slice-container .accordion-button {
padding: 0.5rem 1.25rem;
font-size: 20px;
line-height: normal;
}
.consumer-brand .faq-dropdown-slice-container .accordion-button,
.consumer-brand .faq-dropdown-slice-container .accordion-body {
@@ -11998,8 +11999,10 @@ h1, .headline-largest, .h1 {
color: #00447C;
}
.business-brand .h2-heading-slice-container h2, .business-brand .h2-heading-slice-container .headline-large, .business-brand .h2-heading-slice-container .h2 {
color: #00447C;
h2, .headline-large, .h2 {
font-size: calc(1.4rem + 1vw);
font-weight: 400;
line-height: 50px;
}
.f-purple h2, .f-purple .headline-large, .f-purple .h2 {
@@ -12047,13 +12050,8 @@ h3, .headline-standard, .h3 {
h4, .headline-small, .h4 {
font-size: 26px;
font-weight: 400;
line-height: 40px;
}
@media (min-width: 768px) {
h4, .headline-small, .h4 {
font-size: 32px;
}
font-weight: bold;
line-height: 32px;
}
.f-purple h4, .f-purple .headline-small, .f-purple .h4 {
@@ -12158,19 +12156,12 @@ h6, .h6 {
margin-bottom: -85px;
}
.sonar-svg-3 {
display: none;
.radial {
bottom: -42%;
right: -18%;
}
@media (min-width: 768px) {
.sonar-svg-3 {
display: block;
position: absolute;
bottom: -42%;
right: -18%;
overflow-x: hidden;
}
.pos {
margin-bottom: -175px;
}
@@ -12185,12 +12176,6 @@ h6, .h6 {
width: 100%;
}
}
.sonar-svg {
bottom: -292px;
right: -200px;
overflow-x: hidden;
}
.icon-info-grid-slice-container .icon-card-wrapper .icon-card {
display: grid;
grid-template-rows: 1fr auto 1fr;
@@ -12297,6 +12282,14 @@ h6, .h6 {
color: #00447C;
}
.phone-contact-with-shortcode-slice-container .radial-left {
top: -53px;
left: 0;
}
.phone-contact-with-shortcode-slice-container .radial-left svg {
max-width: 300px;
}
.product-carousel-slice-container .products .product-slide .product-image img {
width: 100%;
}
@@ -12332,6 +12325,20 @@ h6, .h6 {
.products-list-slice-container .products-list-item .products-list-item-inner-wrapper .products-list-title {
color: #000066;
}
.simple-content-slice-container {
overflow: hidden;
}
.simple-content-slice-container .radial {
right: 0;
top: 120px;
width: 100%;
max-width: 250px;
}
.simple-content-slice-container .radial svg {
width: 100%;
max-width: 250px;
}
.testimonial-carousel-slice-container .testimonials .testimonial-image img {
width: 225px;
height: 225px;
@@ -12363,10 +12370,12 @@ h6, .h6 {
}
.testimonial-slice-container {
margin-bottom: 5rem;
padding-bottom: 9rem;
}
.testimonial-slice-container .g-sky-border {
top: 20px;
@media (min-width: 992px) {
.testimonial-slice-container .g-sky-border {
margin-bottom: -73px;
}
}
.testimonial-slice-container .testimonial-img {
width: 100%;
@@ -12383,9 +12392,9 @@ h6, .h6 {
.testimonial-slice-container .testimonial-inner-content-wrapper .testimonial-quote-attribution {
text-align: right;
}
.testimonial-slice-container .sonar {
.testimonial-slice-container .radial {
right: 0;
top: 0;
top: -55px;
}
.text-highlights-col-slice-container .text-block .title {
@@ -12406,6 +12415,27 @@ h6, .h6 {
.video-copy-slice-container .ratio {
max-width: 620px;
}
.video-copy-slice-container .radial-right-graphic {
top: 0;
right: -200px;
}
.video-copy-slice-container .radial-right-graphic svg {
max-width: 1000px;
}
.video-copy-slice-container .radial-left-graphic {
top: 0;
left: -200px;
}
.video-copy-slice-container .radial-left-graphic svg {
max-width: 1000px;
}
.video-copy-slice-container .radial-center-graphic {
top: 0;
left: 50%;
}
.video-copy-slice-container .radial-center-graphic svg {
max-width: 1000px;
}
.video-grid-slice-container .heading {
color: #000066;
@@ -12439,6 +12469,11 @@ h6, .h6 {
.main-header .top-nav-mobile li a {
color: #FFFFFF;
}
.main-header .main-logo img {
height: 30px;
width: 200px !important;
max-width: 200px !important;
}
.main-header .top-bar-items li {
position: relative;
align-self: center;
@@ -12453,10 +12488,6 @@ h6, .h6 {
.main-header .main-nav .dropdown-toggle::after {
content: none;
}
.main-header .main-nav .main-logo img {
height: 30px;
width: 200px;
}
@media (min-width: 992px) {
.main-header .main-nav .menu-item-has-children::after {
content: "";

View File

@@ -1,4 +1,4 @@
{
"/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05",
"/app.css": "/app.css?id=0601868eea5eb92457f6b8785cc4e8dd"
"/app.css": "/app.css?id=f939fc4646ec2c4f5fa616ca656f10f2"
}

View File

@@ -1,4 +1,4 @@
.col2-circle-content-slice-container {
.col2-image-coopy-slice-container {
.highlighted-circle {
img {
border-radius: 50%;

View File

@@ -1,21 +1,41 @@
.radial-container-col3-card {
.sonar {
svg {
width: 100%;
max-width: 250px;
}
@include media-breakpoint-up(xs) {
width: 250px;
top: -646px;
}
@include media-breakpoint-up(md) {
top: -705px;
}
@include media-breakpoint-up(lg) {
top: -745px;
}
}
}
.col3-card-slice-container {
.col3-card-wrapper {
z-index: 1;
.col3-card-item {
position: relative;
min-height: 40em;
// border: 1px solid $gray-border;
// box-shadow: 5px 5px 10px 0px rgba(119, 119, 119, 0.16);
background-color: $white;
// min-height: 40em;
.col3-card-img {
width: 100%;
}
.col3-card-item-inner-wrapper {
min-height: 350px;
.col3-card-title {
color: $consumer-primary;

View File

@@ -17,7 +17,9 @@
.consumer-brand {
.faq-dropdown-slice-container {
.accordion-button {
padding: .5rem 1.25rem
padding: .5rem 1.25rem;
font-size: 20px;
line-height: normal;
}
.accordion-button,

View File

@@ -43,12 +43,6 @@ body {
}
}
h2 {
font-size: calc(1rem + 1vw);
font-weight: 400;
line-height: 50px;
}
// .consumer-brand {
// h2 {
// color: $consumer-primary;
@@ -381,15 +375,15 @@ button[type="submit"].single_add_to_cart_button,
.padding-top-large {
@include media-breakpoint-up(xs) {
padding-top: 0.75rem;
padding-top: 3rem;
}
@include media-breakpoint-up(md) {
padding-top: 1.5rem;
padding-top: 4rem;
}
@include media-breakpoint-up(lg) {
padding-top: 3rem;
padding-top: 6rem;
}
}
@@ -423,15 +417,15 @@ button[type="submit"].single_add_to_cart_button,
.padding-bottom-large {
@include media-breakpoint-up(xs) {
padding-bottom: 0.75rem;
padding-bottom: 3rem;
}
@include media-breakpoint-up(md) {
padding-bottom: 1.5rem;
padding-bottom: 4rem;
}
@include media-breakpoint-up(lg) {
padding-bottom: 3rem;
padding-bottom: 6rem;
}
}
@@ -460,17 +454,6 @@ button[type="submit"].single_add_to_cart_button,
}
}
.sonar-svg-left {
bottom: -165%;
left: 0;
overflow-x: hidden;
svg {
max-width: 300px;
width: 100%;
}
}
.f-white {
color: white;

View File

@@ -6,12 +6,19 @@
// }
// }
.business-brand {
.h2-heading-slice-container {
h2 {
color: $business-primary;
}
}
// .business-brand {
// .h2-heading-slice-container {
// h2 {
// color: $business-primary;
// }
// }
// }
h2 {
font-size: calc(1.4rem + 1vw);
font-weight: 400;
line-height: 50px;
}
.f-purple h2 {

View File

@@ -1,11 +1,11 @@
h4 {
font-size: 26px;
font-weight: 400;
line-height: 40px;
font-weight: bold;
line-height: 32px;
@include media-breakpoint-up(md) {
font-size: 32px;
}
// @include media-breakpoint-up(md) {
// font-size: 32px;
// }
}
.f-purple h4 {

View File

@@ -35,6 +35,12 @@
}
}
.main-logo img {
height: 30px;
width: 200px !important;
max-width: 200px !important;
}
.top-bar-items li {
position: relative;
align-self: center;
@@ -56,11 +62,6 @@
content: none;
}
.main-logo img {
height: 30px;
width: 200px;
}
@include media-breakpoint-up(lg) {
.menu-item-has-children::after {
content: "";

View File

@@ -43,18 +43,13 @@
margin-bottom: -85px;
}
.sonar-svg-3 {
display: none;
.radial {
bottom: -42%;
right: -18%;
}
@include media-breakpoint-up(md) {
.sonar-svg-3 {
display: block;
position: absolute;
bottom: -42%;
right: -18%;
overflow-x: hidden;
}
.pos {
margin-bottom: -175px;
@@ -70,10 +65,4 @@
width: 100%;
}
}
.sonar-svg {
bottom: -292px;
right: -200px;
overflow-x: hidden;
}

View File

@@ -1,4 +1,14 @@
.phone-contact-with-shortcode-slice-container {}
.phone-contact-with-shortcode-slice-container {
.radial-left {
top: -53px;
left: 0;
svg {
max-width: 300px;
}
}
}
// .consumer-brand {
// .call-title {

View File

@@ -1,3 +1,29 @@
.simple-content-slice-container {
overflow: hidden;
.radial {
right: 0;
top: 120px;
width: 100%;
max-width: 250px;
svg {
width: 100%;
max-width: 250px;
}
// @include media-breakpoint-up(xs) {
// top: -646px;
// }
// @include media-breakpoint-up(md) {
// top: -705px;
// }
// @include media-breakpoint-up(lg) {
// top: -745px;
// }
}
}

View File

@@ -1,12 +1,14 @@
.testimonial-slice-container {
margin-bottom: 5rem;
padding-bottom: 9rem;
.g-sky-border {
top: 20px;
@include media-breakpoint-up(lg) {
.g-sky-border {
margin-bottom: -73px;
}
}
.testimonial-img {
// border-radius: 50%;
width: 100%;
max-width: 300px;
max-height: 300px;
@@ -26,8 +28,9 @@
}
}
.sonar {
.radial {
right: 0;
top: 0;
top: -55px;
}
}

View File

@@ -5,6 +5,33 @@
.ratio {
max-width: 620px;
}
.radial-right-graphic {
top: 0;
right: -200px;
svg {
max-width: 1000px;
}
}
.radial-left-graphic {
top: 0;
left: -200px;
svg {
max-width: 1000px;
}
}
.radial-center-graphic {
top: 0;
left: 50%;
svg {
max-width: 1000px;
}
}
}

View File

@@ -1,16 +1,16 @@
<!-- Col2 Circle Content BEGIN -->
<section class="container-fluid pb-5 col2-circle-content-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<section class="container-fluid pb-5 col2-image-coopy-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container">
<div class="row gx-5 gy-4 mb-4">
{{#each circle_features}}
<div class="col-12 col-xl-6">
<div class="row">
<div class="col-12 col-md-auto text-center text-md-start mw-250">
<div class="col-md-12 text-center text-md-start mw-250 m-auto">
<div class="{{../border_color}}">
<img src="{{image.url}}" alt="{{image.alt}}" />
</div>
</div>
<div class="col align-content-center text-center text-md-start me-xl-5">
<div class="col-md align-content-center text-center text-md-start me-xl-5">
<div class="highlighted-circle-title mt-2">
<h3 class="fw-bold">{{title}}</h3>
</div>

View File

@@ -1,24 +1,80 @@
<!-- Col3 Card BEGIN -->
<section class="container-fluid col3-card-slice-container bg-color-top-{{background_color_top}} bg-color-bottom-{{background_color_bottom}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container">
<div class="row">
{{#each image_card}}
<div class="col-lg-4 col3-card-wrapper">
<div class="mb-3 col3-card-item">
<div class="g-sky-border">
<img class="col3-card-img" src="{{image.url}}" alt="{{image.alt}}" />
</div>
<div class="col3-card-item-inner-wrapper p-2">
<h3 class="col3-card-title mb-2 mt-3 fw-bold">{{title}}</h3>
<div class="col3-card-copy">{{{copy}}}</div>
{{#if link}}
<a class="text-nowrap button--primary col3-card-link" href="{{link.url}}">{{link.title}}</a>
{{/if}}
<div class="radial-container-col3-card p-relative overflow-hidden">
{{#if radial_graphic}}
<div class="p-absolute sonar">
<svg class="w-100" width="645" height="1023" viewBox="0 0 645 1023" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_293_290" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-378" y="0" width="1023" height="1023">
<g opacity="0.4" clip-path="url(#clip0_293_290)">
<path opacity="0.72" d="M133.505 322.371C159.093 322.371 183.87 327.405 207.129 337.235C229.659 346.763 249.901 360.42 267.24 377.77C284.58 395.11 298.237 415.352 307.776 437.882C317.616 461.13 322.64 485.917 322.64 511.505C322.64 537.094 317.605 561.871 307.776 585.129C298.248 607.659 284.59 627.901 267.24 645.24C249.901 662.58 229.659 676.238 207.129 685.776C183.881 695.616 159.093 700.64 133.505 700.64C107.917 700.64 83.14 695.606 59.8817 685.776C37.3516 676.248 17.1098 662.59 -0.229908 645.24C-17.5696 627.901 -31.2271 607.659 -40.7655 585.129C-50.6055 561.881 -55.6295 537.094 -55.6295 511.505C-55.6295 485.917 -50.5951 461.14 -40.7655 437.882C-31.2375 415.352 -17.58 395.11 -0.229908 377.77C17.1098 360.431 37.3516 346.773 59.8817 337.235C83.1296 327.395 107.917 322.371 133.505 322.371Z" fill="url(#paint0_linear_293_290)" fill-opacity="0.8" />
<path opacity="0.62" d="M133.505 278.933C5.26221 278.933 -99.0672 383.262 -99.0672 511.505C-99.0672 639.748 5.26221 744.078 133.505 744.078C261.748 744.078 366.078 639.748 366.078 511.505C366.078 383.262 261.748 278.933 133.505 278.933ZM133.505 268.646C166.333 268.646 198.152 275.095 228.036 287.733C256.963 299.965 282.947 317.502 305.227 339.783C327.508 362.063 345.035 388.047 357.278 416.974C369.916 446.858 376.365 478.677 376.365 511.505C376.365 544.333 369.916 576.152 357.278 606.036C345.045 634.963 327.508 660.947 305.227 683.227C282.947 705.508 256.963 723.035 228.036 735.278C198.152 747.916 166.333 754.365 133.505 754.365C100.677 754.365 68.8584 747.916 38.9742 735.278C10.047 723.045 -15.9365 705.508 -38.217 683.227C-60.4975 660.947 -78.0245 634.963 -90.2673 606.036C-102.905 576.152 -109.354 544.333 -109.354 511.505C-109.354 478.677 -102.905 446.858 -90.2673 416.974C-78.0349 388.047 -60.4975 362.063 -38.217 339.783C-15.9365 317.502 10.047 299.976 38.9742 287.733C68.8584 275.095 100.677 268.646 133.505 268.646Z" fill="url(#paint1_linear_293_290)" fill-opacity="0.8" />
<path opacity="0.53" d="M133.505 224.75C-24.6116 224.75 -153.239 353.388 -153.239 511.495C-153.239 669.601 -24.6012 798.239 133.505 798.239C291.612 798.239 420.25 669.601 420.25 511.495C420.25 353.388 291.612 224.75 133.505 224.75ZM133.505 214.91C173.583 214.91 212.434 222.774 248.954 238.22C284.278 253.157 316.004 274.564 343.225 301.785C370.446 329.007 391.843 360.732 406.79 396.056C422.236 432.577 430.1 471.427 430.1 511.505C430.1 551.583 422.236 590.434 406.79 626.954C391.853 662.278 370.446 694.004 343.225 721.225C316.004 748.446 284.278 769.843 248.954 784.79C212.434 800.236 173.583 808.1 133.505 808.1C93.4273 808.1 54.5768 800.236 18.0564 784.79C-17.2679 769.853 -48.9932 748.446 -76.2146 721.225C-103.436 694.004 -124.832 662.278 -139.78 626.954C-155.226 590.434 -163.09 551.583 -163.09 511.505C-163.09 471.427 -155.226 432.577 -139.78 396.056C-124.843 360.732 -103.436 329.007 -76.2146 301.785C-48.9932 274.564 -17.2679 253.168 18.0564 238.22C54.5768 222.774 93.4273 214.91 133.505 214.91Z" fill="url(#paint2_linear_293_290)" fill-opacity="0.8" />
<path opacity="0.43" d="M133.505 170.578C-54.4853 170.578 -207.422 323.515 -207.422 511.505C-207.422 699.496 -54.4853 852.432 133.505 852.432C321.496 852.432 474.432 699.496 474.432 511.505C474.432 323.515 321.496 170.578 133.505 170.578ZM133.505 161.185C180.823 161.185 226.705 170.464 269.862 188.719C311.583 206.37 349.05 231.636 381.212 263.798C413.374 295.961 438.64 333.428 456.292 375.149C474.547 418.306 483.825 464.188 483.825 511.505C483.825 558.823 474.547 604.705 456.292 647.862C438.64 689.583 413.374 727.05 381.212 759.212C349.05 791.374 311.583 816.64 269.862 834.292C226.705 852.547 180.823 861.825 133.505 861.825C86.1877 861.825 40.3057 852.547 -2.85106 834.292C-44.5724 816.64 -82.0394 791.374 -114.202 759.212C-146.364 727.05 -171.63 689.583 -189.281 647.862C-207.536 604.705 -216.815 558.823 -216.815 511.505C-216.815 464.188 -207.536 418.306 -189.281 375.149C-171.63 333.428 -146.364 295.961 -114.202 263.798C-82.0394 231.636 -44.5724 206.37 -2.85106 188.719C40.3057 170.464 86.1877 161.185 133.505 161.185Z" fill="url(#paint3_linear_293_290)" fill-opacity="0.8" />
<path opacity="0.34" d="M133.505 116.406C-84.3486 116.406 -261.594 293.651 -261.594 511.505C-261.594 729.359 -84.3486 906.605 133.505 906.605C351.359 906.605 528.605 729.359 528.605 511.505C528.605 293.651 351.359 116.406 133.505 116.406ZM133.505 107.46C188.073 107.46 240.986 118.153 290.779 139.217C338.898 159.573 382.107 188.708 419.21 225.801C456.302 262.893 485.448 306.113 505.794 354.231C526.857 404.024 537.55 456.938 537.55 511.505C537.55 566.073 526.857 618.986 505.794 668.779C485.438 716.898 456.302 760.107 419.21 797.21C382.117 834.302 338.898 863.448 290.779 883.794C240.986 904.857 188.073 915.55 133.505 915.55C78.9378 915.55 26.0241 904.857 -23.769 883.794C-71.8874 863.437 -115.096 834.302 -152.199 797.21C-189.292 760.117 -218.437 716.898 -238.794 668.779C-259.857 618.986 -270.55 566.073 -270.55 511.505C-270.55 456.938 -259.857 404.024 -238.794 354.231C-218.437 306.113 -189.302 262.904 -152.199 225.801C-115.107 188.708 -71.8874 159.563 -23.769 139.217C26.0241 118.153 78.9378 107.46 133.505 107.46Z" fill="url(#paint4_linear_293_290)" fill-opacity="0.8" />
<path opacity="0.24" d="M133.505 62.2232C-114.222 62.2232 -315.766 263.767 -315.766 511.495C-315.766 759.223 -114.222 960.766 133.505 960.766C381.233 960.766 582.777 759.223 582.777 511.495C582.777 263.767 381.233 62.2232 133.505 62.2232ZM133.505 53.725C195.312 53.725 255.268 65.8326 311.697 89.7046C366.213 112.765 415.163 145.77 457.207 187.803C499.241 229.837 532.256 278.798 555.306 333.313C579.178 389.743 591.285 449.698 591.285 511.495C591.285 573.292 579.178 633.257 555.306 689.676C532.245 744.192 499.241 793.143 457.207 835.186C415.174 877.22 366.213 910.235 311.697 933.285C255.268 957.157 195.312 969.265 133.505 969.265C71.6982 969.265 11.7426 957.157 -44.6868 933.285C-99.2023 910.224 -148.153 877.22 -190.197 835.186C-232.23 793.153 -265.245 744.192 -288.295 689.676C-312.167 633.247 -324.275 573.292 -324.275 511.495C-324.275 449.698 -312.167 389.732 -288.295 333.313C-265.235 278.798 -232.23 229.847 -190.197 187.803C-148.163 145.77 -99.2023 112.755 -44.6868 89.7046C11.7426 65.8326 71.6982 53.725 133.505 53.725Z" fill="url(#paint5_linear_293_290)" fill-opacity="0.8" />
<path opacity="0.15" d="M133.505 8.05094C-144.107 8.05094 -369.949 233.893 -369.949 511.505C-369.949 789.117 -144.107 1014.96 133.505 1014.96C411.117 1014.96 636.959 789.117 636.959 511.505C636.959 233.893 411.107 8.05094 133.505 8.05094ZM133.505 1023C64.4585 1023 -2.52866 1009.48 -65.5944 982.797C-126.507 957.032 -181.21 920.158 -228.184 873.184C-275.158 826.21 -312.043 771.507 -337.797 710.594C-364.478 647.539 -378 580.552 -378 511.505C-378 442.459 -364.478 375.471 -337.797 312.406C-312.032 251.493 -275.158 196.79 -228.184 149.816C-181.21 102.842 -126.507 65.9574 -65.5944 40.2027C-2.53906 13.5223 64.4481 0 133.505 0C202.562 0 269.539 13.5223 332.605 40.2027C393.517 65.9678 448.22 102.842 495.194 149.816C542.168 196.79 579.053 251.493 604.808 312.406C631.478 375.471 645.01 442.459 645.01 511.505C645.01 580.552 631.488 647.539 604.808 710.605C579.043 771.517 542.168 826.22 495.194 873.194C448.22 920.168 393.517 957.053 332.605 982.808C269.539 1009.48 202.552 1023.01 133.505 1023.01V1023Z" fill="url(#paint6_linear_293_290)" fill-opacity="0.8" />
</g>
</mask>
<g mask="url(#mask0_293_290)">
<rect x="-493" y="575" width="1252" height="512" fill="#3399FF" fill-opacity="0.3" />
</g>
<defs>
<linearGradient id="paint0_linear_293_290" x1="133.505" y1="322.371" x2="133.505" y2="700.64" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint1_linear_293_290" x1="133.505" y1="268.646" x2="133.505" y2="754.365" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint2_linear_293_290" x1="133.505" y1="214.91" x2="133.505" y2="808.1" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint3_linear_293_290" x1="133.505" y1="161.185" x2="133.505" y2="861.825" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint4_linear_293_290" x1="133.5" y1="107.46" x2="133.5" y2="915.55" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint5_linear_293_290" x1="133.505" y1="53.725" x2="133.505" y2="969.265" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<linearGradient id="paint6_linear_293_290" x1="133.505" y1="0" x2="133.505" y2="1023.01" gradientUnits="userSpaceOnUse">
<stop stop-color="#E8F4FF" />
<stop offset="1" stop-color="#9BCDFF" />
</linearGradient>
<clipPath id="clip0_293_290">
<rect width="1023" height="1023" fill="white" transform="translate(-378)" />
</clipPath>
</defs>
</svg>
</div>
{{/if}}
<section class="container-fluid col3-card-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container">
<div class="row">
{{#each image_card}}
<div class="col-lg-4 col3-card-wrapper">
<div class="mb-3 col3-card-item">
<div class="g-sky-border">
<img class="col3-card-img" src="{{image.url}}" alt="{{image.alt}}" />
</div>
<div class="col3-card-item-inner-wrapper p-2">
<h3 class="col3-card-title mb-2 mt-3 fw-bold">{{title}}</h3>
<div class="col3-card-copy">{{{copy}}}</div>
{{#if link}}
<a class="text-nowrap button--primary col3-card-link" href="{{link.url}}">{{link.title}}</a>
{{/if}}
</div>
</div>
</div>
{{/each}}
</div>
{{/each}}
</div>
</div>
</section>
</section>
</div>
<!-- Col3 Card END -->

View File

@@ -1,11 +1,11 @@
<!-- Heading BEGIN -->
<section {{#if section_anchor_id}}id="{{section_anchor_id}}"{{/if}} class="h2-heading-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container">
<div class="row">
<div class="col text-{{alignment}}">
<h2 class="{{heading_color}}">{{text}}</h2>
</div>
<section {{#if section_anchor_id}}id="{{section_anchor_id}}" {{/if}} class="h2-heading-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container">
<div class="row">
<div class="col text-{{alignment}}">
<h2 class="{{heading_color}}">{{text}}</h2>
</div>
</div>
</div>
</div>
</section>
<!-- Heading END -->

View File

@@ -1,103 +1,4 @@
<!-- Mobile Hero BEGIN -->
<!-- <section class="hero-slice-container d-flex justify-content-start align-content-center flex-wrap d-lg-none g-sky-hero padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container my-auto hero-wrapper my-auto">
<div class="row mb-4 p-2">
<div class="col-md-10 col-lg-4">
<h1 class="mb-4 hero-title">{{title}}</h1>
<p class="mb-4 hero-copy">{{copy}}</p>
{{#if link}}
<a class="button--primary" href="{{link.url}}">{{link.title}}</a>
{{/if}}
</div>
</div>
<div class="row my-4">
<img class="img-fluid p-0" src="{{mobile_image.url}}" alt="{{mobile_image.alt}}" />
{{#if !tile_image_3}}
<div class="p-relative">
{{#if tile_image_1}}
<div class="tile-1">
<div class="g-sky-border">
<img class="w-100" src="{{tile_image_1.url}}" alt="{{tile_image_1.alt}}" />
</div>
</div>
{{/if}}
{{#if tile_image_2}}
{{#if !tile_image_3}}
<div class="g-sky-border p-absolute tile-2">
<img class="w-100" src="{{tile_image_2.url}}" alt="{{tile_image_2.alt}}" />
</div>
{{/if}}
{{/if}}
{{#if tile_image_3}}
<div class="g-sky-border">
<img class="w-100" src="{{tile_image_2.url}}" alt="{{tile_image_2.alt}}" />
</div>
<div class="g-sky-border">
<img class="w-100" src="{{tile_image_3.url}}" alt="{{tile_image_3.alt}}" />
</div>
{{/if}}
</div>
{{/if}}
</div>
</div>
</section> -->
<!-- Mobile Hero END -->
<!-- Hero BEGIN -->
{{#if tile_image_3.url === ''}}
<section class="hero-slice-container d-flex justify-content-start align-content-center d-lg-flex g-sky-hero py-4">
<div class="container hero-wrapper my-auto">
<div class="row">
<div class="col-lg-4">
<h1 class="mb-3 mt-2 hero-title">{{title}}</h1>
<p class="mb-4 hero-copy">{{copy}}</p>
{{#if link}}
<a class="button--primary" href="{{link.url}}">{{link.title}}</a>
{{/if}}
{{tile_image_3.url}}
</div>
<div class="col-lg-8 mw-800 p-relative">
<div class="p-absolute sonar-svg">
<svg width="452" height="452" viewBox="0 0 452 452" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_252_440)">
<path opacity="0.83" d="M226.002 165.049C234.276 165.049 242.27 166.689 249.728 169.844C256.991 172.918 263.523 177.329 269.097 182.907C274.671 188.481 279.082 195.009 282.161 202.276C285.32 209.735 286.955 217.728 286.955 226.002C286.955 234.276 285.315 242.27 282.161 249.728C279.086 256.991 274.675 263.523 269.097 269.097C263.523 274.671 256.991 279.082 249.728 282.161C242.27 285.32 234.276 286.955 226.002 286.955C217.728 286.955 209.735 285.315 202.276 282.161C195.013 279.086 188.482 274.675 182.908 269.097C177.334 263.523 172.923 256.995 169.844 249.728C166.685 242.27 165.049 234.276 165.049 226.002C165.049 217.728 166.689 209.735 169.844 202.276C172.918 195.013 177.329 188.481 182.908 182.907C188.482 177.334 195.013 172.922 202.276 169.844C209.735 166.685 217.728 165.049 226.002 165.049Z" fill="white" fill-opacity="0.3" />
<path opacity="0.66" d="M226.002 141.034C179.151 141.034 141.034 179.151 141.034 226.002C141.034 272.853 179.151 310.971 226.002 310.971C272.853 310.971 310.971 272.853 310.971 226.002C310.971 179.151 272.853 141.034 226.002 141.034ZM226.002 123.79C239.832 123.79 253.226 126.513 265.791 131.828C277.968 136.979 288.907 144.362 298.277 153.732C307.647 163.102 315.03 174.041 320.181 186.218C325.496 198.778 328.218 212.172 328.218 226.007C328.218 239.841 325.496 253.23 320.181 265.795C315.03 277.973 307.647 288.911 298.277 298.281C288.907 307.651 277.968 315.034 265.791 320.185C253.23 325.501 239.837 328.223 226.002 328.223C212.167 328.223 198.778 325.501 186.214 320.185C174.036 315.034 163.098 307.651 153.728 298.281C144.357 288.911 136.975 277.973 131.824 265.795C126.508 253.235 123.786 239.841 123.786 226.007C123.786 212.172 126.508 198.783 131.824 186.218C136.975 174.041 144.357 163.102 153.728 153.732C163.098 144.362 174.036 136.979 186.214 131.828C198.774 126.513 212.167 123.79 226.002 123.79Z" fill="white" fill-opacity="0.3" />
<path opacity="0.49" d="M226.002 99.7701C156.397 99.7701 99.7702 156.397 99.7702 226.002C99.7702 295.608 156.397 352.234 226.002 352.234C295.608 352.234 352.234 295.608 352.234 226.002C352.234 156.397 295.608 99.7701 226.002 99.7701ZM226.002 82.5269C245.393 82.5269 264.187 86.332 281.849 93.8085C298.936 101.036 314.286 111.39 327.448 124.557C340.61 137.719 350.964 153.068 358.196 170.156C365.668 187.818 369.473 206.611 369.473 226.002C369.473 245.393 365.668 264.187 358.196 281.849C350.969 298.936 340.614 314.286 327.448 327.448C314.286 340.61 298.936 350.964 281.849 358.196C264.187 365.668 245.389 369.478 226.002 369.478C206.616 369.478 187.818 365.672 170.156 358.196C153.068 350.969 137.719 340.614 124.557 327.448C111.395 314.286 101.04 298.936 93.8085 281.849C86.3365 264.187 82.5314 245.393 82.5314 226.002C82.5314 206.611 86.3365 187.818 93.8085 170.156C101.036 153.068 111.39 137.719 124.557 124.557C137.719 111.395 153.068 101.04 170.156 93.8085C187.818 86.3365 206.616 82.5314 226.002 82.5314V82.5269Z" fill="white" fill-opacity="0.3" />
<path opacity="0.32" d="M226.002 58.5067C133.646 58.5067 58.5067 133.646 58.5067 226.002C58.5067 318.358 133.646 393.498 226.002 393.498C318.358 393.498 393.498 318.358 393.498 226.002C393.498 133.646 318.358 58.5067 226.002 58.5067ZM226.002 41.2635C250.949 41.2635 275.148 46.1557 297.911 55.7843C319.913 65.0921 339.669 78.4144 356.628 95.3725C373.586 112.331 386.908 132.091 396.216 154.089C405.844 176.852 410.737 201.051 410.737 225.998C410.737 250.945 405.844 275.143 396.216 297.907C386.908 319.909 373.586 339.665 356.628 356.623C339.669 373.581 319.909 386.903 297.911 396.211C275.148 405.84 250.949 410.732 226.002 410.732C201.055 410.732 176.857 405.84 154.093 396.211C132.091 386.903 112.335 373.581 95.3769 356.623C78.4189 339.665 65.0966 319.904 55.7888 297.907C46.1602 275.143 41.2679 250.945 41.2679 225.998C41.2679 201.051 46.1602 176.852 55.7888 154.089C65.0966 132.087 78.4189 112.331 95.3769 95.3725C112.335 78.4144 132.096 65.0921 154.093 55.7843C176.857 46.1557 201.055 41.2635 226.002 41.2635Z" fill="white" fill-opacity="0.3" />
<path opacity="0.15" d="M226.002 17.2432C110.891 17.2432 17.2432 110.891 17.2432 226.002C17.2432 341.113 110.891 434.761 226.002 434.761C341.113 434.761 434.761 341.113 434.761 226.002C434.761 110.891 341.109 17.2432 226.002 17.2432ZM226.002 452C195.495 452 165.896 446.025 138.031 434.235C111.119 422.851 86.9469 406.557 66.1971 385.807C45.4428 365.053 29.1486 340.886 17.769 313.974C5.97498 286.104 0 256.505 0 226.002C0 195.499 5.97498 165.896 17.7645 138.031C29.1486 111.119 45.4428 86.9469 66.1926 66.1971C86.9469 45.4428 111.114 29.1486 138.026 17.769C165.896 5.97498 195.495 0 226.002 0C256.51 0 286.108 5.97498 313.974 17.7645C340.886 29.1486 365.058 45.4428 385.807 66.1926C406.562 86.9469 422.856 111.114 434.235 138.026C446.021 165.896 452 195.49 452 225.998C452 256.505 446.025 286.104 434.235 313.969C422.851 340.881 406.557 365.053 385.807 385.803C365.053 406.557 340.886 422.851 313.974 434.231C286.104 446.016 256.51 451.996 226.002 451.996V452Z" fill="white" fill-opacity="0.3" />
</g>
<defs>
<clipPath id="clip0_252_440">
<rect width="452" height="452" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="p-relative">
<div class="tile-1">
<div class="g-sky-border">
<img class="w-100" src="{{tile_image_1.url}}" alt="{{tile_image_1.alt}}" />
</div>
</div>
{{#if tile_image_2}}
<div class="g-sky-border p-absolute tile-2">
<img class="w-100" src="{{tile_image_2.url}}" alt="{{tile_image_2.alt}}" />
</div>
{{/if}}
</div>
</div>
</div>
</div>
</section>
{{/if}}
<!-- Hero 1 and 2 Tile Images -->
<!-- Hero 3 Tile Images -->
<section class="hero-slice-container g-sky-hero">
<section class="hero-slice-container g-sky-hero overflow-hidden">
<div class="container hero-wrapper">
<div class="row h-100 pb-5 p-relative d-flex align-items-center">
<div class="col-md-6 pt-5 d-flex flex-column justify-content-center h-100">
@@ -110,7 +11,7 @@
{{/if}}
</div>
<div class="col-md-6">
<div class="sonar-svg-3">
<div class="p-absolute radial">
<svg width="452" height="452" viewBox="0 0 452 452" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_252_440)">
<path opacity="0.83" d="M226.002 165.049C234.276 165.049 242.27 166.689 249.728 169.844C256.991 172.918 263.523 177.329 269.097 182.907C274.671 188.481 279.082 195.009 282.161 202.276C285.32 209.735 286.955 217.728 286.955 226.002C286.955 234.276 285.315 242.27 282.161 249.728C279.086 256.991 274.675 263.523 269.097 269.097C263.523 274.671 256.991 279.082 249.728 282.161C242.27 285.32 234.276 286.955 226.002 286.955C217.728 286.955 209.735 285.315 202.276 282.161C195.013 279.086 188.482 274.675 182.908 269.097C177.334 263.523 172.923 256.995 169.844 249.728C166.685 242.27 165.049 234.276 165.049 226.002C165.049 217.728 166.689 209.735 169.844 202.276C172.918 195.013 177.329 188.481 182.908 182.907C188.482 177.334 195.013 172.922 202.276 169.844C209.735 166.685 217.728 165.049 226.002 165.049Z" fill="white" fill-opacity="0.3" />

View File

@@ -1,8 +1,8 @@
<!-- Phone Contact with Shortcode BEGIN -->
<section class="phone-contact-with-shortcode-slice-container bg-color-sky-red p-relative mb-5">
<section class="phone-contact-with-shortcode-slice-container bg-color-sky-red p-relative">
<div class="p-absolute sonar-svg-left">
<svg width="424" height="565" viewBox="0 0 424 565" fill="none" xmlns="http://www.w3.org/2000/svg">
<div class="p-absolute radial-left">
<svg class="w-100" width="424" height="565" viewBox="0 0 424 565" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_252_447)">
<path opacity="0.74" d="M141.5 189.375C154.106 189.375 166.313 191.861 177.75 196.696C188.844 201.391 198.813 208.122 207.348 216.657C215.884 225.193 222.614 235.162 227.304 246.255C232.145 257.692 234.625 269.894 234.625 282.506C234.625 295.117 232.139 307.319 227.304 318.756C222.609 329.849 215.878 339.819 207.343 348.354C198.807 356.889 188.838 363.62 177.744 368.309C166.308 373.15 154.106 375.63 141.494 375.63C128.882 375.63 116.681 373.145 105.244 368.309C94.1505 363.614 84.1813 356.884 75.6459 348.348C67.1105 339.813 60.3801 329.844 55.685 318.75C50.8438 307.313 48.3642 295.112 48.3642 282.5C48.3642 269.888 50.8494 257.687 55.685 246.25C60.3801 235.156 67.1105 225.187 75.6459 216.652C84.1813 208.116 94.1505 201.386 105.244 196.696C116.681 191.855 128.882 189.375 141.494 189.375H141.5Z" fill="white" fill-opacity="0.3" />
<path opacity="0.61" d="M141.5 160.789C74.3864 160.789 19.7892 215.386 19.7892 282.5C19.7892 349.614 74.3864 404.211 141.5 404.211C208.614 404.211 263.211 349.614 263.211 282.5C263.211 215.386 208.614 160.789 141.5 160.789ZM141.5 151.5C159.212 151.5 176.378 154.981 192.493 161.796C208.096 168.397 222.114 177.854 234.13 189.87C246.146 201.886 255.603 215.904 262.204 231.507C269.019 247.622 272.5 264.783 272.5 282.5C272.5 300.217 269.019 317.378 262.204 333.493C255.603 349.096 246.146 363.114 234.13 375.13C222.114 387.146 208.096 396.603 192.493 403.204C176.378 410.019 159.217 413.5 141.5 413.5C123.783 413.5 106.622 410.019 90.507 403.204C74.9037 396.603 60.8861 387.146 48.8702 375.13C36.8543 363.114 27.3968 349.096 20.7957 333.493C13.9752 317.378 10.5003 300.217 10.5003 282.5C10.5003 264.783 13.9808 247.622 20.7957 231.507C27.3968 215.904 36.8543 201.886 48.8702 189.87C60.8861 177.854 74.9037 168.397 90.507 161.796C106.622 154.975 123.783 151.5 141.5 151.5Z" fill="white" fill-opacity="0.3" />

View File

@@ -1,5 +1,5 @@
<!-- Simple Content BEGIN -->
<section class="simple-content-slice-container bg-color-{{ background_color }} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<section class="simple-content-slice-container p-relative bg-color-{{ background_color }} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}} overflow-hidden">
<div class="container">
<div class="row justify-content-center">
<div class="col">
@@ -9,5 +9,24 @@
</div>
</div>
</div>
<div class="p-absolute radial">
<svg width="415" height="565" viewBox="0 0 415 565" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_293_332)">
<path opacity="0.74" d="M282.5 189.375C295.106 189.375 307.313 191.861 318.75 196.696C329.844 201.391 339.813 208.122 348.349 216.657C356.884 225.193 363.614 235.162 368.304 246.255C373.145 257.692 375.625 269.894 375.625 282.506C375.625 295.117 373.139 307.319 368.304 318.756C363.609 329.849 356.878 339.819 348.343 348.354C339.807 356.889 329.838 363.62 318.745 368.309C307.308 373.15 295.106 375.63 282.494 375.63C269.883 375.63 257.681 373.145 246.244 368.309C235.151 363.614 225.181 356.884 216.646 348.348C208.111 339.813 201.38 329.844 196.685 318.75C191.844 307.313 189.364 295.112 189.364 282.5C189.364 269.888 191.85 257.687 196.685 246.25C201.38 235.156 208.111 225.187 216.646 216.652C225.181 208.116 235.151 201.386 246.244 196.696C257.681 191.855 269.883 189.375 282.494 189.375H282.5Z" fill="white" fill-opacity="0.3" />
<path opacity="0.61" d="M282.5 160.789C215.386 160.789 160.789 215.386 160.789 282.5C160.789 349.614 215.386 404.211 282.5 404.211C349.613 404.211 404.211 349.614 404.211 282.5C404.211 215.386 349.613 160.789 282.5 160.789ZM282.5 151.5C300.212 151.5 317.378 154.981 333.493 161.796C349.096 168.397 363.114 177.854 375.13 189.87C387.146 201.886 396.603 215.904 403.204 231.507C410.019 247.622 413.5 264.783 413.5 282.5C413.5 300.217 410.019 317.378 403.204 333.493C396.603 349.096 387.146 363.114 375.13 375.13C363.114 387.146 349.096 396.603 333.493 403.204C317.378 410.019 300.217 413.5 282.5 413.5C264.783 413.5 247.622 410.019 231.507 403.204C215.904 396.603 201.886 387.146 189.87 375.13C177.854 363.114 168.397 349.096 161.796 333.493C154.975 317.378 151.5 300.217 151.5 282.5C151.5 264.783 154.981 247.622 161.796 231.507C168.397 215.904 177.854 201.886 189.87 189.87C201.886 177.854 215.904 168.397 231.507 161.796C247.622 154.975 264.783 151.5 282.5 151.5Z" fill="white" fill-opacity="0.3" />
<path opacity="0.48" d="M282.5 121.677C193.823 121.677 121.683 193.823 121.683 282.494C121.683 371.166 193.829 443.312 282.5 443.312C371.171 443.312 443.317 371.166 443.317 282.494C443.317 193.823 371.171 121.677 282.5 121.677ZM282.5 113.625C305.317 113.625 327.443 118.101 348.236 126.901C368.349 135.408 386.415 147.592 401.911 163.095C417.407 178.591 429.592 196.657 438.105 216.77C446.899 237.563 451.38 259.683 451.38 282.506C451.38 305.328 446.905 327.449 438.105 348.242C429.598 368.354 417.413 386.42 401.911 401.917C386.415 417.413 368.349 429.598 348.236 438.111C327.443 446.905 305.323 451.386 282.5 451.386C259.677 451.386 237.557 446.91 216.764 438.111C196.651 429.603 178.585 417.419 163.089 401.917C147.592 386.42 135.408 368.354 126.895 348.242C118.101 327.449 113.62 305.328 113.62 282.506C113.62 259.683 118.095 237.563 126.895 216.77C135.402 196.657 147.587 178.591 163.089 163.095C178.585 147.598 196.651 135.414 216.764 126.901C237.557 118.107 259.677 113.625 282.5 113.625Z" fill="white" fill-opacity="0.3" />
<path opacity="0.35" d="M282.5 82.5706C172.26 82.5706 82.5707 172.26 82.5707 282.5C82.5707 392.74 172.26 482.429 282.5 482.429C392.74 482.429 482.429 392.74 482.429 282.5C482.429 172.26 392.74 82.5706 282.5 82.5706ZM282.5 75.7502C310.423 75.7502 337.502 81.2268 362.979 92C387.601 102.413 409.716 117.325 428.692 136.308C447.675 155.29 462.587 177.405 473 202.021C483.773 227.492 489.25 254.572 489.25 282.5C489.25 310.428 483.773 337.502 473 362.979C462.587 387.601 447.675 409.716 428.692 428.692C409.71 447.675 387.601 462.587 362.979 473C337.508 483.773 310.428 489.25 282.5 489.25C254.572 489.25 227.498 483.773 202.021 473C177.399 462.587 155.285 447.675 136.308 428.692C117.325 409.71 102.413 387.601 92.0001 362.979C81.2268 337.508 75.7502 310.428 75.7502 282.5C75.7502 254.572 81.2268 227.498 92.0001 202.021C102.413 177.399 117.325 155.284 136.308 136.308C155.29 117.325 177.405 102.413 202.021 92C227.492 81.2268 254.572 75.7502 282.5 75.7502Z" fill="white" fill-opacity="0.3" />
<path opacity="0.22" d="M282.5 43.4585C150.696 43.4585 43.4641 150.691 43.4641 282.494C43.4641 414.298 150.696 521.53 282.5 521.53C414.304 521.53 521.536 414.298 521.536 282.494C521.536 150.691 414.304 43.4585 282.5 43.4585ZM282.5 37.8751C315.528 37.8751 347.567 44.3469 377.722 57.0994C406.853 69.4189 433.016 87.0632 455.479 109.526C477.942 131.989 495.581 158.152 507.906 187.284C520.659 217.433 527.13 249.472 527.13 282.506C527.13 315.539 520.659 347.573 507.906 377.728C495.587 406.859 477.942 433.022 455.479 455.485C433.016 477.948 406.853 495.587 377.722 507.912C347.572 520.664 315.534 527.136 282.5 527.136C249.466 527.136 217.433 520.664 187.278 507.912C158.146 495.592 131.984 477.948 109.521 455.485C87.0575 433.022 69.4188 406.859 57.0937 377.728C44.3412 347.578 37.8694 315.539 37.8694 282.506C37.8694 249.472 44.3412 217.439 57.0937 187.284C69.4132 158.152 87.0575 131.989 109.521 109.526C131.984 87.0632 158.146 69.4245 187.278 57.0994C217.427 44.3469 249.466 37.8751 282.5 37.8751Z" fill="white" fill-opacity="0.3" />
<path opacity="0.09" d="M282.5 4.35204C129.127 4.35204 4.35204 129.127 4.35204 282.5C4.35204 435.873 129.127 560.648 282.5 560.648C435.873 560.648 560.648 435.873 560.648 282.5C560.648 129.127 435.873 4.35204 282.5 4.35204ZM282.5 565C244.366 565 207.368 557.533 172.535 542.801C138.894 528.57 108.683 508.204 82.7393 482.261C56.7958 456.317 36.4244 426.106 22.1988 392.465C7.46706 357.632 0 320.634 0 282.5C0 244.366 7.46706 207.368 22.1988 172.535C36.43 138.894 56.7958 108.683 82.7393 82.7393C108.683 56.7958 138.894 36.4244 172.535 22.1988C207.368 7.46706 244.361 0 282.5 0C320.639 0 357.632 7.46706 392.465 22.1988C426.106 36.43 456.317 56.7958 482.261 82.7393C508.204 108.683 528.576 138.894 542.801 172.535C557.533 207.363 565 244.361 565 282.5C565 320.639 557.533 357.632 542.801 392.465C528.57 426.106 508.204 456.317 482.261 482.261C456.317 508.204 426.106 528.576 392.465 542.801C357.637 557.533 320.639 565 282.5 565Z" fill="white" fill-opacity="0.3" />
</g>
<defs>
<clipPath id="clip0_293_332">
<rect width="565" height="565" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</section>
<!-- Simple Content END -->

View File

@@ -56,7 +56,7 @@
</div>
</div>
<h6 class="f-purple fw-bold mb-0 mt-3">Includes free shipping and lockbox! </h6>
<div>{{product.fee_text}}</div>
<div class="mb-3">{{product.fee_text}}</div>
</form>
</div>
</div>
@@ -184,7 +184,8 @@
}
.form-select {
width: 327px;
width: 100%;
max-width: 327px;
}
.select-selected {

View File

@@ -1,28 +1,7 @@
<!-- Testimonial BEGIN -->
<section class="testimonial-slice-container p-relative">
<div class="container p-relative rounded bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="row">
<div class="col-lg-4 d-flex justify-content-center mb-4">
<div class="g-sky-border p-absolute">
<img class="testimonial-img" src="{{image.url}}" alt="{{image.alt}}" />
</div>
</div>
<div class="col-lg-8 my-auto testimonial-inner-content-wrapper">
<svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="white" />
</svg>
<h3 class="fw-bold f-navy mb-2">{{header}}</h3>
<div class="f-black">{{{copy}}}</div>
<p class="f-black mt-4">
{{quote_attribution}}
</p>
</div>
</div>
</div>
<div class="p-absolute sonar">
<svg width="614" height="1023" viewBox="0 0 614 1023" fill="none" xmlns="http://www.w3.org/2000/svg">
<section class="testimonial-slice-container p-relative mx-xs-2 mx-md-0 overflow-hidden">
<div class="p-absolute radial">
<svg class="w-100" width="614" height="1023" viewBox="0 0 614 1023" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.4" clip-path="url(#clip0_252_476)">
<path opacity="0.72" d="M511.505 322.371C537.093 322.371 561.87 327.405 585.129 337.235C607.659 346.763 627.901 360.42 645.24 377.77C662.58 395.11 676.237 415.352 685.776 437.882C695.616 461.13 700.64 485.917 700.64 511.505C700.64 537.094 695.605 561.871 685.776 585.129C676.248 607.659 662.59 627.901 645.24 645.24C627.901 662.58 607.659 676.238 585.129 685.776C561.881 695.616 537.093 700.64 511.505 700.64C485.917 700.64 461.14 695.606 437.882 685.776C415.352 676.248 395.11 662.59 377.77 645.24C360.43 627.901 346.773 607.659 337.235 585.129C327.394 561.881 322.37 537.094 322.37 511.505C322.37 485.917 327.405 461.14 337.235 437.882C346.763 415.352 360.42 395.11 377.77 377.77C395.11 360.431 415.352 346.773 437.882 337.235C461.13 327.395 485.917 322.371 511.505 322.371Z" fill="url(#paint0_linear_252_476)" fill-opacity="0.8" />
<path opacity="0.62" d="M511.505 278.933C383.262 278.933 278.933 383.262 278.933 511.505C278.933 639.748 383.262 744.078 511.505 744.078C639.748 744.078 744.078 639.748 744.078 511.505C744.078 383.262 639.748 278.933 511.505 278.933ZM511.505 268.646C544.333 268.646 576.152 275.095 606.036 287.733C634.963 299.965 660.947 317.502 683.227 339.783C705.508 362.063 723.035 388.047 735.278 416.974C747.916 446.858 754.365 478.677 754.365 511.505C754.365 544.333 747.916 576.152 735.278 606.036C723.045 634.963 705.508 660.947 683.227 683.227C660.947 705.508 634.963 723.035 606.036 735.278C576.152 747.916 544.333 754.365 511.505 754.365C478.677 754.365 446.858 747.916 416.974 735.278C388.047 723.045 362.063 705.508 339.783 683.227C317.502 660.947 299.976 634.963 287.733 606.036C275.095 576.152 268.646 544.333 268.646 511.505C268.646 478.677 275.095 446.858 287.733 416.974C299.965 388.047 317.502 362.063 339.783 339.783C362.063 317.502 388.047 299.976 416.974 287.733C446.858 275.095 478.677 268.646 511.505 268.646Z" fill="url(#paint1_linear_252_476)" fill-opacity="0.8" />
@@ -67,5 +46,25 @@
</defs>
</svg>
</div>
<div class="container rounded bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="row">
<div class="col-lg-4 d-flex justify-content-center mb-4">
<div class="g-sky-border z-0">
<img class="testimonial-img" src="{{image.url}}" alt="{{image.alt}}" />
</div>
</div>
<div class="col-lg-8 my-auto testimonial-inner-content-wrapper">
<svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="white" />
</svg>
<h3 class="fw-bold f-navy mb-2">{{header}}</h3>
<div class="f-black">{{{copy}}}</div>
<p class="f-black mt-4">
{{quote_attribution}}
</p>
</div>
</div>
</div>
</section>
<!-- Testimonial END -->

View File

@@ -1,24 +1,26 @@
<!-- Col2 Media Highlights BEGIN -->
<section class="video-copy-slice-container mb-5 bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}} {{text_color}} p-relative">
<div class="p-absolute sonar-svg-right-big">
<svg width="1182" height="1289" viewBox="0 0 1182 1289" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_252_455)">
<section class="video-copy-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}} {{text_color}} p-relative overflow-hidden">
<div class="p-absolute radial-{{radial_graphic}}">
<svg class="w-100" width="1289" height="1289" viewBox="0 0 1289 1289" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_293_291)">
<path opacity="0.72" d="M644.507 406.193C676.748 406.193 707.968 412.537 737.274 424.922C765.662 436.928 791.167 454.136 813.015 475.998C834.864 497.846 852.072 523.351 864.091 551.74C876.49 581.032 882.82 612.265 882.82 644.507C882.82 676.748 876.476 707.968 864.091 737.274C852.085 765.662 834.877 791.167 813.015 813.015C791.167 834.864 765.662 852.072 737.274 864.091C707.981 876.49 676.748 882.82 644.507 882.82C612.265 882.82 581.045 876.476 551.74 864.091C523.351 852.085 497.846 834.877 475.998 813.015C454.149 791.167 436.941 765.662 424.922 737.274C412.523 707.981 406.193 676.748 406.193 644.507C406.193 612.265 412.537 581.045 424.922 551.74C436.928 523.351 454.136 497.846 475.998 475.998C497.846 454.149 523.351 436.941 551.74 424.922C581.032 412.523 612.265 406.193 644.507 406.193Z" fill="white" fill-opacity="0.3" />
<path opacity="0.62" d="M644.507 351.461C482.918 351.461 351.461 482.918 351.461 644.506C351.461 806.095 482.918 937.552 644.507 937.552C806.095 937.552 937.552 806.095 937.552 644.506C937.552 482.918 806.095 351.461 644.507 351.461ZM644.507 338.499C685.87 338.499 725.963 346.625 763.617 362.549C800.066 377.962 832.806 400.059 860.88 428.133C888.954 456.207 911.038 488.947 926.464 525.396C942.389 563.05 950.514 603.143 950.514 644.506C950.514 685.87 942.389 725.963 926.464 763.617C911.051 800.066 888.954 832.806 860.88 860.88C832.806 888.954 800.066 911.038 763.617 926.464C725.963 942.388 685.87 950.514 644.507 950.514C603.143 950.514 563.05 942.388 525.396 926.464C488.947 911.051 456.207 888.954 428.133 860.88C400.059 832.806 377.975 800.066 362.549 763.617C346.625 725.963 338.499 685.87 338.499 644.506C338.499 603.143 346.625 563.05 362.549 525.396C377.962 488.947 400.059 456.207 428.133 428.133C456.207 400.059 488.947 377.975 525.396 362.549C563.05 346.625 603.143 338.499 644.507 338.499Z" fill="white" fill-opacity="0.3" />
<path opacity="0.62" d="M644.506 351.461C482.918 351.461 351.461 482.918 351.461 644.506C351.461 806.095 482.918 937.552 644.506 937.552C806.095 937.552 937.552 806.095 937.552 644.506C937.552 482.918 806.095 351.461 644.506 351.461ZM644.506 338.499C685.87 338.499 725.963 346.625 763.617 362.549C800.066 377.962 832.806 400.059 860.88 428.133C888.954 456.207 911.038 488.947 926.464 525.396C942.388 563.05 950.514 603.143 950.514 644.506C950.514 685.87 942.388 725.963 926.464 763.617C911.051 800.066 888.954 832.806 860.88 860.88C832.806 888.954 800.066 911.038 763.617 926.464C725.963 942.388 685.87 950.514 644.506 950.514C603.143 950.514 563.05 942.388 525.396 926.464C488.947 911.051 456.207 888.954 428.133 860.88C400.059 832.806 377.975 800.066 362.549 763.617C346.625 725.963 338.499 685.87 338.499 644.506C338.499 603.143 346.625 563.05 362.549 525.396C377.962 488.947 400.059 456.207 428.133 428.133C456.207 400.059 488.947 377.975 525.396 362.549C563.05 346.625 603.143 338.499 644.506 338.499Z" fill="white" fill-opacity="0.3" />
<path opacity="0.53" d="M644.507 283.19C445.276 283.19 283.203 445.276 283.203 644.493C283.203 843.711 445.289 1005.8 644.507 1005.8C843.724 1005.8 1005.81 843.711 1005.81 644.493C1005.81 445.276 843.724 283.19 644.507 283.19ZM644.507 270.791C695.005 270.791 743.958 280.699 789.974 300.162C834.484 318.983 874.458 345.956 908.758 380.256C943.057 414.555 970.017 454.529 988.851 499.039C1008.31 545.055 1018.22 594.008 1018.22 644.507C1018.22 695.005 1008.31 743.958 988.851 789.974C970.03 834.484 943.057 874.458 908.758 908.758C874.458 943.057 834.484 970.017 789.974 988.851C743.958 1008.31 695.005 1018.22 644.507 1018.22C594.008 1018.22 545.055 1008.31 499.039 988.851C454.529 970.03 414.555 943.057 380.256 908.758C345.956 874.458 318.996 834.484 300.162 789.974C280.699 743.958 270.791 695.005 270.791 644.507C270.791 594.008 280.699 545.055 300.162 499.039C318.983 454.529 345.956 414.555 380.256 380.256C414.555 345.956 454.529 318.996 499.039 300.162C545.055 280.699 594.008 270.791 644.507 270.791Z" fill="white" fill-opacity="0.3" />
<path opacity="0.43" d="M644.507 214.932C407.635 214.932 214.932 407.635 214.932 644.507C214.932 881.378 407.635 1074.08 644.507 1074.08C881.378 1074.08 1074.08 881.378 1074.08 644.507C1074.08 407.635 881.378 214.932 644.507 214.932ZM644.507 203.097C704.127 203.097 761.94 214.788 816.318 237.789C868.888 260.031 916.097 291.866 956.622 332.391C997.147 372.916 1028.98 420.125 1051.22 472.695C1074.23 527.073 1085.92 584.886 1085.92 644.507C1085.92 704.128 1074.23 761.94 1051.22 816.318C1028.98 868.888 997.147 916.097 956.622 956.622C916.097 997.147 868.888 1028.98 816.318 1051.22C761.94 1074.23 704.127 1085.92 644.507 1085.92C584.886 1085.92 527.073 1074.23 472.695 1051.22C420.125 1028.98 372.916 997.147 332.391 956.622C291.866 916.097 260.031 868.888 237.789 816.318C214.787 761.94 203.097 704.128 203.097 644.507C203.097 584.886 214.787 527.073 237.789 472.695C260.031 420.125 291.866 372.916 332.391 332.391C372.916 291.866 420.125 260.031 472.695 237.789C527.073 214.788 584.886 203.097 644.507 203.097Z" fill="white" fill-opacity="0.3" />
<path opacity="0.34" d="M644.507 146.674C370.006 146.674 146.674 370.006 146.674 644.507C146.674 919.007 370.006 1142.34 644.507 1142.34C919.007 1142.34 1142.34 919.007 1142.34 644.507C1142.34 370.006 919.007 146.674 644.507 146.674ZM644.507 135.402C713.263 135.402 779.935 148.875 842.675 175.416C903.305 201.065 957.749 237.776 1004.5 284.513C1051.24 331.251 1087.96 385.708 1113.6 446.338C1140.14 509.078 1153.61 575.75 1153.61 644.507C1153.61 713.263 1140.14 779.935 1113.6 842.675C1087.95 903.305 1051.24 957.749 1004.5 1004.5C957.762 1051.24 903.305 1087.96 842.675 1113.6C779.935 1140.14 713.263 1153.61 644.507 1153.61C575.75 1153.61 509.078 1140.14 446.338 1113.6C385.708 1087.95 331.264 1051.24 284.513 1004.5C237.776 957.762 201.052 903.305 175.403 842.675C148.862 779.935 135.389 713.263 135.389 644.507C135.389 575.75 148.862 509.078 175.403 446.338C201.052 385.708 237.763 331.264 284.513 284.513C331.251 237.776 385.708 201.052 446.338 175.416C509.078 148.875 575.75 135.402 644.507 135.402Z" fill="white" fill-opacity="0.3" />
<path opacity="0.24" d="M644.507 78.4024C332.365 78.4024 78.4155 332.352 78.4155 644.493C78.4155 956.635 332.365 1210.58 644.507 1210.58C956.648 1210.58 1210.6 956.635 1210.6 644.493C1210.6 332.352 956.648 78.4024 644.507 78.4024ZM644.507 67.6945C722.385 67.6945 797.93 82.9503 869.032 113.029C937.723 142.086 999.401 183.673 1052.38 236.636C1105.34 289.599 1146.94 351.29 1175.98 419.981C1206.06 491.083 1221.32 566.628 1221.32 644.493C1221.32 722.358 1206.06 797.917 1175.98 869.006C1146.93 937.696 1105.34 999.375 1052.38 1052.35C999.414 1105.31 937.723 1146.91 869.032 1175.96C797.93 1206.04 722.385 1221.29 644.507 1221.29C566.628 1221.29 491.083 1206.04 419.981 1175.96C351.29 1146.9 289.612 1105.31 236.636 1052.35C183.673 999.388 142.073 937.696 113.029 869.006C82.9503 797.904 67.6945 722.358 67.6945 644.493C67.6945 566.628 82.9503 491.07 113.029 419.981C142.086 351.29 183.673 289.612 236.636 236.636C289.599 183.673 351.29 142.073 419.981 113.029C491.083 82.9503 566.628 67.6945 644.507 67.6945Z" fill="white" fill-opacity="0.3" />
<path opacity="0.43" d="M644.507 214.932C407.635 214.932 214.932 407.635 214.932 644.507C214.932 881.378 407.635 1074.08 644.507 1074.08C881.378 1074.08 1074.08 881.378 1074.08 644.507C1074.08 407.635 881.378 214.932 644.507 214.932ZM644.507 203.097C704.128 203.097 761.94 214.788 816.318 237.789C868.888 260.031 916.097 291.866 956.622 332.391C997.147 372.916 1028.98 420.125 1051.22 472.695C1074.23 527.073 1085.92 584.886 1085.92 644.507C1085.92 704.128 1074.23 761.94 1051.22 816.318C1028.98 868.888 997.147 916.097 956.622 956.622C916.097 997.147 868.888 1028.98 816.318 1051.22C761.94 1074.23 704.128 1085.92 644.507 1085.92C584.886 1085.92 527.073 1074.23 472.695 1051.22C420.125 1028.98 372.916 997.147 332.391 956.622C291.866 916.097 260.031 868.888 237.789 816.318C214.788 761.94 203.097 704.128 203.097 644.507C203.097 584.886 214.788 527.073 237.789 472.695C260.031 420.125 291.866 372.916 332.391 332.391C372.916 291.866 420.125 260.031 472.695 237.789C527.073 214.788 584.886 203.097 644.507 203.097Z" fill="white" fill-opacity="0.3" />
<path opacity="0.34" d="M644.506 146.674C370.006 146.674 146.674 370.006 146.674 644.507C146.674 919.007 370.006 1142.34 644.506 1142.34C919.007 1142.34 1142.34 919.007 1142.34 644.507C1142.34 370.006 919.007 146.674 644.506 146.674ZM644.506 135.402C713.263 135.402 779.935 148.875 842.675 175.416C903.305 201.065 957.749 237.776 1004.5 284.513C1051.24 331.251 1087.96 385.708 1113.6 446.338C1140.14 509.078 1153.61 575.75 1153.61 644.507C1153.61 713.263 1140.14 779.935 1113.6 842.675C1087.95 903.305 1051.24 957.749 1004.5 1004.5C957.762 1051.24 903.305 1087.96 842.675 1113.6C779.935 1140.14 713.263 1153.61 644.506 1153.61C575.75 1153.61 509.078 1140.14 446.338 1113.6C385.708 1087.95 331.264 1051.24 284.513 1004.5C237.776 957.762 201.052 903.305 175.403 842.675C148.862 779.935 135.389 713.263 135.389 644.507C135.389 575.75 148.862 509.078 175.403 446.338C201.052 385.708 237.763 331.264 284.513 284.513C331.251 237.776 385.708 201.052 446.338 175.416C509.078 148.875 575.75 135.402 644.506 135.402Z" fill="white" fill-opacity="0.3" />
<path opacity="0.24" d="M644.507 78.4025C332.365 78.4025 78.4156 332.352 78.4156 644.493C78.4156 956.635 332.365 1210.58 644.507 1210.58C956.648 1210.58 1210.6 956.635 1210.6 644.493C1210.6 332.352 956.648 78.4025 644.507 78.4025ZM644.507 67.6946C722.385 67.6946 797.93 82.9504 869.032 113.03C937.723 142.086 999.401 183.673 1052.38 236.636C1105.34 289.599 1146.94 351.291 1175.98 419.981C1206.06 491.083 1221.32 566.628 1221.32 644.493C1221.32 722.359 1206.06 797.917 1175.98 869.006C1146.93 937.696 1105.34 999.375 1052.38 1052.35C999.415 1105.31 937.723 1146.91 869.032 1175.96C797.93 1206.04 722.385 1221.29 644.507 1221.29C566.629 1221.29 491.083 1206.04 419.981 1175.96C351.291 1146.9 289.612 1105.31 236.636 1052.35C183.673 999.388 142.073 937.696 113.03 869.006C82.9504 797.904 67.6946 722.359 67.6946 644.493C67.6946 566.628 82.9504 491.07 113.03 419.981C142.086 351.291 183.673 289.612 236.636 236.636C289.599 183.673 351.291 142.073 419.981 113.03C491.083 82.9504 566.629 67.6946 644.507 67.6946Z" fill="white" fill-opacity="0.3" />
<path opacity="0.15" d="M644.507 10.1443C294.71 10.1443 10.1443 294.71 10.1443 644.507C10.1443 994.303 294.71 1278.87 644.507 1278.87C994.303 1278.87 1278.87 994.303 1278.87 644.507C1278.87 294.71 994.29 10.1443 644.507 10.1443ZM644.507 1289C557.506 1289 473.101 1271.96 393.637 1238.34C316.886 1205.88 247.96 1159.42 188.771 1100.23C129.583 1041.04 83.1076 972.114 50.6562 895.363C17.0383 815.912 0 731.507 0 644.507C0 557.506 17.0383 473.101 50.6562 393.637C83.1207 316.886 129.583 247.96 188.771 188.771C247.96 129.583 316.886 83.1076 393.637 50.6562C473.088 17.0383 557.493 0 644.507 0C731.52 0 815.912 17.0383 895.376 50.6562C972.127 83.1207 1041.05 129.583 1100.24 188.771C1159.43 247.96 1205.91 316.886 1238.36 393.637C1271.96 473.101 1289.01 557.506 1289.01 644.507C1289.01 731.507 1271.97 815.912 1238.36 895.376C1205.89 972.127 1159.43 1041.05 1100.24 1100.24C1041.05 1159.43 972.127 1205.91 895.376 1238.36C815.912 1271.96 731.507 1289.01 644.507 1289.01V1289Z" fill="white" fill-opacity="0.3" />
</g>
<defs>
<clipPath id="clip0_252_455">
<clipPath id="clip0_293_291">
<rect width="1289" height="1289" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="container py-5">
<div class="row">
<div class="col">