@import url("https://fonts.googleapis.com/css2?family=Damion&family=Nunito:wght@300;400;700&display=swap");
:root,
[data-bs-theme=light] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, #ffffff26, #fff0);
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: #212529bf;
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: #21252980;
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: #0000002d;
--bs-border-radius: .375rem;
--bs-border-radius-sm: .25rem;
--bs-border-radius-lg: .5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 .5rem 1rem #00000026;
--bs-box-shadow-sm: 0 .125rem .25rem #00000013;
--bs-box-shadow-lg: 0 1rem 3rem #0000002d;
--bs-box-shadow-inset: inset 0 1px 2px #00000013;
--bs-focus-ring-width: .25rem;
--bs-focus-ring-opacity: .25;
--bs-focus-ring-color: #0d6efd40;
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545
}
[data-bs-theme=dark] {
--lightningcss-light: ;
--lightningcss-dark: initial;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: #dee2e6bf;
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: #dee2e680;
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: #ffffff26;
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f
}
.hide,
.hidden {
display: none !important;
}
body .main-content{overflow: hidden;}
@media (min-width: 1400px) {
body .container,
body .container-lg,
body .container-md,
body .container-sm,
body .container-xl,
body .container-xxl {
max-width: 1300px;
}
}
body pre {
font-family: 'Damion';
font-style: normal;
font-size: 18px !important;
line-height: 1;
}
@media (max-width: 992px) {
body pre {
font-size: 15px !important;
}
}
:root {
--brand-orange: #f97316
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Nunito", sans-serif;
}
#faqs .faq-item .faq-title {
color: #0f172a;
}
#faqs .faq-item .faq-arrow {
color: #64748b;
transition: transform 0.2s ease;
}
#faqs .faq-item.active .faq-title,
#faqs .faq-item.active .faq-arrow {
color: #2563eb;
}
#faqs .faq-item.active .faq-arrow {
transform: rotate(180deg) !important;
}
.logo-square {
border-radius: 8px;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
display: inline-flex
}
.nav-btn {
color: var(--bs-body-color);
background: 0 0;
border: 0;
border-radius: .375rem;
align-items: center;
gap: .35rem;
padding: .5rem 1rem;
font-size: 15px;
font-weight: 600;
display: inline-flex
}
.nav-btn:hover,
.nav-btn.active {
color: var(--bs-primary) !important;
}
.nav-btn:hover svg,
.nav-btn.active svg {
transform: rotate(180deg) !important;
}
header {
transition: box-shadow .3s ease;
}
header.scrolled {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
} .dropdown-panel {
position: absolute;
top: calc(100% + 12px);
left: 0;
min-width: 14rem;
background: #fff;
border-radius: .5rem;
border: 1px solid var(--bs-border-color);
box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
overflow: visible;
}
.dropdown-panel::before,
.mega-panel::before {
content: "";
position: absolute;
top: -10px;
left: var(--panel-arrow-left, 40px);
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid var(--bs-border-color);
}
.dropdown-panel::after,
.mega-panel::after {
content: "";
position: absolute;
top: -9px;
left: var(--panel-arrow-left, 40px);
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
}
.dropdown-panel a.item {
color: var(--bs-body-color);
padding: .75rem 1rem;
font-size: 15px;
text-decoration: none;
display: block;
border-bottom: 1px solid var(--bs-border-color);
}
.dropdown-panel a.item:last-child {
border-bottom: none;
}
.dropdown-panel a.item:hover {
background: var(--bs-light);
color: var(--bs-primary)
}
.mega-panel-host {
position: relative;
}
.mega-panel-host .mega-panel ul li a:hover {
background: var(--bs-light);
}
.mega-panel {
border: 1px solid var(--bs-border-color);
z-index: 1050;
background: #fff;
border-radius: .5rem;
padding: 2rem;
position: absolute;
top: -5px;
left: 0;
right: 0;
box-shadow: 0 20px 50px #00000026;
overflow: visible;
}
.btn-cta {
background-color: var(--brand-orange);
border-color: var(--brand-orange);
color: #fff;
}
.btn {
font-size: 15px;
font-weight: 600;
padding-top: .5rem !important;
padding-bottom: .5rem !important;
}
.btn-purple {
background-color: #7c3aed;
color: #fff;
}
.btn-purple:hover {
background-color: #6a1feb;
color: #fff;
}
.bg-success.btn {
color: #fff;
background: #82b440 !important;
}
.bg-warning-soft {
background-color: #fff4e0;
}
.bg-danger-soft {
background-color: #fee2e2;
}
.btn-cta:hover {
color: #fff;
background-color: #ea6a0a;
border-color: #ea6a0a
}
.text-cta {
color: var(--brand-orange) !important
}
.bg-cta {
background-color: var(--brand-orange) !important;
}
.bg-info-soft {
background-color: #eef4ff
}
.bg-save-soft {
background-color: #fff0e0
}
.text-save {
color: #c2410c !important
}
.bg-purple-soft {
background-color: #f3eefe
}
.text-purple {
color: #7c3aed !important
}
.hover-text-primary:hover {
color: var(--bs-primary) !important;
}
.bg-success-soft {
background-color: #e6f7ec
}
.icon-tile {
border-radius: 6px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: inline-flex
}
.feature-card,
.use-case-card {
transition: box-shadow .2s
}
.use-case-card {
background-color: #fff;
}
.feature-card:hover {
box-shadow: 0 8px 24px #00000014
}
.preview-map {
background: #d4eed8;
min-height: 180px;
position: relative
}
.dropdown-panel,
.mega-panel {
display: none;
}
.back-to-top {
z-index: 99;
position: fixed;
bottom: 30px;
left: 30px;
display: none;
transition: all 0.5s ease;
}
.btn.btn-icon {
height: 36px;
width: 36px;
line-height: 34px;
padding: 0;
}
#addons #addon-2 {
display: none;
}
.mobile-nav-toggle {
color: var(--bs-body-color);
background: transparent;
border: 1px solid var(--bs-border-color);
border-radius: .375rem;
width: 42px;
height: 42px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.mobile-nav-toggle .icon-close {
display: none;
}
.mobile-nav-toggle.is-open .icon-menu {
display: none;
}
.mobile-nav-toggle.is-open .icon-close {
display: block;
}
.mobile-nav-backdrop {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, .45);
opacity: 0;
visibility: hidden;
transition: opacity .2s ease, visibility .2s ease;
z-index: 998;
}
.mobile-nav-backdrop.is-open {
opacity: 1;
visibility: visible;
}
.mobile-nav-panel {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border-top: 1px solid var(--bs-border-color);
box-shadow: 0 16px 40px rgba(15, 23, 42, .12);
padding: 1rem 0 1.25rem;
max-height: calc(100vh - 72px);
overflow-y: auto;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
z-index: 1000;
}
.mobile-nav-panel.is-open {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
body.mobile-nav-open {
overflow: hidden;
}
.mobile-nav-item {
border-bottom: 1px solid var(--bs-border-color);
}
.mobile-nav-item:last-of-type {
border-bottom: 0;
}
.mobile-nav-btn,
.mobile-nav-link {
width: 100%;
color: var(--bs-body-color);
background: transparent;
border: 0;
padding: .9rem 0;
font-size: 16px;
font-weight: 600;
text-decoration: none;
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
}
.mobile-nav-btn svg {
flex-shrink: 0;
transition: transform .2s ease;
}
.mobile-nav-item.is-open .mobile-nav-btn {
color: var(--bs-primary);
}
.mobile-nav-item.is-open .mobile-nav-btn svg {
transform: rotate(180deg);
}
.mobile-dropdown-panel {
display: none;
padding: 0 0 .75rem;
}
.mobile-nav-item.is-open .mobile-dropdown-panel {
display: block;
}
.mobile-dropdown-panel .item {
color: var(--bs-secondary-color);
padding: .65rem 0 .65rem .75rem;
font-size: 15px;
text-decoration: none;
display: block;
border-left: 2px solid var(--bs-border-color);
}
.mobile-dropdown-panel .item:hover {
color: var(--bs-primary);
border-left-color: var(--bs-primary);
} #contactform .custom-form form .row .col-md-12:nth-child(6) .form-group .form-control {
padding-top: 8px !important;
}
#contactform .custom-form form select {
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 400 !important;
border: 1px solid #e5e7eb !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-right: 5px;
background-color: #ffffff80 !important;
height: 45px;
}
#contactform .form-box .col-lg-6:nth-child(4) .upload .wpcf7-form-control-wrap {
top: -27px;
left: -16px;
}
#contactform .form-box .col-lg-6:nth-child(4) .upload {
padding: 10px 0 0 10px !important;
} #contactform .custom-form form input.submitBnt {
background-color: #0d6efd !important;
border: 1px solid #0d6efd !important;
border-radius: 6px !important;
height: 48px;
font-size: 14px;
font-weight: 600 !important;
padding: 0 !important;
text-transform: uppercase;
width: 100%;
margin: auto;
margin-top: 20px;
}  #contactform .custom-form form label {
color: #282c34;
font-size: 14px;
font-weight: 600;
}
#contactform .custom-form form label {
line-height: 3;
} #contactform .custom-form form input {
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 400 !important;
border: 1px solid #e5e7eb !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
background-color: #ffffff80 !important;
padding-left: 3rem !important;
height: 45px;
}
#contactform .custom-form form select {
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 400 !important;
border: 1px solid #e5e7eb !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 3rem !important;
background-color: #ffffff80 !important;
height: 45px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 16px;
padding-right: 45px;
}
.text-white {
color: #fff !important;
}
#contactform .form-group .icons {
position: absolute;
top: 57px;
left: 18px;
z-index: 9;
height: 16px;
width: 16px;
} #contactform .form-group textarea {
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 400 !important;
border: 1px solid #e5e7eb !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 3rem !important;
background-color: #ffffff80 !important;
height: auto;
}
.new-pg-demo .demo-preview-frame {
position: relative;
}
.new-pg-demo .demo-preview-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 20px;
background: linear-gradient(180deg, rgba(37, 99, 235, 0) 0%, rgba(37, 99, 235, 0.12) 38%, rgba(37, 99, 235, 0.92) 100%);
opacity: 0;
transition: opacity 0.25s ease;
pointer-events: none;
}
.new-pg-demo a:hover .demo-preview-overlay,
.new-pg-demo a:focus-visible .demo-preview-overlay {
opacity: 1;
}
.new-pg-demo .demo-preview-btn {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #ffffff;
color: #2563eb;
font-size: 14px;
font-weight: 700;
line-height: 1;
gap: 6px;
padding: 10px 18px;
box-shadow: 0 12px 30px rgba(37, 99, 235, 0.24);
transform: translateY(8px);
transition: transform 0.25s ease;
}
.new-pg-demo a:hover .demo-preview-btn,
.new-pg-demo a:focus-visible .demo-preview-btn {
transform: translateY(0);
}
#customizeform .form-box input[type="text"],
.form-box input[type="email"],
.form-box input[type="url"],
.form-box textarea {
width: 100%;
outline: none;
padding: 10px 15px; background-color: #ffffff80;
border: 1px solid #e5e7eb;
border-radius: 10px;
height: 45px;
}
#customizeform .form-box textarea {
height: 150px;
resize: none;
margin-bottom: 0px;
}
#customizeform .form-box span.upload {
display: block;
padding: 10px 0 0 10px !important;
border-radius: 10px;
margin-bottom: 0px;
color: grey;
background-color: #ffffff80;
border: 1px solid #e5e7eb;
height: 45px;
}
#customizeform .form-box span.upload svg {
color: black;
margin-right: 5px;
height: 16px;
width: 16px;
stroke-width: 1.8;
overflow: hidden;
vertical-align: middle;
}
#customizeform .form-box .upload .upload .wpcf7-form-control-wrap .wpcf7-form-control input {
background-color: #ffffff80 !important;
border: 1px solid #ffffff80 !important;
font-size: 14px;
font-weight: 400;
}
#customizeform .form-box .upload .upload .wpcf7-form-control-wrap {
top: -27px;
left: -16px;
}
#customizeform .form-box input[type="file"] { width: 100%;
cursor: pointer;
height: 100%;
margin: 0 15px;
padding: 1px 0 0 25px !important;
border: 0 !important;
}
#customizeform .form-box .wpcf7-form-control-wrap.your-file {
position: absolute;
top: 0;
left: 0;
height: auto;
width: auto;
margin: 0;
padding: 0;
}
#customizeform .form-box .submit-btn p .wpcf7-spinner::before {
background: var(--bs-primary);
}
#customizeform .form-box .submit-btn p .wpcf7-spinner {
background-color: white;
position: absolute;
bottom: -4px;
left: 60%;
transform: translateY(-50%);
}
#customizeform .form-box .wpcf7-response-output {
margin: 0px;
margin-top: 10px;
}
#customizeform .form-box .submit-btn p {
margin-bottom: 0px;
position: relative;
}
#customizeform .form-box input[type="submit"] {
color: white;
border: none;
font-size: 16px;
font-weight: 700;
margin-top: 25px;
text-align: center;
padding: 14px 100px;
letter-spacing: 1px;
border-radius: .5rem;
background: var(--bs-primary);
transition: all 0.6s;
text-transform: uppercase;
width: 100%; }
#customizeform .form-box input[type="submit"]:hover {
background-color: #1f73f0;
}
#customizeform .form-box .range-slider {
width: 100%;
padding: 8px 0px;
display: flex;
flex-flow: wrap;
align-items: center;
justify-content: space-between;
}
#customizeform .form-box .wpcf7-form-control-wrap.your-range {
position: relative;
flex: 0 0 68%;
margin: 0;
padding: 0;
height: auto;
}
#customizeform .form-box .range-slider__value {
flex: 0 0 26%;
display: inline-block;
position: relative;
width: 80px;
color: #fff;
line-height: 20px;
text-align: center;
border-radius: .35rem;
background: var(--bs-primary);
padding: 5px 10px;
margin-left: 8px;
top: -4px;
}
#customizeform .form-box .range-slider__value:after {
position: absolute;
top: 8px;
left: -6px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-right: 7px solid var(--bs-primary);
border-bottom: 7px solid transparent;
content: "";
}
#customizeform .form-box .range-slider .wpcf7-form-control-wrap.your-range .wpcf7-range {
-webkit-appearance: none;
width: 100%;
height: 13px;
background: #e7e7e7;
outline: none;
opacity: 1;
-webkit-transition: .2s;
transition: opacity .2s;
border-radius: 10px;
}
#customizeform .form-box .range-slider .wpcf7-form-control-wrap.your-range .wpcf7-range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
background: var(--bs-primary);
cursor: pointer;
border-radius: 50%;
}
#customizeform .form-box .range-slider .wpcf7-form-control-wrap.your-range .wpcf7-range::-moz-range-thumb {
width: 25px;
height: 25px;
background: var(--bs-primary);
cursor: pointer;
border-radius: 50%;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio {
display: flex;
flex-flow: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
}
#customizeform .form-box .wpcf7-form-control-wrap[data-name="radio-888"] .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
max-width: calc(33.33% - 10px);
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:has(input:checked) {
border-color: var(--bs-primary) !important;
background: #f5f9ff;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
margin: 0;
color: #282c34;
font-size: 14px !important;
font-weight: 600;
flex: 0 0 50%; border-radius: 10px;
margin-bottom: 20px;
background-color: #ffffff80;
border: 1px solid #e5e7eb;
margin-right: 12px;
max-width: calc(50% - 12px); height: 45px;
display: flex;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
cursor: pointer !important;
margin: 0;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:last-child {
margin-right: 0;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item input[type="radio"] {
width: 22px;
height: 22px;
margin-left: 13px;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox {
display: flex;
flex-flow: wrap;
align-items: center;
width: 100%;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
margin: 0;
color: #808181;
flex: 0 0 31.6%;
font-size: 14px !important;
font-weight: 400 !important;
margin-right: 15px;
border-radius: 5px;
margin-bottom: 10px;
padding: 10px 20px;
background-color: #ffffff80;
border: 1px solid #e5e7eb;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:last-child {
margin-right: 0;
}
#customizeform .form-box .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
width: 22px;
height: 22px;
margin-left: 15px;
} #customizeform .custom-form form label,
#customizeform .form-box .checkbox-lable {
color: #282c34;
font-size: 14px;
font-weight: 600;
margin-bottom: .5rem;
}
#customizeform .budget .range-slider p {
margin: 0;
width: 100%;
}
#customizeform .budget .range-slider p .wpcf7-form-control-wrap .wpcf7-form-control {
width: calc(100% - 88px);
} .color-box {
width: 40px; height: 40px; display: inline-block; margin-right: 10px; cursor: pointer; }
.color-box.color-0 {
background: #cb2800;
}
.color-box.color-1 {
background: #002E5F;
}
.color-box.color-2 {
background: #542733;
}
.color-box.color-3 {
background: #278bbc;
}
.color-box.color-4 {
background: #78c1e4;
}
.color-box.color-5 {
background: #594F4F;
}
.color-box.color-6 {
background: #e88200;
}
.color-box.color-7 {
background: #B24A59;
}
.color-box.color-8 {
background: #9C82AB;
}
.color-box.color-9 {
background: #489371;
}
.asl-store-locator-demo-page {
background: #f8fbff;
padding: 32px 0 48px;
} .asl-store-locator-demo-page .component-wrapper {
border: 1px solid #e7eef7;
border-radius: 8px;
background: #ffffff; }
.asl-store-locator-demo-page #pills-tab {
overflow: hidden;
width: 100%;
border: 1px solid #e7eef7;
border-radius: 8px 8px 0 0;
background: #eef5fb;
}
.asl-store-locator-demo-page #pills-tab .nav-item {
flex: 1 1 0;
}
.asl-store-locator-demo-page #pills-tab .nav-link {
position: relative;
width: 100%;
border: 0;
border-radius: 0 !important;
color: #64748b;
font-size: 14px;
font-weight: 700;
padding: 16px 12px;
transition: color 0.2s ease, background-color 0.2s ease;
}
.asl-store-locator-demo-page #pills-tab .nav-link.active {
background: #ffffff;
color: #2563eb;
box-shadow: none;
}
.asl-store-locator-demo-page #pills-tab .nav-link.active::after {
position: absolute;
right: 50%;
bottom: 0;
width: 42px;
height: 2px;
content: "";
transform: translateX(50%);
background: #2563eb;
}
.asl-store-locator-demo-page #pills-tab svg {
display: none;
}
.asl-store-locator-demo-page .option-sect {
width: 100%;
} .asl-store-locator-demo-page .tab-pane>.row {
--bs-gutter-x: 2rem;
--bs-gutter-y: 1.35rem;
padding: 28px;
}
.asl-store-locator-demo-page .control-label {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 12px;
color: #1e293b;
font-size: 14px;
font-weight: 600;
}
.asl-store-locator-demo-page .icon-question {
display: inline-flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
border: 1px solid #94a3b8;
border-radius: 50%;
color: #64748b;
font-style: normal;
font-size: 10px;
}
.asl-store-locator-demo-page .icon-question::before {
content: "?";
}
.asl-store-locator-demo-page .btn-light {
border: 0;
border-radius: 999px;
background: #eaf4fb;
color: #2563eb;
font-size: 13px;
font-weight: 400;
padding: 9px 18px;
box-shadow: none;
}
.asl-store-locator-demo-page button.form-select {
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 400 !important;
border: 1px solid #e5e7eb !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-right: 5px;
background-color: #ffffff80 !important;
height: 45px;
}
.asl-store-locator-demo-page .btn-light:hover,
.asl-store-locator-demo-page .btn-light:focus {
background: #dbeafe;
color: #1d4ed8;
}
.asl-store-locator-demo-page .btn {
margin-right: 8px;
margin-bottom: 10px;
}
.asl-store-locator-demo-page .info-layout-options {
display: flex;
flex-wrap: nowrap;
gap: 12px;
align-items: center;
overflow-x: auto;
}
.asl-store-locator-demo-page .info-layout-options a {
flex: 0 0 auto;
}
.asl-store-locator-demo-page .info-layout-options img,
.asl-store-locator-demo-page .map-skin-grid img {
width: 100%;
max-width: 200px;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #ffffff;
padding: 4px;
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}
.asl-store-locator-demo-page .map-skin-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
align-items: start;
}
.asl-store-locator-demo-page .map-skin-grid a {
display: block;
}
.asl-store-locator-demo-page .map-skin-grid img {
max-width: none;
margin: 0 !important;
}
.asl-store-locator-demo-page .sl-demo-btns {
text-align: center;
}
.asl-store-locator-demo-page .sl-demo-btns .title {
position: relative;
display: inline-block;
color: #1e293b;
font-size: 24px;
font-weight: 800;
}
.asl-store-locator-demo-page .sl-demo-btns .title::before,
.asl-store-locator-demo-page .sl-demo-btns .title::after {
color: #2563eb;
content: "-";
}
.asl-store-locator-demo-page .sl-demo-btns .title::before {
margin-right: 6px;
}
.asl-store-locator-demo-page .sl-demo-btns .title::after {
margin-left: 6px;
}
.asl-store-locator-demo-page .sl-demo-btns p {
max-width: 720px;
margin: 12px auto 0;
color: #64748b;
font-size: 14px;
}
.asl-store-locator-demo-page .sl-demo-btns .row .col-12 {
display: block;
}
.asl-store-locator-demo-page .sl-demo-btns .btn {
min-width: 0;
margin: 0;
border-color: #e7eef7 !important;
border-radius: 8px !important;
background: #ffffff;
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}
.asl-store-locator-demo-page .sample-data-card {
display: flex;
flex-direction: column;
align-items: center;
min-height: 190px;
padding: 26px 20px 24px;
border-radius: 8px;
background: #ffffff;
text-align: center;
}
.asl-store-locator-demo-page .sample-data-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
margin-bottom: 14px;
border-radius: .5rem;
background: #eaf4ff;
color: #2581f5;
font-size: 30px;
}
.asl-store-locator-demo-page .sample-data-card h3 {
margin: 0 0 8px;
color: #1e293b;
font-size: 17px;
font-weight: 800;
}
.asl-store-locator-demo-page .sample-data-card p {
max-width: 190px;
min-height: 42px;
margin: 0 auto 18px;
color: #64748b;
font-size: 13px;
line-height: 1.45;
}
.asl-store-locator-demo-page .sample-data-card .btn {
margin-top: auto;
border: 1px solid #2581f5 !important;
border-radius: 8px !important;
color: #2581f5;
font-size: 13px;
font-weight: 600;
padding: 9px 18px;
box-shadow: none;
}
.asl-store-locator-demo-page .dropdown.dropdown-primary .dropdown-menu.show {
width: 562px !important;
} @media (max-width: 767.98px) {
.asl-store-locator-demo-page #pills-tab .nav-item {
flex: 0 0 100%;
}
.asl-store-locator-demo-page .tab-pane>.row {
padding: 20px;
}
.asl-store-locator-demo-page .info-layout-options {
flex-wrap: wrap;
}
}
.sidebar-1 .rpwwt-widget ul li a {
color: #212529 !important;
font-size: 14px;
font-weight: 600;
margin-top: 10px;
display: flex;
align-items: center;
text-decoration: none;
}
.sidebar-1 .rpwwt-widget ul li .rpwwt-post-date {
font-size: 12px;
color: #212529bf;
margin-top: .25rem !important;
}
.sidebar-1 .widget-title {
font-weight: 700 !important;
font-size: 1rem;
border-bottom: 2px solid #2563eb;
padding-bottom: 10px;
}
.main_blog_pg .readmore {
color: #2563eb !important;
font-size: 14px;
font-weight: 600;
margin-top: 10px;
display: flex;
align-items: center;
text-decoration: none;
height: 20px;
}
.sidebar-1 .widget .widget-search input[type="text"],
.sidebar-1 .widget .searchform input[type="text"] {
box-shadow: none;
padding: 12px 15px;
height: 45px;
font-size: 14px;
display: block;
width: 100%;
outline: none !important;
padding-right: 45px;
flex: 1;
padding: 10px 15px;
font-size: 14px;
}
.sidebar-1 .widget .widget-search .widget-sidebar-search {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.sidebar-1 .widget .widget-search .searchform div {
position: relative;
}
.sl-locator-sec .asl-store-form h1.section-title {
display: none;
}
.new-search-docs #searchform div {
position: relative;
display: flex;
align-items: center;
}
.new-search-docs #searchform input[type="text"] {
flex: 1;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 14px;
}
.new-search-docs .widget-sidebar-search {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.new-search-docs .widget-sidebar-search .fea {
font-size: 18px;
color: #555;
width: 18px;
height: 18px;
pointer-events: none;
}
.new-search-docs .sl-pst-srch {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.new-search-docs .sl-pst-title {
font-size: 18px;
margin: 0 0 5px;
line-height: 1.4;
font-weight: 500;
}
.new-search-docs .sl-pst-title a {
color: var(--bs-primary);
text-decoration: none;
}
.new-search-docs .sl-pst-url {
display: block;
color: #006621;
font-size: 14px;
margin-bottom: 5px;
text-decoration: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
}
.new-search-docs .sl-entry-meta {
font-size: 13px;
line-height: 1.6;
color: #4d5156;
}
.new-search-docs .sl-pst-date {
font-weight: bold;
margin-right: 5px;
color: #70757a;
}
.new-search-docs .sl-pst-excerpt {
display: inline;
color: #4d5156;
}
.new-blog h2,
.new-blog h3,
.new-blog h4,
.new-blog h5,
.new-blog h6 {
padding-top: 10px;
padding-bottom: 10px;
}
.new-blog .blog-detail figure {
margin: auto;
margin-bottom: 3rem;
margin-top: 0.5rem;
display: block;
}
.new-blog .blog-detail figure img {
box-shadow: 0 0 3px rgb(60 72 88 / 15%);
display: block;
margin: auto;
}
.new-blog .blog-detail h1 {
font-size: 2rem;
font-weight: 600;
margin-bottom: 1rem;
}
.new-blog .blog-detail h2 {
font-size: 1.75rem;
font-weight: 600;
margin-top: 2rem;
margin-bottom: 1rem;
}
.new-blog .blog-detail h3 {
font-size: 1.5rem;
font-weight: 600;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.new-blog .blog-detail h4 {
font-size: 1.25rem;
font-weight: 600;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.new-blog .blog-detail h5 {
font-size: 1rem;
font-weight: 600;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.new-blog .blog-detail h6 {
font-size: 0.875rem;
font-weight: 600;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.new-blog .blog-detail .post-meta {
font-size: 1rem;
color: #6c757d;
margin-bottom: 1.5rem;
}
.new-blog .blog-detail .post-meta span {
display: inline-block;
margin-right: 1rem;
}
.new-blog .blog-detail a {
text-decoration: none;
}
.new-blog .blog-detail p {
font-size: 18px;
color: #464646;
}
body .main-content {overflow: hidden;}
.betterdocs-single-wrapper .betterdocs-content .wp-block-image figcaption,
.betterdocs-single-wrapper .betterdocs-content .wp-block-embed figcaption,
.betterdocs-single-wrapper .betterdocs-content .figure .figure-caption {
font-size: 0.8rem;
margin-bottom: 1em;
margin-top: .5em;
color: #999;
text-align: center;
}
.wp-block-embed.aligncenter {
text-align: center;
display: block;
}
.wp-block-embed iframe {
max-width: 100%;
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
#video-sec .video-wrapper {
max-width: calc(100% - 200px);
}
.betterdocs-single-wrapper .betterdocs-content .figure .img-thumbnail,
.betterdocs-single-wrapper .betterdocs-content .wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: bottom;
width: auto;
margin: auto !important;
display: block;
}
.betterdocs-single-wrapper .betterdocs-content .figure,
.betterdocs-single-wrapper .betterdocs-content .wp-block-image {
margin-bottom: 1.5rem !important;
display: block;
}
.betterdocs-single-wrapper .betterdocs-content {
font-family: "Nunito", sans-serif !important;
line-height: 1.5 !important;
}
.betterdocs-single-wrapper .betterdocs-content a {
text-decoration: none;
}
.betterdocs-single-wrapper .betterdocs-content h2 {
font-size: 1.95rem;
margin-bottom: 1.5rem !important;
font-weight: 600;
color: #333333;
}
.betterdocs-single-wrapper .betterdocs-content h3 {
font-size: 1.75rem;
margin-bottom: 1.5rem !important;
font-weight: 600;
color: #333333;
}
.betterdocs-single-wrapper .betterdocs-content h4 {
font-size: 1.55rem;
margin-bottom: 1.5rem !important;
font-weight: 600;
color: #333333;
}
.betterdocs-single-wrapper .betterdocs-content p {
font-size: 1rem;
margin-bottom: 1.5rem !important;
}
.betterdocs-single-wrapper .betterdocs-content div.code-toolbar {
margin-bottom: 1.5rem !important;
} .betterdocs-wrapper.betterdocs-single-wrapper .betterdocs-content-area {
max-width: 950px !important;
}
.betterdocs-content-area .betterdocs-content ol>li {
counter-increment: my-counter;
padding-top: 12px;
position: relative;
padding-left: 2.5rem;
} .betterdocs-content-area .betterdocs-content ol {
list-style: none !important;
counter-reset: my-counter !important;
margin-left: -2.5rem;
}
.betterdocs-content-area .betterdocs-content ol>li::before {
content: counter(my-counter) !important;
position: absolute;
left: 0;
top: 15px;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
color: #fff;
background: #000;
font-size: 14px;
line-height: 1.2rem;
font-weight: 700;
text-align: center;
}
.betterdocs-content-area .docs-navigation a:last-child {
justify-content: flex-end !important;
}
.betterdocs-live-search .betterdocs-popular-search-keyword .popular-keyword {
color: var(--bs-primary) !important;
border: 1px solid var(--bs-primary) !important;
border-radius: .5rem !important;
margin-right: 5px !important;
}
.betterdocs-search-heading .heading {
font-size: 3.5rem !important;
font-weight: 700;
line-height: 1.2;
margin-top: 60px !important;
margin-bottom: 1rem !important;
color: #1e293b !important;
}
.betterdocs-wrapper .betterdocs-search-form-wrapper:not(.betterdocs-elementor) {
background: linear-gradient(180deg, #eef2ff 0%, #f5f3ff 60%, #f7f9fc 100%)
}
.betterdocs-wrapper.betterdocs-single-wrapper .betterdocs-content-wrapper {
background-color: #fff !important; }
.betterdocs-wrapper.betterdocs-single-wrapper {
background: linear-gradient(180deg, #f7f9fc 0%, #f5f3ff 60%, #eef2ff 100%);
} .betterdocs-single-wrapper.betterdocs-single-layout-1 .docs-navigation a {
color: var(--bs-primary) !important;
}
.betterdocs-single-wrapper.betterdocs-single-layout-1 .docs-navigation a svg {
fill: var(--bs-primary) !important;
}
.betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content {
background-color: #ffffff;
border-radius: .5rem !important;
}
.betterdocs-live-search .betterdocs-searchform select {
outline: none !important;
}
.betterdocs-breadcrumb .betterdocs-breadcrumb-list {
gap: 8px;
font-weight: 500;
}
.betterdocs-single-wrapper.betterdocs-single-layout-1 .betterdocs-breadcrumb .betterdocs-breadcrumb-item a {
color: #1e293b !important;
}
.betterdocs-single-wrapper.betterdocs-single-layout-1 .betterdocs-breadcrumb .breadcrumb-delimiter {
color: #1e293b !important;
fill: #1e293b !important;
}
.betterdocs-single-wrapper.betterdocs-single-layout-1 .docs-single-title .betterdocs-entry-title {
position: relative;
padding-bottom: 15px;
font-weight: 700;
margin-bottom: 30px !important;
color: #1e293b !important;
}
.betterdocs-single-wrapper.betterdocs-single-layout-1 .docs-single-title .betterdocs-entry-title::before {
border: 3px solid var(--bs-primary);
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
border-radius: 15px;
}
.pg-section-wiki .btn.btn-primary {
line-height: 1;
font-size: 14px;
margin-top: 10px;
}
.betterdocs-breadcrumb .betterdocs-breadcrumb-list {
gap: 8px;
font-weight: 500;
}
.betterdocs-single-wrapper.betterdocs-single-layout-1 .docs-single-title .betterdocs-entry-title {
position: relative;
padding-bottom: 20px;
font-weight: 700;
}
.betterdocs-single-wrapper.betterdocs-single-layout-1 .docs-single-title .betterdocs-entry-title::before {
border: 3px solid var(--bs-primary);
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
border-radius: 15px;
}
.betterdocs-live-search {
max-width: 800px;
margin: 0 auto;
}
.betterdocs-searchform {
display: flex;
gap: 15px;
align-items: center;
margin-bottom: 24px;
padding: 8px !important;
border-radius: .5rem !important;
}
.betterdocs-searchform-input-wrap {
position: relative;
flex: 1;
}
.betterdocs-search-field {
width: 100%;
height: 50px;
border: 1px solid #E5E7EB;
border-radius: 14px;
padding: 0 60px;
font-size: 16px;
background: #fff;
transition: .3s ease;
outline: none;
}
.betterdocs-search-field:focus {
border-color: var(--bs-primary);
box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}
.docs-search-icon { width: 22px;
height: 22px;
fill: #9CA3AF;
pointer-events: none;
}
.docs-search-loader,
.docs-search-close {
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
}
.search-submit {
height: 50px !important;
padding: 0 32px !important;
border: 0 !important;
border-radius: .5rem !important;
background: var(--bs-primary) !important;
color: #fff !important;
font-size: 16px !important;
cursor: pointer !important;
transition: .3s ease !important;
letter-spacing: 1px !important;
font-weight: 600 !important;
text-transform: capitalize !important;
}
.search-submit:hover {
background: var(--bs-primary);
transform: translateY(-2px);
}
.betterdocs-live-search .docs-search-result {
min-width: 100% !important;
}
.betterdocs-live-search .docs-search-result li {
min-width: 100% !important;
}
.betterdocs-live-search .docs-search-result li a {
text-align: justify;
}
.betterdocs-live-search .docs-search-result li a .betterdocs-search-category {
color: var(--bs-primary) !important;
font-weight: 500;
} .betterdocs-popular-search-keyword {
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.popular-search-title {
font-size: 15px;
font-weight: 600;
color: #374151;
}
.popular-keyword {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 18px;
color: var(--bs-primary);
border: 1px solid var(--bs-primary);
border-radius: .5rem;
font-size: 14px;
font-weight: 500;
color: #4B5563;
cursor: pointer;
transition: .3s ease;
margin-right: 8px;
}
.popular-keyword:hover {
background: #2563EB;
border-color: #2563EB;
color: #fff;
transform: translateY(-2px);
} @media (max-width:768px) {
.betterdocs-searchform {
flex-direction: column;
}
.betterdocs-searchform-input-wrap,
.search-submit {
width: 100%;
}
.search-submit {
margin-top: 10px;
}
#video-sec .video-wrapper {
max-width: auto !important;
}
}