/**
* Custom styles for the theme
* Here you can override any custom property that's already been set (ie. from Bootstrap)
* Or define your own.
**/ :root {
--bs-primary: #8360C3;
--bs-primary-50: #FAF9FD;
--bs-primary-100: #ECE7F6;
--bs-primary-200: #D9CEED;
--bs-primary-300: #B7A3DC;
--bs-primary-400: #A991D5;
--bs-primary-500: #8360C3;
--bs-primary-600: #5F3C9E;
--bs-primary-700: #3F286A;
--bs-primary-800: #1D2939;
--bs-primary-900: #161E28;
--bs-secondary: #2EBF91;
--bs-secondary-50: #F3FCF9;
--bs-secondary-100: #DAF6ED;
--bs-secondary-200: #C2F0E2;
--bs-secondary-300: #85E2C4;
--bs-secondary-400: #54D6AD;
--bs-secondary-500: #2EBF91;
--bs-secondary-600: #238F6D;
--bs-secondary-700: #176049;
--bs-secondary-800: #114836;
--bs-secondary-900: #0C3024;
--bs-tertiary-50: #F7FCFE;
--bs-tertiary-100: #EEF8FE;
--bs-tertiary-200: #DDF1FD;
--bs-tertiary-300: #CCEAFB;
--bs-tertiary-400: #B3E0F9;
--bs-tertiary-500: #91D2F7;
--bs-tertiary-600: #62B2E0;
--bs-tertiary-700: #0C608F;
--bs-tertiary-800: #063651;
--bs-tertiary-900: #031B29;
--bs-neutral-50: #F8FAFC;
--bs-neutral-100: #EEF2F6;
--bs-neutral-200: #E3E8EF;
--bs-neutral-300: #CDD5DF;
--bs-neutral-400: #9AA3B2;
--bs-neutral-500: #697586;
--bs-neutral-600: #4B5565;
--bs-neutral-700: #364152;
--bs-neutral-800: #202939;
--bs-neutral-900: #121926;
--bs-success-green-50: #ECFDF5;
--bs-success-green-100: #D1FAE5;
--bs-success-green-200: #A7F3D0;
--bs-success-green-300: #6EE7B7;
--bs-success-green-500: #10B981;
--bs-success-green-400: #34D399;
--bs-success-green-600: #059669;
--bs-success-green-700: #047857;
--bs-success-green-800: #065F46;
--bs-success-green-900: #064E3B;
--bs-warning-yellow-50: #FFFBEB;
--bs-warning-yellow-100: #FEF3C7;
--bs-warning-yellow-200: #FDE68A;
--bs-warning-yellow-300: #FCD34D;
--bs-warning-yellow-400: #FBBF24;
--bs-warning-yellow-500: #F59E0B;
--bs-warning-yellow-600: #D97706;
--bs-warning-yellow-700: #B45309;
--bs-warning-yellow-800: #92400E;
--bs-warning-yellow-900: #78350F;
--bs-error-red-50: #FEF2F2;
--bs-error-red-100: #FEE2E2;
--bs-error-red-200: #FECACA;
--bs-error-red-300: #FCA5A5;
--bs-error-red-400: #F87171;
--bs-error-red-500: #EF4444;
--bs-error-red-600: #DC2626;
--bs-error-red-700: #B91C1C;
--bs-error-red-800: #991B1B;
--bs-error-red-900: #7F1D1D;
--bs-dark-mode-dark-50: #3A3C43;
--bs-dark-mode-100: #373A41;
--bs-dark-mode-200: #35373E;
--bs-dark-mode-300: #30333A;
--bs-dark-mode-400: #2E3138;
--bs-dark-mode-500: #292C33;
--bs-dark-mode-600: #272A31;
--bs-dark-mode-700: #24272F;
--bs-dark-mode-800: #20232A;
--bs-dark-mode-900: #14171F;
--bs-shades-0: #FFFFFF;
--bs-shades-100: #000000;
--bs-primary-rgb: 131, 96, 195;
--bs-primary-50-rgb: 250, 249, 253;
--bs-primary-100-rgb: 236, 231, 246;
--bs-primary-200-rgb: 217, 206, 237;
--bs-primary-300-rgb: 183, 163, 220;
--bs-primary-400-rgb: 169, 145, 213;
--bs-primary-500-rgb: 131, 96, 195;
--bs-primary-600-rgb: 95, 60, 158;
--bs-primary-700-rgb: 63, 40, 106;
--bs-primary-800-rgb: 29, 41, 57;
--bs-primary-900-rgb: 22, 30, 40;
--bs-secondary-rgb: 46, 191, 145;
--bs-secondary-50-rgb: 243, 252, 249;
--bs-secondary-100-rgb: 218, 246, 237;
--bs-secondary-200-rgb: 194, 240, 226;
--bs-secondary-300-rgb: 133, 226, 196;
--bs-secondary-400-rgb: 84, 214, 173;
--bs-secondary-500-rgb: 46, 191, 145;
--bs-secondary-600-rgb: 35, 143, 109;
--bs-secondary-700-rgb: 23, 96, 73;
--bs-secondary-800-rgb: 17, 72, 54;
--bs-secondary-900-rgb: 12, 48, 36;
--bs-tertiary-50-rgb: 247, 252, 254;
--bs-tertiary-100-rgb: 238, 248, 254;
--bs-tertiary-200-rgb: 221, 241, 253;
--bs-tertiary-300-rgb: 204, 234, 251;
--bs-tertiary-400-rgb: 179, 224, 249;
--bs-tertiary-500-rgb: 145, 210, 247;
--bs-tertiary-600-rgb: 98, 178, 224;
--bs-tertiary-700-rgb: 12, 96, 143;
--bs-tertiary-800-rgb: 6, 54, 81;
--bs-tertiary-900-rgb: 3, 27, 41;
--bs-neutral-50-rgb: 248, 250, 252;
--bs-neutral-100-rgb: 238, 242, 246;
--bs-neutral-200-rgb: 227, 232, 239;
--bs-neutral-300-rgb: 205, 213, 223;
--bs-neutral-400-rgb: 154, 163, 178;
--bs-neutral-500-rgb: 105, 117, 134;
--bs-neutral-600-rgb: 75, 85, 101;
--bs-neutral-700-rgb: 54, 65, 82;
--bs-neutral-800-rgb: 32, 41, 57;
--bs-neutral-900-rgb: 18, 25, 38;
--bs-success-green-50-rgb: 236, 253, 245;
--bs-success-green-100-rgb: 209, 250, 229;
--bs-success-green-200-rgb: 167, 243, 208;
--bs-success-green-300-rgb: 110, 231, 183;
--bs-success-green-500-rgb: 16, 185, 129;
--bs-success-green-400-rgb: 52, 211, 153;
--bs-success-green-600-rgb: 5, 150, 105;
--bs-success-green-700-rgb: 4, 120, 87;
--bs-success-green-800-rgb: 6, 95, 70;
--bs-success-green-900-rgb: 6, 78, 59;
--bs-warning-yellow-50-rgb: 255, 251, 235;
--bs-warning-yellow-100-rgb: 254, 243, 199;
--bs-warning-yellow-200-rgb: 253, 230, 138;
--bs-warning-yellow-300-rgb: 252, 211, 77;
--bs-warning-yellow-400-rgb: 251, 191, 36;
--bs-warning-yellow-500-rgb: 245, 158, 11;
--bs-warning-yellow-600-rgb: 217, 119, 6;
--bs-warning-yellow-700-rgb: 180, 83, 9;
--bs-warning-yellow-800-rgb: 146, 64, 14;
--bs-warning-yellow-900-rgb: 120, 53, 15;
--bs-error-red-50-rgb: 254, 242, 242;
--bs-error-red-100-rgb: 254, 226, 226;
--bs-error-red-200-rgb: 254, 202, 202;
--bs-error-red-300-rgb: 252, 165, 165;
--bs-error-red-400-rgb: 248, 113, 113;
--bs-error-red-500-rgb: 239, 68, 68;
--bs-error-red-600-rgb: 220, 38, 38;
--bs-error-red-700-rgb: 185, 28, 28;
--bs-error-red-800-rgb: 153, 27, 27;
--bs-error-red-900-rgb: 127, 29, 29;
--bs-dark-mode-dark-50-rgb: 58, 60, 67;
--bs-dark-mode-100-rgb: 55, 58, 65;
--bs-dark-mode-200-rgb: 53, 55, 62;
--bs-dark-mode-300-rgb: 48, 51, 58;
--bs-dark-mode-400-rgb: 46, 49, 56;
--bs-dark-mode-500-rgb: 41, 44, 51;
--bs-dark-mode-600-rgb: 39, 42, 49;
--bs-dark-mode-700-rgb: 36, 39, 47;
--bs-dark-mode-800-rgb: 32, 35, 42;
--bs-dark-mode-900-rgb: 20, 23, 31;
--bs-shades-0-rgb: 255, 255, 255;
--bs-shades-100-rgb: 0, 0, 0;
--header-height--mobile: 72px;
--header-height--tablet: 114px;
--header-height--desktop: 138px;
--heading-theme-font: 'Roboto', sans-serif;
--bs-primary-900-theme-font: 'Roboto', sans-serif;
--body-theme-font: 'Inter', sans-serif;
--primary-theme-font: 'Inter', sans-serif;
--header-height--mobile: 70px;
--header-height--tablet: 110px;
--header-height--desktop: 137px;
--bs-heading-color: var(--bs-primary-900);
--bs-body-color: var(--bs-neutral-500);
}
/****************************** ******************************
Reset CSS
****************************** *****************************/
body {
background-color: var(--bs-shades-0);
font-family: var(--body-theme-font) !important;
font-weight: 400;
}
/**/
a:where(:not(.wp-element-button)) {
text-decoration: none;
}
/**/
.btn, .gform_wrapper.gravity-theme .gform_body .gfield.form-group.multi-file-upload button, .wp-block-button.is-style-fill a.wp-block-button__link, .wp-block-button a.wp-block-button__link, .is-style-outline a:link.wp-block-button__link, .is-style-outline a:visited.wp-block-button__link {
--bs-btn-border-radius: 100px;
--bs-btn-font-weight: 400;
--bs-btn-font-size: 1rem;
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.5rem;
}
.btn-primary {
--bs-btn-active-bg: var(--bs-primary-900);
--bs-btn-active-border-color: var(--bs-primary-900);
--bs-btn-focus-shadow-rgb: var(--bs-secondary-500);
}
.btn-close {
--bs-btn-close-color: #000;
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
--bs-btn-close-opacity: 0.5;
--bs-btn-close-hover-opacity: 0.75;
--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: 0.25;
--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: var(--bs-btn-close-color);
background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
border: 0;
border-radius: 0.375rem;
opacity: var(--bs-btn-close-opacity);
position: absolute;
right: 15px;
top: 15px;
z-index: 10000;
outline: none;
box-shadow: none !important;
}
.btn-close:hover {
color: var(--bs-btn-close-color);
text-decoration: none;
opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
outline: 0;
box-shadow: var(--bs-btn-close-focus-shadow);
opacity: var(--bs-btn-close-focus-opacity);
}
/****************************** ******************************
Header CSS
****************************** *****************************/
body, header.banner, header nav.mobile {
background-color: var(--bs-shades-0);
border: 0;
}
header.banner, header.banner.sticky {
border: 0;
}
.has-hero header.banner, .has-hero header.banner.sticky, .has-hero header.banner.mobile-drawer--open {
background: var(--bs-shades-0);
}
header.banner::after {
background: rgb(131, 96, 195);
background: -moz-linear-gradient(90deg, #8360c3 15.26%, #2ebf91 84.9%);
background: -webkit-linear-gradient(90deg, #8360c3 15.26%, #2ebf91 84.9%);
background: linear-gradient(90deg, #8360c3 15.26%, #2ebf91 84.9%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8360c3", endColorstr="#2ebf91", GradientType=1);
position: absolute;
content: "";
width: 100%;
height: 3px;
}
header.banner .top-banner {
background-color: var(--bs-neutral-100);
}
header.banner .top-banner__right a {
text-decoration: none;
}
@media (min-width: 1630px) {
header.banner a.brand {
width: auto;
}
}
header.banner .nav-primary ul li a:link, header.banner .nav-primary ul li a:visited, header.banner .row.layout .nav-utilities .nav .util-link, header.banner .row.layout .nav-utilities .nav .util-link__intro, footer.site-footer .widget_nav_menu h3, footer.site-footer .widget_nav_menu .h3, footer.site-footer .socials ul li a:link, footer.site-footer .socials ul li a:visited, footer.site-footer .copyright, footer.site-footer .copyright a {
color: var(--bs-primary-900);
font-size: 1rem;
font-weight: 500;
}
header.banner .row.layout .nav-utilities .nav .util-link {
display: grid;
grid-column-gap: 5%;
font-size: 0.875rem;
transition: color .25s ease-out;
font-weight: 400;
}
@media (min-width: 1630px) {
header.banner .row.layout .nav-utilities .nav .util-link {
width: 200px;
}
}
header.banner .row.layout .nav-utilities .nav .util-link .util-link__icon {
grid-area: 1/1/3/1;
align-self: center;
margin-bottom: 0;
}
header.banner .row.layout .nav-utilities .nav .util-link__intro {
text-align: left;
grid-area: 1/2/2/2;
font-weight: 400;
}
header.banner .row.layout .nav-utilities .nav .util-link__number {
grid-area: 2/2/3/2;
font-weight: 500;
font-size: 1rem;
text-align: left;
}
header.banner .row.layout .nav-utilities .nav__call {
margin-right: 1.5rem;
}
header.banner .row.layout .nav-utilities .nav.cta .btn, header.banner .row.layout .nav-utilities .nav.cta .is-style-outline a:link.wp-block-button__link, .is-style-outline header.banner .row.layout .nav-utilities .nav.cta a:link.wp-block-button__link, header.banner .row.layout .nav-utilities .nav.cta .is-style-outline a:visited.wp-block-button__link, .is-style-outline header.banner .row.layout .nav-utilities .nav.cta a:visited.wp-block-button__link, header.banner .row.layout .nav-utilities .nav.cta .wp-block-button a.wp-block-button__link, .wp-block-button header.banner .row.layout .nav-utilities .nav.cta a.wp-block-button__link, header.banner .row.layout .nav-utilities .nav.cta .gform_wrapper.gravity-theme .gform_body .gfield.form-group.multi-file-upload button, .gform_wrapper.gravity-theme .gform_body .gfield.form-group.multi-file-upload header.banner .row.layout .nav-utilities .nav.cta button {
color: var(--bs-shades-0);
background-color: var(--bs-primary-500);
padding: 1em 2.25em;
font-size: 1rem;
font-weight: 500;
}
.has-hero header.banner .row.layout .nav-utilities .nav .util-link__intro {
color: inherit;
}
.has-hero header.banner .row.layout .nav-utilities .nav .util-link {
color: inherit;
}
/*Mobile Navigation*/
header .mobile-menu .hamburger {
padding-right: 0;
}
header nav.mobile .mobile__menu ul a:link, header nav.mobile .mobile__menu ul a:visited {
color: var(--bs-primary-900);
font-size: 1.125rem;
font-weight: 500;
text-decoration: none;
}
header nav.mobile .mobile__menu ul a:link:hover, header nav.mobile .mobile__menu ul a:visited:hover {
text-decoration: none;
color: var(--bs-primary);
}
header nav.mobile .mobile__menu--contact .socials li a .social__icon svg {
width: 1.5rem;
height: 1.5rem;
}
header nav.mobile .mobile__menu ul li.menu-item-has-children > a::after {
background: url(../images/arrow-dark-no-stem.svg) 50% 50%/contain no-repeat;
width: 15px;
height: 15px;
}
@media(max-width:340px) {
header.banner a.brand {
width: 170px;
}
header .mobile-menu .btn-phone-cta {
padding-left: 0;
}
}
/****************************** ******************************
Footer CSS
****************************** *****************************/
footer.site-footer {
background-color: var(--bs-neutral-100);
position: relative;
padding-top: 4rem;
padding-bottom: 2rem
}
@media (min-width:1024px) {
footer.site-footer {
padding-top: 5rem;
padding-bottom: 2.5rem
}
}
footer.site-footer::before {
background: rgb(131, 96, 195);
background: -moz-linear-gradient(90deg, #8360c3 15.26%, #2ebf91 84.9%);
background: -webkit-linear-gradient(90deg, #8360c3 15.26%, #2ebf91 84.9%);
background: linear-gradient(90deg, #8360c3 15.26%, #2ebf91 84.9%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8360c3", endColorstr="#2ebf91", GradientType=1);
position: absolute;
content: "";
width: 100%;
height: 3px;
top: 0;
}
footer a:link, footer a:visited {
font-weight: 400;
text-decoration: none;
}
footer.site-footer .content-info .brand {
width: 265px;
}
footer.site-footer .widget.contact-details ul li {
display: flex;
margin: 1rem 0;
align-items: center;
}
@media (max-width:1629.98px) {
footer.site-footer .content-info .brand {
width: 200px;
}
}
footer.site-footer .widget.contact-details ul li.phone .icon, footer.site-footer .widget.contact-details ul li.email .icon, footer.site-footer .widget.contact-details ul li.address .icon {
color: var(--bs-primary-500);
}
footer.site-footer .widget.contact-details ul li.phone a, footer.site-footer .widget.contact-details ul li.email a, footer.site-footer .widget.contact-details ul li.address a, footer.site-footer .widget_nav_menu .menu li a {
color: var(--bs-neutral-500);
}
footer.site-footer .widget.contact-details ul li.address {
align-items: flex-start;
}
@media (min-width: 1024px) {
footer.site-footer .socials {
margin-top: 3.75rem;
margin-bottom: 1.75rem;
}
}
footer.site-footer .socials ul li a:hover {
border-color: var(--bs-primary);
background: var(--bs-primary);
color: var(--bs-shades-0);
}
footer.site-footer .widget_nav_menu h3, footer.site-footer .widget_nav_menu .h3 {
font: normal 500 1.4375rem/1.75 var(--heading-theme-font);
letter-spacing: 0;
}
footer.site-footer .widget_nav_menu .menu li a {
font-size: 0.875rem;
}
footer.site-footer .copyright {
margin-top: 1.25rem auto 0;
}
footer.site-footer .copyright, footer.site-footer .copyright a {
font: normal 400 .875rem/1.125 var(--body-theme-font) !important;
}
footer.site-footer .copyright a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
footer.site-footer .copyright div.credit ul {
justify-content: flex-end;
}
}
.site-footer .socials ul li a:after {
display: none !important;
}
/**/
.remote-support-section {
background: var(--bs-neutral-200);
border-radius: 100px;
display: flex;
justify-content: space-between;
padding: 1rem 1.25rem;
align-items: center;
margin-bottom: 2rem;
}
.remote-support-section > div {
font: normal 500 1.125em/1.75 var(--heading-theme-font);
color: var(--bs-primary-900);
display: flex;
align-items: center;
}
.remote-support-section > div .icon {
color: var(--bs-primary-500);
width: 1.75em;
height: 1.75em;
margin-right: 10px;
}
.remote-support-section .btn.btn-primary {
line-height: 1.5 !important;
}
.remote-support-section .btn:hover {
color: var(--bs-shades-0) !important;
}
/***/
body > .wrap p, body > .wrapper p {
color: var(--bs-neutral-500);
}
footer.site-footer .widget.contact-details ul li.phone a, footer.site-footer .widget.contact-details ul li.email a, footer.site-footer .widget.contact-details ul li.address a {
font-weight: 400;
font-size: 0.875rem !important;
display: inline-block;
}
footer.site-footer .widget.contact-details ul li.address a {
line-height: 1.5;
}
/****************************** ******************************
full width Slider Block
****************************** *****************************/
.zdcb-full-width-slider-block .swiper-button-next, .zdcb-full-width-slider-block .swiper-button-prev {
background-color: var(--bs-neutral-200);
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
width: 52px;
height: 52px;
border-radius: 100px;
color: var(--bs-neutral-500);
overflow: hidden;
padding: 0;
text-align: center;
background-size: 10px;
}
.zdcb-full-width-slider-block .swiper-button-next {
background-image: url("data:image/svg+xml,");
background-position: 53% 50%;
}
.zdcb-full-width-slider-block .swiper-button-prev {
background-image: url("data:image/svg+xml,");
background-position: 47% 50%;
}
.zdcb-full-width-slider-block .swiper-button-next:hover {
background-image: url("data:image/svg+xml,");
}
.zdcb-full-width-slider-block .swiper-button-prev:hover {
background-image: url("data:image/svg+xml,");
}
.zdcb-full-width-slider-block .swiper-button-next::after, .zdcb-full-width-slider-block .swiper-button-prev::after {
display: none;
}
.zdcb-full-width-slider-block .swiper-button-next:hover, .zdcb-full-width-slider-block .swiper-button-prev:hover {
background-color: var(--bs-primary-300);
border-color: var(--bs-primary-300);
}
/****************************** ******************************
Brands Slider Block
****************************** *****************************/
.zdcb-brands-block.has-single-row {
margin: 0 !important;
}
body > .wrap .zdcb-brands-block.has-single-row h4 {
font-size: 1.1875rem !important;
font-weight: 400 !important;
margin-bottom: 0;
}
.zdcb-brands-block.has-single-row .swiper-button-next, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-prev {
right: 2%;
left: auto;
}
.zdcb-brands-block.has-single-row .swiper-button-prev, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-next {
left: 2%;
right: auto;
}
@media(min-width:575px) {
.zdcb-brands-block.has-single-row .swiper-button-next, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-prev {
right: 4%;
}
.zdcb-brands-block.has-single-row .swiper-button-prev, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-next {
left: 7%;
}
}
@media(min-width:1024px) {
.zdcb-brands-block.has-single-row .swiper-button-next, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-prev {
right: 2%;
}
.zdcb-brands-block.has-single-row .swiper-button-prev, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-next {
left: 20%;
}
}
@media(min-width:1400px) {
.zdcb-brands-block.has-single-row .swiper-button-next, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-prev {
right: 7%;
}
.zdcb-brands-block.has-single-row .swiper-button-prev, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-next {
left: 23%;
}
}
@media(min-width:1600px) {
.zdcb-brands-block.has-single-row .swiper-button-next, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-prev {
right: 10%;
}
.zdcb-brands-block.has-single-row .swiper-button-prev, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-next {
left: 23%;
}
}
@media(min-width:1800px) {
.zdcb-brands-block.has-single-row .swiper-button-next, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-prev {
right: 13%;
}
.zdcb-brands-block.has-single-row .swiper-button-prev, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-next {
left: 26%;
}
}
@media(max-width:1023.85px) {
.zdcb-brands-block.has-single-row .swiper-button-next, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-prev {
margin: 0;
margin-top: 12px;
}
.zdcb-brands-block.has-single-row .swiper-button-prev, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-next {
margin: 0;
margin-top: 12px;
}
}
@media(max-width:474.85px) {
.zdcb-brands-block.has-single-row .swiper-button-next, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-prev {
margin-top: 18px;
}
.zdcb-brands-block.has-single-row .swiper-button-prev, .zdcb-brands-block.has-single-row .swiper-rtl .swiper-button-next {
margin-top: 18px;
}
.zdcb-brands-block.has-single-row li.swiper-slide.swiper-slide-active {
margin-right: 0 !important;
}
}
.zdcb-brands-block.with-bg {
background: var(--bs-primary);
}
.zdcb-brands-block.has-double-row {
padding: 6rem 0;
}
.zdcb-brands-block h4 {
color: var(--bs-primary-900) !important;
}
.zdcb-brands-block.with-bg h4 {
color: var(--bs-shades-0) !important;
}
.zdcb-brands-block.has-double-row ul.brands {
margin-left: 0;
flex-direction: row;
grid-column-gap: 24px;
grid-row-gap: 24px;
}
/*.zdcb-brands-block.has-double-row .brands {
list-style: none;
margin: 0 8px !important;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
}
.zdcb-brands-block.has-double-row .brands.swiper-slide.swiper-slide-active{
margin:0 !important;
}
@media(min-width:768px) {
.zdcb-brands-block.has-double-row .brands {
grid-template-columns: repeat(3, 1fr);
}
}
@media(min-width:1024px) {
.zdcb-brands-block.has-double-row .brands {
grid-template-columns: repeat(5, 1fr);
}
}*/
.zdcb-brands-block.has-double-row .brands li {
padding: 2rem;
width: auto;
text-align: center;
margin: 0 !important;
height: auto;
justify-content: center;
display: grid;
}
@media(max-width:375px) {
.zdcb-brands-block.has-double-row .brands li {
padding: 1.5rem 1rem;
}
}
.zdcb-brands-block.has-single-row .swiper-button-next:after, .zdcb-brands-block.has-single-row .swiper-button-prev:after {
font-size: 20px;
}
/****/
.zdcb-brands-block ul.brands {
margin-bottom: 0 !important;
}
.zdcb-brands-block .brands li {
padding: 1rem;
width: auto;
text-align: center;
margin: 0;
min-height: 80px;
height: 100%;
justify-content: center;
display: grid;
transition: 0.5s ease-in-out;
align-items: center;
background-color: var(--bs-shades-0);
}
@media (min-width: 576px) {
.zdcb-brands-block .brands li {
padding: 2em;
min-height: 110px;
}
}
.zdcb-brands-block .brands li img {
display: inline-block;
max-height: 30px;
width: auto;
transition: 0.3s ease-in-out;
}
.zdcb-brands-block.has-double-row .brands li img {
max-height: min-content;
}
@media(min-width:575px) {
.zdcb-brands-block .brands li img, .zdcb-brands-block.has-double-row .brands li img {
max-height: 46px;
}
}
.zdcb-brands-block .brands li > a {
width: 100%;
position: relative;
height: 0px;
transition: 0.3s ease-in-out;
overflow: hidden;
opacity: 0;
margin-top: 0px;
text-decoration: none;
color: var(--bs-primary);
font-size: 0.875rem;
font-weight: 500;
text-transform: capitalize;
}
.zdcb-brands-block .brands li > a:hover {
text-decoration: none;
color: var(--bs-primary);
}
.zdcb-brands-block .brands li > a svg {
margin-left: 3px;
}
.zdcb-brands-block .brands li.anim-brand:hover img {
margin-top: -10px;
}
@media(min-width:575px) {
.zdcb-brands-block .brands li.anim-brand:hover img {
margin-top: -15px;
}
}
.zdcb-brands-block .brands li:hover a {
overflow: visible;
opacity: 1;
}
@media (min-width: 1024px) {
.zdcb-brands-block.has-double-row .swiper-arrows {
top: 0px;
}
}
.zdcb-brands-block.has-double-row .swiper-arrows {
display: inline-flex;
position: absolute;
right: .625rem;
top: -1rem;
padding: 0.5rem 0;
border: 1px solid var(--bs-secondary-900);
border-radius: 100px;
}
@media (max-width: 420px) {
.zdcb-brands-block.has-double-row .swiper-arrows {
position: relative;
margin-top: 2rem !important;
margin-left: 0.875rem !important;
}
}
.zdcb-brands-block.has-double-row.with-bg .swiper-arrows {
border: 1px solid #D0D5DD;
}
.zdcb-brands-block.has-double-row .swiper-arrows .swiper-button {
margin: 0px 10px;
width: 46px;
height: 46px;
background: transparent;
flex-shrink: 0;
border-radius: 100%;
border: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease;
position: relative;
padding: 0;
}
@media (max-width: 575.98px) {
.zdcb-brands-block.has-double-row .swiper-arrows .swiper-button {
width: 40px;
height: 40px;
}
}
.zdcb-brands-block .swiper-arrows .swiper-button svg {
fill: none;
}
.zdcb-brands-block .swiper-arrows .swiper-button.swiper-button-next {
transform: rotate(180deg);
}
.zdcb-brands-block .swiper-arrows .swiper-button.swiper-button-next svg, .zdcb-brands-block .swiper-arrows .swiper-button.swiper-button-prev svg {
fill: none;
width: 1.5rem;
}
@media (min-width: 768px) {
.zdcb-brands-block .swiper-arrows .swiper-button.swiper-button-next svg, .zdcb-brands-block .swiper-arrows .swiper-button.swiper-button-prev svg {
width: 1.5rem;
}
}
.zdcb-brands-block .swiper-arrows .swiper-button svg path {
stroke: var(--bs-primary-900);
}
.zdcb-brands-block.with-bg .swiper-arrows .swiper-button svg path {
stroke: var(--bs-shades-0);
}
.zdcb-brands-block .swiper-arrows .swiper-button.swiper-button-next:hover svg {
fill: none;
}
.zdcb-brands-block .swiper-arrows .swiper-button-prev:after, .zdcb-brands-block .swiper-arrows .swiper-button-next:after {
display: none;
}
.zdcb-brands-block .swiper-arrows .swiper-button.swiper-button-prev {
margin-left: 0 !important;
}
.zdcb-brands-block .swiper-arrows .swiper-button.swiper-button-next {
margin-right: 0 !important;
}
.zdcb-brands-block.has-double-row .swiper-arrows .swiper-button.swiper-button-next:hover, .zdcb-brands-block.has-double-row .swiper-arrows .swiper-button.swiper-button-prev:hover {
background: var(--bs-secondary);
transition: all .3s ease;
}
.zdcb-brands-block.has-double-row .swiper-arrows .swiper-button.swiper-button-next:hover svg path, .zdcb-brands-block.has-double-row .swiper-arrows .swiper-button.swiper-button-prev:hover svg path {
stroke: var(--bs-shades-0);
transition: all .3s ease;
}
/****************************** ******************************
Service Tile Block
****************************** *****************************/
/* Our Services Section */
.zdcb-service-tile-block {
display: block;
width: 100%;
padding: 80px 0px;
}
.zdcb-service-tile-block {
display: block;
width: 100%;
}
body > .wrap .service-tile-box > h5 {
color: var(--bs-primary-800);
font-size: 1.1875rem;
margin: 0;
font-family: var(--heading-theme-font);
font-weight: 600;
}
.zdcb-service-tile-block ul {
margin: 0px;
padding: 0px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
@media(min-width:992px) {
.zdcb-service-tile-block ul {
grid-template-columns: repeat(3, 1fr);
}
}
@media(min-width:1200px) {
.zdcb-service-tile-block ul {
grid-template-columns: repeat(5, 1fr);
}
}
.zdcb-service-tile-block ul li {
list-style: none;
margin: 0;
}
.service-tile-box {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-end;
width: 100%;
position: relative;
transition: 0.3s ease-in-out;
height: 280px;
padding: 1rem 1rem;
margin-bottom: 0px;
background-color: var(--bs-neutral-50);
}
@media(min-width:575px) {
.service-tile-box {
height: 260px;
padding: 2.625rem 1.5rem;
}
}
.service-tile-box .service-tile-icon {
display: flex;
align-items: center;
margin-bottom: 10px;
width: 100%;
}
.service-tile-box:hover .service-box-contant {
height: 120px;
opacity: 1;
}
.service-box-contant {
width: 100%;
position: relative;
height: 0px;
transition: 0.5s ease-in-out;
overflow: hidden;
opacity: 0;
}
body > .wrap .service-box-contant > p {
color: var(--bs-primary-800);
font-size: 0.75rem;
line-height: 1.5;
font-weight: 400;
margin: 0;
}
@media(min-width:575px) {
.service-tile-box .service-tile-icon {
margin-bottom: 20px;
}
body > .wrap .service-box-contant > p {
margin: 0.75rem 0;
}
}
.service-box-contant .btn.btn-link {
color: var(--bs-primary);
font-size: 0.875rem;
padding: 5px 0px;
font-weight: 500;
display: inline-flex;
align-items: flex-start;
text-align: left;
}
.service-box-contant .btn.btn-link i {
margin-left: 0.5rem;
}
.service-box-contant .btn.btn-link:hover {
color: var(--bs-secondary);
}
.service-box-contant .btn.btn-link:hover svg path {
stroke: var(--bs-secondary);
}
.service-box-contant .btn.btn-link:after {
display: none;
}
/****************************** ******************************
Testimonial Slider Block
****************************** *****************************/
.zdcb-testimonials-block {
position: relative;
}
.zdcb-testimonials-block .testimonial-centre {
list-style: none;
margin: 0;
padding: 0;
}
.zdcb-testimonials-block .testimonial-centre li.swiper {
padding: 0;
margin: 0;
}
.zdcb-testimonials-block .swiper {
display: block;
overflow: hidden;
text-align: center;
}
.zdcb-testimonials-block .testimonial-centre .post__img {
margin-bottom: 3rem;
display: block;
}
.zdcb-testimonials-block .testimonial-centre span.post__rating {
margin-top: 2rem;
display: block;
}
@media(min-width:1024px) {
.zdcb-testimonials-block .testimonial-centre .post__img {
margin-bottom: 4.25rem;
}
.zdcb-testimonials-block .testimonial-centre span.post__rating {
margin-top: 3rem;
}
}
.zdcb-testimonials-block .testimonial-card {
border: 0px;
border-radius: 0;
padding: 0 1rem;
height: 100%;
position: relative;
}
.zdcb-testimonials-block .testimonial-card-body {
position: relative;
z-index: 1;
}
.zdcb-testimonials-block .testimonial-card-body span.post__heading {
font: 600 1.5625rem/1.35 var(--heading-theme-font);
color: var(--bs-primary-900);
display: -webkit-box;
-webkit-line-clamp: none;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 1rem;
}
@media (min-width: 1024px) {
.zdcb-testimonials-block .testimonial-card-body span.post__heading {
font-size: 1.75rem;
display: -webkit-box;
-webkit-line-clamp: 3;
}
}
@media (min-width: 1400px) {
.zdcb-testimonials-block .testimonial-card-body span.post__heading {
font-size: 2rem;
}
}
.zdcb-testimonials-block .testimonial-card-body span.post__heading .btn.btn-link {
display: inline-block;
margin-top: -10px;
min-width: initial;
color: var(--bs-primary);
text-decoration: none;
font: 600 1.5625rem/1.35 var(--heading-theme-font);
padding: 0;
}
@media (min-width: 1024px) {
.zdcb-testimonials-block .testimonial-card-body span.post__heading .btn.btn-link {
font-size: 1.75rem;
}
}
@media (min-width: 1400px) {
.zdcb-testimonials-block .testimonial-card-body span.post__heading .btn.btn-link {
font-size: 2rem;
}
}
.zdcb-testimonials-block .testimonial-card-body span.post__heading .btn.btn-link:hover {
color: var(--bs-secondary);
}
.zdcb-testimonials-block .testimonial-card-body span.post__heading .btn.btn-link:after {
display: none;
}
.zdcb-testimonials-block .testimonial-card-body span.post__content {
color: var(--primary);
line-height: 1.7;
min-height: 115px;
font-size: 1rem;
display: none;
}
@media (min-width: 576px) {
.zdcb-testimonials-block .testimonial-card-body span.post__content {
min-height: 120px;
}
}
@media (min-width: 1200px) {
.zdcb-testimonials-block .testimonial-card-body span.post__content {
min-height: 140px;
}
}
.zdcb-testimonials-block .testimonial-card-body span.post__content .post_content_para {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.zdcb-testimonials-block .testimonial-card-body span.post__content-full {
display: none;
}
.zdcb-testimonials-block .testimonial-card-body span.post__meta, .modal .modal-footer .post__meta {
display: grid !important;
margin-top: 2rem;
}
@media(min-width:1024px) {
.zdcb-testimonials-block .testimonial-card-body span.post__meta, .modal .modal-footer .post__meta {
display: grid !important;
margin-top: 3rem;
}
}
.zdcb-testimonials-block .modal .modal-footer {
margin-top: 0 !important;
}
.zdcb-testimonials-block .testimonial-card-body span.post__meta .post__title, .zdcb-testimonials-block .modal .modal-footer .post__meta .post__title {
display: inline-grid;
margin-left: 0 !important;
}
.zdcb-testimonials-block .testimonial-card-body span.post__meta .post__title .post__name, .zdcb-testimonials-block .modal .modal-footer .post__meta .post__title .post__name {
font: 600 0.875rem/2 var(--body-theme-font);
color: var(--bs-primary-900);
}
.zdcb-testimonials-block .testimonial-card-body span.post__meta .post__title .post__subtext, .zdcb-testimonials-block .modal .modal-footer .post__meta .post__title .post__subtext {
font-size: 1rem;
font-weight: 400;
color: var(--bs-neutral-500);
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-content .modal-body span.post__heading {
font: 500 1.25rem/1.35 var(--heading-theme-font);
color: var(--bs-primary-900);
margin-bottom: 0.75rem;
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-content {
padding: 1rem !important;
}
@media(min-width:575px) {
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-content {
padding: 2rem !important;
}
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-content, .zdcb-testimonials-block .modal.for-modal-testimonial .modal-content .modal-header, .zdcb-testimonials-block .modal.for-modal-testimonial .modal-content .modal-footer {
border: none;
padding: 0;
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-content .modal-body, .zdcb-testimonials-block .modal.for-modal-testimonial .modal-content .modal-body p {
font-size: 1rem;
padding: 0;
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-footer .post__meta {
margin: 0;
width: 100%;
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-content .modal-body {
margin-top: 4rem;
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-footer .post__meta .post__title span {
display: block;
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-footer .post__meta .post__title span.post__rating {
margin-top: 1rem;
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-content::before {
background: url(../images/quote-marks.svg) 0 0/contain no-repeat;
width: 80px;
height: 60px;
position: absolute;
left: 1rem;
top: 1rem;
content: "";
}
@media(min-width:575px) {
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-content::before {
left: 2rem;
top: 2rem;
}
.zdcb-testimonials-block .modal.for-modal-testimonial .modal-content .modal-body {
margin-top: 5rem;
}
}
.zdcb-testimonials-block .for-modal-testimonial .modal-header .btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .25em .25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: .25rem;
opacity: .5;
}
.zdcb-testimonials-block .swiper-button-prev, .zdcb-testimonials-block .swiper-rtl .swiper-button-next {
left: 5%;
right: auto;
}
.zdcb-testimonials-block .swiper-button-next, .zdcb-testimonials-block .swiper-rtl .swiper-button-prev {
right: 5%;
left: auto;
}
@media(min-width:991px) {
.zdcb-testimonials-block .swiper-button-prev, .zdcb-testimonials-block .swiper-rtl .swiper-button-next {
left: 10%;
}
.zdcb-testimonials-block .swiper-button-next, .zdcb-testimonials-block .swiper-rtl .swiper-button-prev {
right: 10%;
}
}
@media(min-width:1400px) {
.zdcb-testimonials-block .swiper-button-prev, .zdcb-testimonials-block .swiper-rtl .swiper-button-next {
left: 15%;
}
.zdcb-testimonials-block .swiper-button-next, .zdcb-testimonials-block .swiper-rtl .swiper-button-prev {
right: 15%;
}
}
.zdcb-testimonials-block .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.zdcb-testimonials-block .swiper-pagination-bullets.swiper-pagination-horizontal {
display: none;
}
@media(max-width:991px) {
.zdcb-testimonials-block .swiper-pagination-bullets.swiper-pagination-horizontal {
display: block;
bottom: -30px !important;
}
.zdcb-testimonials-block .swiper-button-prev, .zdcb-testimonials-block .swiper-rtl .swiper-button-next {
display: none;
}
.zdcb-testimonials-block .swiper-button-next, .zdcb-testimonials-block .swiper-rtl .swiper-button-prev {
display: none;
}
}
.zdcb-testimonials-block .swiper-button-prev:after, .zdcb-testimonials-block .swiper-button-next:after {
display: none;
}
.zdcb-testimonials-block .swiper-button-prev svg, .zdcb-testimonials-block .swiper-button-next svg {
position: absolute;
}
/****************************** ******************************
CTA Block
****************************** *****************************/
.cta-section {
background-color: var(--bs-neutral-50);
padding: 3rem 0;
position: relative;
}
@media (min-width: 768px) {
.cta-section {
padding: 4rem 0;
}
}
@media (min-width: 992px) {
.cta-section {
padding: 4.5rem 0;
}
}
@media (min-width: 1200px) {
.cta-section {
padding: 5rem 0;
}
}
@media (min-width: 1024px) {
.cta-section::before {
background: url(../images/cta-bg.png) 100% 100% no-repeat;
position: absolute;
content: "";
width: 100%;
height: 100%;
top: -45px;
right: 0;
z-index: 0;
}
}
.cta-section .container {
position: relative;
z-index: 1;
}
.cta-content-part {
position: relative;
}
@media (min-width: 1024px) {
.cta-content-part {
padding-right: 5rem;
}
}
body .cta-content-part h2 {
color: var(--bs-neutral-900);
margin-bottom: 1.25rem;
line-height: 1.25;
}
body .cta-content-part p {
color: var(--bs-neutral-700);
}
.cta-call {
display: flex;
padding-top: 1.5rem;
align-items: center;
}
.cta-call svg.icon {
flex-shrink: 0;
margin-right: 15px;
width: 28px;
height: 28px;
color: var(--bs-primary);
}
.cta-call span {
font-size: 1.125rem;
color: var(--bs-primary-900);
font-weight: 600;
}
@media (max-width: 479.98px) {
.cta-call span {
font-size: 1rem;
}
}
body .cta-call span a {
color: var(--bs-primary-600);
font-weight: 600;
text-decoration: underline;
}
body .cta-call span a:hover {
color: var(--bs-primary);
}
.cta-section .cta-form .btn {
width: 100%;
}
.cta-section .cta-form .btn-outline-primary {
color: var(--bs-neutral-700);
}
.cta-section .cta-form .btn-outline-primary:hover {
color: var(--bs-btn-hover-color);
}
.cta-section .cta-form .form-control {
background: var(--bs-primary-800);
color: var(--bs-neutral-100);
border: var(--bs-border-width) solid var(--bs-primary-800);
}
.cta-section .cta-form .form-control:focus {
color: var(--bs-neutral-100);
border-color: var(--bs-primary);
}
.cta-section .cta-form .form-control::-moz-placeholder {
color: var(--bs-neutral-300);
}
.cta-section .cta-form .form-control::placeholder {
color: var(--bs-neutral-300);
}
main.content section.cta-section {
margin: 0;
z-index: 0;
}
/*CTA Gravity Form Setting*/
.cta-section .cta-form .gform_wrapper.gravity-theme .gform_heading {
display: none;
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield, .cta-section .cta-form .gform_wrapper.gravity-theme .gform_footer {
width: auto;
margin: 0;
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gform_footer {
margin-top: 0.5rem;
padding-bottom: 0;
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label {
line-height: 1.5;
color: var(--bs-neutral-50);
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label[for^="choice_"] {
color: var(--bs-neutral-50);
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label[for^="input_"] {
line-height: 1.5;
margin: 0;
padding: 0.5rem 0.25rem;
background-color: transparent;
color: var(--bs-primary-900);
}
@media (min-width: 768px) {
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label[for^="input_"] {
padding: 0.5rem;
}
}
@media (min-width: 1024px) {
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label[for^="input_"] {
position: absolute;
left: 0.5em;
color: var(--bs-neutral);
pointer-events: none;
transform-origin: 0 0;
transform: translateY(6px);
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label[for^="input_"].focussed {
font-size: 0.875rem;
opacity: 1;
background-color: var(--bs-neutral-50);
transform: translateY(-20px) scale3d(0.8, 0.8, 1);
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-select .gfield_label {
display: block;
position: relative;
transform: none !important;
padding-top: 0;
left: 0;
}
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label[for^="input_"] .gfield_required {
color: var(--bs-neutral);
color: var(--bs-neutral);
}
@media (min-width: 1024px) {
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label[for^="input_"] {
color: var(--bs-neutral);
transform: translate3d(2px, 6px, 0);
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label[for^="input_"] .gfield_required {
color: var(--bs-neutral);
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_label[for^="input_"].focussed {
background: transparent;
transform: translate3d(5px, -5px, 0) scale3d(0.75, 0.75, 1);
opacity: 0.7;
}
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_description, .cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-html {
color: var(--bs-neutral-50);
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice {
min-height: 2rem;
margin-top: 0;
margin-bottom: 0.5rem;
line-height: 1.3;
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice:last-child {
margin-bottom: 0;
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label {
display: block;
font-size: 1.125rem;
line-height: 1.3;
pointer-events: fill;
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label .label-group .title {
display: block;
margin-left: 2.5rem;
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label:after, .cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label:before {
width: 2rem;
height: 2rem;
border-radius: 25%;
}
@media (min-width: 1024px) {
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label:after, .cta-section .cta-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label:before {
top: -0.3rem;
}
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gchoice label:before {
background-color: var(--bs-primary-900);
border-color: var(--bs-primary);
}
.cta-section .cta-form .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([aria-invalid="true"]), .cta-section .cta-form .gform_wrapper.gravity-theme textarea, .cta-section .cta-form .gform_wrapper.gravity-theme select {
border: 1px solid var(--bs-neutral-100);
border-radius: 100px;
height: 52px;
color: var(--bs-neutral);
background-color: var(--bs-shades-0);
border: 1px solid var(--bs-neutral-100);
}
.cta-section .cta-form .gform_wrapper.gravity-theme select.form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23F5F5F5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.cta-section .cta-form .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([aria-invalid="true"]):focus, .cta-section .cta-form .gform_wrapper.gravity-theme textarea:focus, .cta-section .cta-form .gform_wrapper.gravity-theme select:focus {
box-shadow: none;
border-color: var(--bs-primary);
}
.cta-section .cta-form .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([aria-invalid="true"])::-webkit-input-placeholder, .cta-section .cta-form .gform_wrapper.gravity-theme textarea::-webkit-input-placeholder, .cta-section .cta-form .gform_wrapper.gravity-theme select::-webkit-input-placeholder {
color: var(--bs-neutral);
}
.cta-section .cta-form .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([aria-invalid="true"])::-moz-placeholder, .cta-section .cta-form .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([aria-invalid="true"])::-ms-placeholder, .cta-section .cta-form .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([aria-invalid="true"])::placeholder, .cta-section .cta-form .gform_wrapper.gravity-theme textarea::-moz-placeholder, .cta-section .cta-form .gform_wrapper.gravity-theme textarea::-ms-placeholder, .cta-section .cta-form .gform_wrapper.gravity-theme textarea::placeholder, .cta-section .cta-form .gform_wrapper.gravity-theme select::placeholder {
color: var(--bs-neutral);
}
.cta-section .cta-form .gform_wrapper.gravity-theme textarea {
height: 125px !important;
border-radius: 18px;
resize: none;
}
@media (min-width: 1024px) {
.cta-section .cta-form .gform_wrapper.gravity-theme textarea {
padding-top: 1rem;
}
}
@media (min-width: 1024px) {
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_error .gfield_label, .cta-section .cta-form .gform_wrapper.gravity-theme .gfield_error .gfield_label .gfield_required {
color: #c02b0a;
}
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .cta-section .cta-form .gform_wrapper.gravity-theme .gfield_error textarea {
color: var(--bs-primary-600);
background-color: var(--bs-shades-0);
border-color: var(--bs-error-200);
height: 52px;
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gform_footer button.btn-primary {
margin-bottom: 0;
background: var(--bs-primary);
color: var(--bs-shades-0);
}
@media (min-width: 768px) {
.cta-section .cta-form .gform_wrapper.gravity-theme .gform_footer button.btn-primary {
width: auto !important;
}
}
.cta-section .cta-form .gform_wrapper.gravity-theme .gform_footer button.btn-primary:hover {
background: var(--bs-secondary);
color: var(--bs-shades-0);
border-color: var(--bs-secondary);
}
/*Gravity Form CSS*/
.gform_wrapper.gravity-theme .gform_ajax_spinner {
display: none !important;
}
.gform_wrapper.gravity-theme .gform_body .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper.gravity-theme .gform_body .gfield textarea {
font: 400 normal 1rem var(--body-theme-font);
background: var(--bs-shades-0);
border: 1px solid var(--bs-neutral-200);
border-radius: 100px;
outline: 0;
height: 52px;
padding: 0.6rem 1.1rem;
color: var(--bs-neutral-900);
}
.gform_wrapper.gravity-theme .gform_body .gfield select {
padding: 0.6rem 1.1rem;
font: 400 normal 1rem var(--body-theme-font);
height: 52px;
border: 1px solid var(--bs-neutral-200);
border-radius: 3rem;
outline: none;
}
.gform_wrapper.gravity-theme .gform_body .gfield select:focus, .gform_wrapper.gravity-theme .gform_body .gfield select:focus-visible {
border-color: var(--bs-primary-500);
}
.gform_wrapper.gravity-theme .gform_body .gfield textarea {
min-height: 125px;
height: 125px;
border-radius: 18px;
resize: none;
}
.gform_wrapper.gravity-theme .gform_body .gfield_label, .gform_wrapper.gravity-theme .gform_body .gfield_description {
font: 400 normal 1rem var(--body-theme-font);
color: var(--bs-neutral-500);
}
.gform_wrapper.gravity-theme .gform_body .gfield_label[for^="input_"], .gform_wrapper.gravity-theme .gform_body .gfield_description[for^="input_"] {
padding: 0.3rem 0;
}
.gform_wrapper.gravity-theme .gform_body .gfield_label[for^="input_"], .gform_wrapper.gravity-theme .gform_body .gfield_description[for^="input_"] {
left: 0.75em;
}
.gform_wrapper.gravity-theme .gform_body .gfield_checkbox .form-check-label::before {
margin-top: 0;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gfield--type-select label {
display: block;
position: relative;
transform: none;
left: 0;
}
.gform_wrapper.gravity-theme .gform_body fieldset {
margin-top: 1rem;
}
.gform_wrapper.gravity-theme .gfield_checkbox label span.title, .gform_wrapper.gravity-theme .gfield_radio label span.title {
line-height: normal;
color: var(--bs-neutral-900);
font-size: 0.875rem;
padding-left: 0;
padding-right: 0;
}
.gform_wrapper.gravity-theme .gfield_checkbox label span.title a, .gform_wrapper.gravity-theme .gfield_radio label span.title a {
color: var(--bs-neutral-900);
text-decoration: underline;
font-weight: normal;
}
.gform_wrapper.gravity-theme .gfield_checkbox label span.title a:hover, .gform_wrapper.gravity-theme .gfield_radio label span.title a:hover {
color: var(--bs-primary);
}
.gform_wrapper.gravity-theme .gfield_checkbox label span.title a:after, .gform_wrapper.gravity-theme .gfield_radio label span.title a:after {
display: none;
}
body .gform_wrapper.gravity-theme .gform_validation_errors {
color: var(--bs-neutral-900);
background: var(--bs-error-100);
border: 1px solid var(--bs-error);
border-radius: 12px;
outline: none;
position: relative;
box-shadow: none;
}
body .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
color: var(--bs-error-600);
font-weight: 500 !important;
font-size: 0.875rem !important;
padding-left: 25px;
margin: 0;
}
.gform_wrapper.gravity-theme .gform_footer button.btn.btn-primary {
padding: 0.9rem 1rem;
font-weight: 500;
min-width: 180px;
/* width: auto !important;*/
}
.page-id-611 .gform-custom-width .gform_wrapper, .page-id-618 .gform-custom-width .gform_wrapper {
margin: 0 auto;
padding: 1.25rem !important;
max-width: 650px;
border: 1px solid var(--bs-neutral-200);
background: var(--bs-neutral-50);
}
@media(min-width:575px) {
.page-id-611 .gform-custom-width .gform_wrapper, .page-id-618 .gform-custom-width .gform_wrapper {
padding: 2.25rem !important;
}
}
.gform_wrapper.gravity-theme .gform_footer.top_label {
padding-bottom: 0;
}
.page-id-611 .gform_wrapper.gravity-theme .gform_footer button.btn.btn-primary, .page-id-618 .gform_wrapper.gravity-theme .gform_footer button.btn.btn-primary {
width: 100% !important;
margin-bottom: 0;
}
/*Gravity Form Custom Width*/
.mobile-align-left {
padding: 0 2.25rem;
}
@media (max-width: 767.98px) {
.mobile-align-left {
padding: 0rem;
}
.mobile-align-left h2, .mobile-align-left h3, .mobile-align-left h4, .mobile-align-left h5, .mobile-align-left h6, .mobile-align-left p {
text-align: left !important;
}
}
@media (min-width: 768px) {
.gform-custom-width .gform_wrapper.gravity-theme .gfield.gf_list_inline .custom-radio > .gfield_radio {
display: flex;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield.gf_list_inline .custom-radio > .gfield_radio .gchoice {
flex: auto;
width: auto;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield.gf_list_inline .custom-radio > .gfield_radio .gchoice:last-child {
margin-right: 0;
}
}
.gform-custom-width .gform_wrapper.gravity-theme .gform_footer, .gform-custom-width .gform_wrapper.gravity-theme .gform_page_footer {
margin: 0;
padding: 1.75rem 0 0 0;
}
.gform-custom-width .gform_wrapper.gravity-theme .gform_footer button {
margin: 0;
}
.gform-custom-width .gform_wrapper.gravity-theme .gform_heading {
display: none;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield, .gform-custom-width .gform_wrapper.gravity-theme .gform_footer {
width: auto;
margin: 0;
}
.gform-custom-width .gform_wrapper.gravity-theme .gform_footer {
margin-top: 0.5rem;
padding-bottom: 0;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label, .gform-custom-width .gform_wrapper.gravity-theme .gform_body .gfield h4 {
line-height: 1.25;
color: var(--bs-primary-900);
font-size: 1.4rem;
font-weight: 400;
margin-bottom: 10px;
}
.gform-custom-width .gform_wrapper.gravity-theme .gform_body .gfield p {
font-size: 1rem;
font-weight: 500;
margin-top: 0;
}
@media (min-width: 1024px) {
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label, .gform-custom-width .gform_wrapper.gravity-theme .gform_body .gfield h4 {
font-size: 1.75rem;
}
.gform-custom-width .gform_wrapper.gravity-theme .gform_body .gfield p {
font-size: 1.125rem;
}
}
/*.gform-custom-width .gform_wrapper.gravity-theme .gfield_required {
display: none;
}*/
.gform-custom-width .gform_wrapper.gravity-theme .gform_body .gfield_description {
font: 400 normal 1.125rem var(--body-theme-font);
color: var(--bs-neutral-500);
font-weight: 500;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label[for^="choice_"] {
color: var(--bs-neutral-500);
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label[for^="input_"] {
line-height: 1.5;
margin: 0;
padding: 0.5rem 0.25rem;
background-color: transparent;
color: var(--bs-neutral-500);
font-size: 1rem;
}
@media (min-width: 768px) {
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label[for^="input_"] {
padding: 0.5rem;
}
}
@media (min-width: 1024px) {
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label[for^="input_"] {
position: absolute;
left: 0.5em;
color: var(--bs-neutral-500);
pointer-events: none;
transform-origin: 0 0;
transform: translateY(6px);
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label[for^="input_"].focussed {
font-size: 0.875rem;
opacity: 1;
background-color: var(--bs-shades-0);
transform: translateY(-20px) scale3d(0.8, 0.8, 1);
}
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label[for^="input_"] .gfield_required {
color: var(--bs-neutral-500);
color: var(--bs-neutral-500);
}
@media (min-width: 1024px) {
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label[for^="input_"] {
color: var(--bs-neutral);
transform: translate3d(2px, 6px, 0);
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label[for^="input_"] .gfield_required {
color: var(--bs-neutral-500);
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield_label[for^="input_"].focussed {
background: var(--bs-shades-0);
transform: matrix(0.8, 0, 0, 0.8, 0, -20);
opacity: 1;
}
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_description, .gform-custom-width .gform_wrapper.gravity-theme .gfield--type-html {
color: var(--bs-neutral-500);
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice {
min-height: 2rem;
margin-top: 0;
margin-bottom: 0.5rem;
line-height: 1.3;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice:last-child {
margin-bottom: 0;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label {
display: block;
font-size: 1.125rem;
line-height: 1.3;
pointer-events: fill;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label .label-group .title {
display: block;
margin-left: 2.5rem;
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label:after, .gform-custom-width .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label:before {
width: 2rem;
height: 2rem;
border-radius: 25%;
}
@media (min-width: 1024px) {
.gform-custom-width .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label:after, .gform-custom-width .gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice .custom-control-label:before {
top: -0.3rem;
}
}
.gform-custom-width .gform_wrapper.gravity-theme .gchoice label:before {
background-color: var(--bs-shades-0);
border-color: var(--bs-neutral-300);
}
.gform-custom-width .gform_wrapper.gravity-theme textarea {
height: 180px !important;
}
@media (min-width: 1024px) {
.gform-custom-width .gform_wrapper.gravity-theme textarea {
padding-top: 1rem;
}
}
@media (min-width: 1024px) {
.gform-custom-width .gform_wrapper.gravity-theme .gfield--type-select .gfield_label {
display: block;
position: relative;
transform: none !important;
padding-top: 0;
left: 0;
}
}
.gform-custom-width .gform_wrapper.gravity-theme .gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform-custom-width .gform_wrapper.gravity-theme .gfield_error textarea {
border-color: var(--bs-error-500);
}
/**/
.page-id-620 .gform-custom-width {
width: 100%;
max-width: 800px;
background: transparent;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.page-id-620 .gform-custom-width .gform_wrapper.gravity-theme .gform_body .gform_fields {
grid-row-gap: 16px;
}
@media (min-width: 768px) {
.page-id-620 .gform-custom-width .gform_wrapper.gravity-theme .gform_footer button.btn-primary {
width: auto !important;
}
}
/*Forms*/
.col-form-label {
color: var(--bs-neutral-800);
font-size: 0.875rem;
font-weight: 400;
padding-bottom: 5px;
}
.form-control {
padding: 0.6rem 1rem;
color: var(--bs-neutral-900);
border: var(--bs-border-width) solid var(--bs-neutral-200);
border-radius: 100px;
}
textarea.form-control {
min-height: 125px;
border-radius: 18px;
resize: none;
}
.form-control:focus {
color: var(--bs-neutral-900);
border-color: var(--bs-primary);
box-shadow: none;
}
.form-control::-moz-placeholder {
color: var(--bs-neutral-500);
}
.form-control::placeholder {
color: var(--bs-neutral-500);
}
.form-select {
padding: 0.5rem 2.25rem 0.5rem 0.75rem;
font-size: 1rem;
font-weight: 400;
color: var(--bs-neutral-500);
border-radius: 100px;
border-color: var(--bs-neutral-200);
}
.form-select:focus {
border-color: var(--bs-primary);
outline: 0;
box-shadow: none;
}
/*Breadcrumb*/
.breadcrumb-part {
background: var(--bs-neutral-50);
padding: 8px 0;
}
@media (min-width: 768px) {
.breadcrumb-part {
padding: 12px 0;
}
}
.breadcrumb {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 0.575rem;
}
@media (min-width: 576px) {
.breadcrumb {
font-size: 0.675rem;
}
}
@media (min-width: 768px) {
.breadcrumb {
font-size: 0.775rem;
}
}
@media (min-width: 1024px) {
.breadcrumb {
font-size: 0.875rem;
}
}
.breadcrumb-item, .breadcrumb-item a {
color: var(--bs-neutral-500);
font-weight: 400;
line-height: 16px;
}
.breadcrumb-item a:hover {
color: var(--bs-primary-900);
}
.breadcrumb-item.active {
color: var(--bs-neutral-500);
}
.breadcrumb-item + .breadcrumb-item::before {
color: var(--bs-neutral-500);
}
.breadcrumb-item .icon {
width: 12px;
height: 12px;
}
@media (min-width: 768px) {
.breadcrumb-item .icon {
width: 16px;
height: 16px;
vertical-align: inherit;
}
}
@media (max-width: 767.98px) {
.breadcrumb-item + .breadcrumb-item {
padding-left: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
padding-right: 0;
}
.breadcrumb-item, .breadcrumb-item a {
line-height: 14px;
}
}
/*Custom Checkbox CSS*/
.checkbox-custom, .form-check-input {
opacity: 0;
position: absolute;
cursor: pointer;
}
.checkbox-custom-label, .form-check-label {
color: var(--bs-neutral-900);
font-size: 1rem;
font-weight: 400;
margin: 0;
padding: 0;
position: relative;
cursor: pointer;
display: block;
min-height: 18px;
overflow: hidden;
line-height: normal;
}
.checkbox-custom-label span, .form-check-label span {
overflow: hidden;
display: block;
padding-left: 8px;
padding-right: 20px;
}
.checkbox-custom-label span a, .form-check-label span a {
color: var(--bs-neutral-900);
text-decoration: underline;
}
.checkbox-custom-label span a:hover, .form-check-label span a:hover {
color: var(--bs-primary);
}
.checkbox-custom-label span + b, .form-check-label span + b {
position: absolute;
right: 0;
top: 0;
font-size: 0.875rem;
color: var(--bs-neutral-400);
font-weight: 400;
}
.checkbox-custom + .checkbox-custom-label::before, .form-check-input + .form-check-label::before {
background: var(--bs-shades-0);
border: 2px solid var(--bs-primary-400);
border-radius: 2px;
content: "";
float: left;
height: 16px;
width: 16px;
margin-right: 5px;
text-align: center;
margin-top: 2px;
}
.checkbox-custom:checked + .checkbox-custom-label::before, .form-check-input:checked + .form-check-label::before {
background-color: var(--bs-primary-400);
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 12px;
border: 2px solid var(--bs-primary-400);
}
.checkbox-custom-disabled:checked + .checkbox-custom-label-disabled:before, .checkbox-custom-disabled + .checkbox-custom-label-disabled:before {
background: #cccccc none repeat scroll 0 0 !important;
border: 1px solid #cccccc !important;
color: #cccccc !important;
pointer-events: none;
}
.checkbox input.checkbox-custom-disabled[type="checkbox"] {
pointer-events: none;
}
.checkbox label.checkbox-custom-label-disabled {
pointer-events: none;
}
/*Custom Radio CSS*/
.custom-radio {
margin-top: 1rem;
}
.form-radio-input {
opacity: 0;
position: absolute;
cursor: pointer;
}
.form-radio-label {
color: var(--bs-neutral-900);
font-size: 1rem;
font-weight: 400;
margin: 0;
padding: 0;
position: relative;
cursor: pointer;
display: block;
min-height: 18px;
overflow: hidden;
}
.form-radio-label span {
overflow: hidden;
display: block;
padding-left: 8px;
padding-right: 20px;
}
.form-radio-label span a {
color: var(--bs-neutral-900);
text-decoration: underline;
}
.form-radio-label span a:hover {
color: var(--bs-primary);
}
.form-radio-label span + b {
position: absolute;
right: 0;
top: 0;
font-size: 0.875rem;
color: var(--bs-neutral-400);
font-weight: 400;
}
.form-radio-input + .form-radio-label::before {
display: block;
position: relative;
content: "";
pointer-events: none;
border-radius: 50%;
background-color: transparent !important;
border: 1px solid var(--bs-neutral-300);
text-align: center;
width: 24px;
height: 24px;
top: 0;
left: 0;
}
.form-radio-input:checked + .form-radio-label::before {
border-color: var(--bs-primary) !important;
}
.gform_wrapper.gravity-theme .gfield_radio label.form-radio-label {
display: flex;
font-size: 18px;
font-weight: 500;
align-items: center;
}
.form-radio-input:checked + .form-radio-label::after {
position: absolute;
content: "";
pointer-events: none;
border-radius: 50%;
background-color: var(--bs-primary) !important;
border: none;
box-shadow: 0 0 0px 2px var(--bs-primary) inset;
text-align: center;
width: 14px;
height: 14px;
left: 5px;
}
.gform_wrapper.gravity-theme .gfield_radio label.form-radio-label span.title {
line-height: normal;
color: #737373;
font-size: 1.125rem;
padding-left: 0;
padding-right: 0;
font-weight: 500;
}
body .gform_wrapper.gravity-theme .gfield_error .form-radio-input + .form-radio-label::before {
border: 1px solid var(--bs-error-500);
}
body .gform_wrapper.gravity-theme .gfield_error .form-radio-input:checked + .form-radio-label::before {
border: 1px solid var(--bs-primary);
}
.gform_wrapper.gravity-theme .gform_body .gfield:not(.pc_image_choice) .custom-radio .gfield_radio .gchoice, .gform_wrapper.gravity-theme .gform_body .gfield.gf_list_inline .custom-radio .gfield_radio .gchoice {
min-height: 1.5rem;
margin-bottom: 0.75rem;
margin-right: 0.75rem;
display: inline-block;
border-radius: 12px;
background: var(--bs-neutral-50);
padding: 1.5rem 1.25rem;
box-shadow: 0px 1px 0px 0px #e2e8f0;
}
@media (min-width: 1024px) {
.gform_wrapper.gravity-theme .gform_body .gfield:not(.pc_image_choice) {
font: 400 normal 1.125rem/1.5 var(--body-theme-font);
margin-top: 0.75rem;
padding-bottom: 0;
}
}
@media (max-width: 767.98px) {
.gform_wrapper.gravity-theme .gform_body .gfield.gf_list_inline .custom-radio .gfield_radio .gchoice {
margin-bottom: 1.25rem;
margin-right: 0rem;
display: block;
}
}
.gform_wrapper.gravity-theme .gform_body .gfield:not(.pc_image_choice) .gfield_radio .gchoice .form-check-input {
position: absolute;
}
.gform_wrapper.gravity-theme .gform_body .gfield.gf_list_block .custom-radio .gfield_radio .gchoice {
min-height: 1.5rem;
margin-bottom: 1.25rem;
margin-right: 0;
display: flex;
flex-direction: row;
border-radius: 0px;
background: transparent;
padding: 0rem;
box-shadow: none;
}
/**** Tick Box Style CSS *******/
ul.is-style-tickboxes li {
display: flex;
padding: 7px 0;
}
ul.is-style-tickboxes li::before {
content: "";
position: initial;
display: inline-block;
width: 25px;
height: 25px;
margin-right: 12px;
background: url(../images/featured-icon.svg) 50% 50% / cover no-repeat;
flex: 0 0 25px;
margin-top: 0px;
}
body > .wrap .wp-block-quote, body > .wrapper .wp-block-quote {
border: 0 solid var(--bs-primary);
border-left-width: 2px;
margin-top: 2em;
margin-bottom: 2em;
padding: 0.5rem 0 0.5rem 1.25rem;
}
/****************************** ******************************
Pagination CSS
****************************** *****************************/
.wp-pagenavi-wrapper .wp-pagenavi {
margin: 2rem 0;
}
.pagination {
display: flex;
}
.page-numbers, .wp-pagenavi-wrapper .wp-pagenavi .nextpostslink, .wp-pagenavi-wrapper .wp-pagenavi .previouspostslink {
position: relative;
padding: 0 5px;
margin: 0 7px;
border: none;
color: var(--bs-neutral-500);
text-decoration: none;
font-size: 0.875rem;
min-width: 40px;
height: 40px;
line-height: 36px;
font-weight: 500;
border-radius: 50%;
text-align: center;
}
.page-numbers:hover, .page-numbers.current, .wp-pagenavi-wrapper .wp-pagenavi .current {
background: var(--bs-primary);
color: var(--bs-shades-0);
text-decoration: none;
}
.page-numbers.prev, .page-numbers.next, .wp-pagenavi-wrapper .wp-pagenavi .nextpostslink, .wp-pagenavi-wrapper .wp-pagenavi .previouspostslink {
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
font-size: 0;
}
.page-numbers.prev::before, .wp-pagenavi-wrapper .wp-pagenavi .previouspostslink:before {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
position: absolute;
left: 0px;
top: 15px;
}
.page-numbers.prev:hover::before, .wp-pagenavi-wrapper .wp-pagenavi .previouspostslink:hover::before {
background-image: url("data:image/svg+xml,");
}
.page-numbers.next::before, .wp-pagenavi-wrapper .wp-pagenavi .nextpostslink:before {
display: inline-block;
content: "";
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
position: absolute;
left: 0px;
top: 15px;
}
.page-numbers.next:hover::before, .wp-pagenavi-wrapper .wp-pagenavi .nextpostslink:hover::before {
background-image: url("data:image/svg+xml,");
}
.wp-pagenavi span.pages {
display: none;
}
.wp-pagenavi a, .wp-pagenavi span {
border: none;
}
.wp-pagenavi-wrapper .wp-pagenavi .previouspostslink:before {
transform: none !important;
}
.wp-pagenavi-wrapper .wp-pagenavi .extend, .wp-pagenavi-wrapper .wp-pagenavi .page {
text-decoration: none;
}
/****************************** ******************************
Blog Page
****************************** *****************************/
@media (min-width: 768px) {
.blog-grid {
grid-gap: 20px;
display: grid;
margin-top: 0;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.blog-grid {
grid-template-columns: repeat(3, 1fr);
margin-top: 0;
}
}
body.blog div.meta__date-category, body.page-blog div.meta__date-category, body.archive div.meta__date-category {
font-weight: 500;
}
body.blog div.meta > div, body.page-blog div.meta > div, body.archive div.meta > div {
margin: 1em 0 0.25rem;
}
.blog-grid .article__content .meta a {
font-weight: 500;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
z-index: 10000;
background: #fff;
width: 15px;
}
.select2-container--default .select2-selection--single {
border-radius: 4rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0.6rem !important;
}
.select2-container--open .select2-dropdown {
top: 5px;
z-index: 9;
border: 1px solid var(--bs-neutral-200);
}
.blog-categories .select2-container--default .select2-selection--single {
padding: 0.825rem 1rem;
height: 50px !important;
border: 1px solid var(--bs-neutral-200);
display: block;
position: relative;
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4rem !important;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
margin: 0 0 -4px;
user-select: none;
-webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--bs-neutral-500) !important;
line-height: 1.3 !important;
padding: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: .6rem !important;
right: 1.25rem !important;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown {
top: 5px;
z-index: 9;
border: 1px solid var(--bs-neutral-200);
}
.select2-dropdown {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
outline: none;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__options {
padding: 1rem;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results {
display: block;
}
.select2-container--default .select2-results__option {
color: var(--bs-neutral-500);
padding: 1rem;
font-size: 1rem;
font-weight: 500;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: 700;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
z-index: 10000;
background: #fff;
width: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
margin-top: -1px;
margin-right: .2rem;
}
/****************************** ******************************
Blog Detail Page
****************************** *****************************/
body.single-post .rank-math-breadcrumb {
margin: 0;
padding: 0;
font-size: 0.875rem;
color: var(--bs-neutral);
display: flex;
align-items: center;
flex-wrap: wrap;
}
body.single-post .wrap .entry-title {
font: normal 600 2rem/1.3 var(--heading-theme-font);
color: var(--bs-primary-900);
}
@media(min-width:1024px) {
body.single-post .wrap .entry-title {
font-size: 3rem;
}
}
body.single-post .rank-math-breadcrumb p {
margin: 0;
font-size: 0.875rem;
}
body.single-post p {
color: var(--bs-neutral-500) !important;
}
body.single-post .rank-math-breadcrumb a {
color: var(--bs-neutral);
font-weight: 400;
text-decoration: none;
}
body.single-post .rank-math-breadcrumb a:hover {
color: var(--bs-neutral-900);
text-decoration: none;
}
body.single-post .rank-math-breadcrumb span.separator {
padding: 0 10px;
}
@media (min-width: 768px) {
body.single-post .rank-math-breadcrumb span.separator {
padding: 0 22px;
}
}
@media (min-width: 1024px) {
body.single-post .social-share {
margin: 1.5rem 6rem 0rem;
}
body.single-post article p, body.single-post article ol, body.single-post article ul {
font-size: 1.125rem;
}
}
body.single-post article ol li, body.single-post article ul li {
line-height: 1.5;
}
body.single-post article ul {
margin: 0;
padding-left: 1.5rem;
}
body.single-post article ol {
padding-left: 1.5rem;
}
.zdcb-media-block figure figcaption {
color: var(--bs-neutral-500) !important;
margin-top: 0.5rem !important;
}
body.single-post .content h4 {
margin-top: 2rem;
margin-bottom: 1rem;
}
.zdcb-article-single-block {
padding: 0;
}
@media (min-width: 575px) {
.zdcb-article-single-block {
padding: 0 2rem;
}
}
@media (min-width: 1024px) {
.zdcb-article-single-block {
padding: 0 4rem;
}
body.single-post .content h4 {
margin-top: 3rem;
}
}
@media (min-width: 1200px) {
.zdcb-article-single-block {
padding: 0 5rem;
}
}
.zdcb-media-block.has-crop--landscape .images__play {
border-color: var(--bs-shades-0) !important;
}
.zdcb-media-block.has-crop--landscape .images a:hover .images__play {
border-color: var(--bs-primary-500) !important;
}
body.single-post .social-share {
padding-top: 2rem;
padding-bottom: 2rem;
}
.heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg {
color: #A3A3A3 !important;
border-color: #D6D6D6 !important;
}
.heateor_sss_horizontal_sharing .heateor_sss_svg svg path, .heateor_sss_standard_follow_icons_container .heateor_sss_svg svg path {
fill: #A3A3A3 !important;
}
.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover, .heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover {
background-color: #424242 !important;
background: #424242 !important;
border-color: #424242 !important;
}
.heateor_sss_horizontal_sharing .heateor_sss_svg:hover svg path, .heateor_sss_standard_follow_icons_container .heateor_sss_svg:hover svg path {
fill: #ffffff !important;
}
body.single-post .social-share {
border-color: var(--bs-neutral-200) !important;
}
body.single-post .wrap div.meta__date-category {
font-size: 1.125rem;
}
body.single-post .wrap div.meta__date-category a {
font-weight: 400;
color: var(--bs-primary-500);
}
body.single-post main.content > div.single-breadcrumb {
max-width: 100% !important;
background: var(--bs-neutral-50);
padding: 8px 0;
}
@media(min-width:768px) {
body.single-post main.content > div.single-breadcrumb {
padding: 12px 0;
}
}
@media(min-width:1024px) {
body.single-post main.content > div.single-breadcrumb {
margin-top: 10px;
}
}
/***/
@media (min-width: 768px) {
.zdcb-media-block.has-crop--free .images picture {
min-height: 100% !important;
}
}
/****************************** ******************************
Features Block
****************************** *****************************/
.zdcb-features-block {
position: relative;
}
.zdcb-features-block hr {
display: block;
position: absolute;
z-index: -1;
background: var(--bs-primary);
border: 0;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
opacity: 1;
}
.zdcb-features-block h2 {
margin-bottom: 3rem;
color: var(--bs-shades-0) !important;
}
@media (max-width: 575.98px) {
.zdcb-features-block h2 {
margin-bottom: 2rem;
}
}
.zdcb-features-block ul {
list-style: none;
margin: 0;
padding: 0;
justify-content: center;
}
.zdcb-features-block ul li {
padding-right: 1.25rem;
padding-left: 1.25rem;
margin: 1.25rem 0;
}
@media (max-width: 575.98px) {
.zdcb-features-block ul li:last-child {
margin-bottom: 0;
}
}
.zdcb-features-block .feature-item {
padding: 0 0.25rem 1rem;
text-align: center;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 768px) {
.zdcb-features-block .feature-item {
padding: 0 1rem 1rem;
}
}
.zdcb-features-block .feature-item figure {
width: 35px;
height: 35px;
margin: 0;
}
@media (min-width: 768px) {
.zdcb-features-block .feature-item figure {
width: 48px;
height: 48px;
}
}
.zdcb-features-block .feature-item figure svg {
width: 100%;
height: 100%;
}
body > .wrap .zdcb-features-block .feature-item p {
margin-top: 1.5rem;
font-size: 1.0625rem;
font-weight: 500;
color: var(--bs-shades-0);
}
@media (min-width: 576px) {
.zdcb-features-block .feature-item p {
margin-top: 2rem;
font-size: 1.125rem;
}
}
/****************************** ******************************
Page 404 / Thank You Page
****************************** *****************************/
@media (min-width: 1024px) {
.page-template-page-thank-you .wrap > .content .icon-wrapper, .error404 .wrap > .content .icon-wrapper {
margin-top: 6rem;
margin-bottom: 2rem;
}
}
.page-template-page-thank-you .wrap > .content .icon-wrapper .icon__background, .error404 .wrap > .content .icon-wrapper .icon__background {
color: var(--bs-shades-0);
background: var(--bs-primary);
}
.page-template-page-thank-you .wrap > .content h1, .error404 .wrap > .content h1 {
position: relative;
padding-top: 1.5rem;
padding-bottom: 0.5rem;
margin: 0;
}
.page-template-page-thank-you .wrap > .content h1::before, .error404 .wrap > .content h1::before {
position: absolute;
content: "";
width: 60px;
height: 4px;
background: var(--bs-primary);
top: 0;
left: calc(50% - 30px);
display: none;
}
@media (min-width: 1024px) {
.page-template-page-thank-you .wrap > .content p, .error404 .wrap > .content p {
font-size: 1.125rem;
}
}
.page-template-page-thank-you .wrap > .content .socials, .error404 .wrap > .content .socials, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials {
margin-top: 1.25rem;
}
.page-template-page-thank-you .wrap > .content .socials ul, .error404 .wrap > .content .socials ul, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
}
.page-template-page-thank-you .wrap > .content .socials ul li, .error404 .wrap > .content .socials ul li, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul li {
margin: 0 8px;
}
.page-template-page-thank-you .wrap > .content .socials ul li a:link span.social__title, .page-template-page-thank-you .wrap > .content .socials ul li a:visited span.social__title, 4945.error404 .wrap > .content .socials ul li a:link span.social__title, .error404 .wrap > .content .socials ul li a:visited span.social__title, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul li a:link span.social__title, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul li a:visited span.social__title {
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
position: absolute !important;
overflow: hidden !important;
}
.page-template-page-thank-you .wrap > .content .socials ul li a:link, .page-template-page-thank-you .wrap > .content .socials ul li a:visited, .error404 .wrap > .content .socials ul li a:link, .error404 .wrap > .content .socials ul li a:visited, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul li a:link, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul li a:visited {
border: 1px solid var(--bs-neutral-500);
background: var(--bs-neutral-100);
color: var(--bs-primary-900);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
transition: color 0.25s ease-out;
display: flex;
font-size: 0;
}
.page-template-page-thank-you .wrap > .content .socials ul li a::after, .error404 .wrap > .content .socials ul li a::after, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul li a::after {
display: none;
}
.page-template-page-thank-you .wrap > .content .socials ul li a:link svg, .page-template-page-thank-you .wrap > .content .socials ul li a:visited svg, .error404 .wrap > .content .socials ul li a:link svg, .error404 .wrap > .content .socials ul li a:visited svg, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul li a:link svg, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul li a:visited svg {
display: block;
}
.page-template-page-thank-you .wrap > .content .socials ul li a:hover, .error404 .wrap > .content .socials ul li a:hover, .page-checkout.woocommerce-checkout .woocommerce-order .content .socials ul li a:hover {
border: 1px solid var(--bs-primary);
background: var(--bs-primary);
color: var(--bs-shades-0);
}
.page-template-page-thank-you .wrap > .content .btn, .error404 .wrap > .content .btn, .page-checkout.woocommerce-checkout .woocommerce-order .content .btn {
--bs-btn-padding-y: 0.9rem;
min-width: 180px;
}
/************/
body.single-post .related-articles__posts .posts__article .article__image a:link, body.single-post .related-articles__posts .posts__article .article__image a:visited {
height: auto !important;
}
body.single-post .related-articles__posts .posts__article .article__image a:link img, body.single-post .related-articles__posts .posts__article .article__image a:visited img {
height: auto !important;
}
@media(min-width:1200px) {
body.single-post .related-articles__posts .posts__article .article__image a:link, body.single-post .related-articles__posts .posts__article .article__image a:visited {
height: 300px !important;
}
body.single-post .related-articles__posts .posts__article .article__image a:link img, body.single-post .related-articles__posts .posts__article .article__image a:visited img {
height: 100% !important;
}
}
body.single-post .related-articles__posts .posts__article .article__content header .entry-title a {
text-decoration: none !important;
}
body.single-post .related-articles__posts .posts__article .article__content .wp-block-button, body.single-post .related-articles__posts .posts__article .entry-content .wp-block-button {
justify-content: flex-start !important;
align-items: flex-start !important;
display: flex;
}
body.single-post .related-articles__posts .posts__article .article__content .wp-block-button .wp-block-button__link, body.single-post .related-articles__posts .posts__article .entry-content .wp-block-button .wp-block-button__link {
background: transparent !important;
color: var(--bs-primary) !important;
border: none !important;
border-radius: 0 !important;
padding-left: 0 !important;
margin-left: -3px;
}
body > .wrap, body > .wrapper {
padding-top: var(--header-height--mobile);
}
@media (min-width: 768px) {
body > .wrap, body > .wrapper {
padding-top: var(--header-height--tablet);
}
}
@media (min-width: 1024px) {
body > .wrap, body > .wrapper {
padding-top: var(--header-height--desktop);
}
}
/****************************** ******************************
Map Info Window CSS
****************************** *****************************/
.map .gm-style-iw {
padding: 0.75rem;
max-width: 425px !important;
width: 100%;
border-radius: 0;
}
@media (max-width: 599.98px) {
.map .gm-style-iw {
max-width: 250px !important;
}
}
.map .gm-style-iw-d > div {
display: flex;
align-items: center;
background: var(--bs-neutral-50);
}
#wpsl-gmap.map .wpsl-info-window.location-details {
max-width: 100% !important;
display: flex;
align-items: center;
width: 100%;
}
.map .map_info_img {
padding-right: 1.25rem;
}
.map .map_info_img > img {
width: 140px;
height: 140px;
object-fit: cover;
}
.map .map_info_detail {
padding: 1rem;
flex: auto;
}
.map .map_info_detail header {
font-size: 1.125rem;
color: var(--bs-primary-800);
font-weight: 600;
}
.map .map_info_detail ul.details {
list-style: none;
margin: 0;
}
.map .map_info_detail ul.details li {
font-size: 0.875rem;
font-weight: 400;
color: var(--bs-neutral-500);
}
.map .map_info_detail a.btn.btn-link, .map .map_info_detail .wpsl-directions {
padding: 0 !important;
color: var(--bs-primary-800);
font-size: 0.875rem;
font-weight: 500;
text-decoration: none;
}
.map .map_info_detail .wpsl-directions::after {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
position: absolute !important;
content: "" !important;
width: 16px !important;
height: 17px !important;
background-size: cover;
transition: transform 0.25s ease-out;
}
.map .map_info_detail .wpsl-directions:hover::after {
transform: translate(5px);
}
.map .map_info_detail a.btn.btn-link .icon {
position: relative;
top: 2px;
}
.map .gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw-c .gm-style-iw-d {
height: auto;
}
.cart-collaterals {
position: relative;
}
.cart-collaterals.ajax-data-loading::before {
background: rgba(0, 0, 0, 0.5) url(../images/loader.svg) 50% 50% no-repeat;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
body.single-post .rank-math-breadcrumb .separator {
position: relative;
font-size: 0;
}
body.single-post .rank-math-breadcrumb .separator:before {
position: absolute;
content: "";
bottom: 0px;
background: url(../images/breadcrumb-arrow.svg) 50% 50% / cover no-repeat;
z-index: 1;
width: 6px;
height: 10px;
display: inline-block;
}
.wrap a:not(.no-ext-icon)[rel*=external]:after {
background-image: url("../images/external-link.svg");
}
.wp-block-button a.wp-block-button__link {
padding: 1rem 2.25rem;
font-size: 1rem;
font-weight: 500;
min-width: 150px;
}