| Dir : /home/distinctdesign/codenwebz.com/web-design-3/css/ |
| Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 IP: 162.0.232.53 |
| Dir : /home/distinctdesign/codenwebz.com/web-design-3/css/e9custom-public.css |
/*body {
padding: 0 2%;
}*/
/*.popup-minimized-fired-button {
display: none;
}*/
/* .grecaptcha-badge {
display: none;
} */
.e9insta {
margin-top: 0 !important;
}
.e9insta .bde-header-builder,
.e9insta header,
.e9insta footer,
.e9insta .bde-section,
.e9insta section,
.e9insta .bde-popup,
.e9insta chat-widget,
.e9insta #wpadminbar {
display: none !important;
}
.e9insta .e9insta-section {
display: flex !important;
}
body.e9insta {
width: 1080px !important;
height: 1080px !important;
}
/* Popups */
/* .breakdance .popup-toggled-content {
height: 0 !important;
overflow: hidden !important;
}
.breakdance .popup-toggled-content.active {
height: auto !important;
overflow: visible !important;
}
.popup-toggled-content-hide.hidden {
height: 0 !important;
overflow: hidden !important;
} */
@font-feature-values SpaceGrotesk {
@styleset {
ss04-variant: 4;
}
}
.breakdance div["data-tippy-root"] {
max-width: 200px !important;
}
/* .bde-heading, h1 {
font-family: "SpaceGrotesk", sans-serif !important;
font-feature-settings: "ss04" 1, "liga" 1, "kern" 1 !important;
font-family: "SpaceGrotesk", sans-serif !important;
} */
:root {
/*--bde-heading-font-family: "Space Grotesk", sans-serif !important;*/
/*--space-grotesk-bold-ss04: "ss04" on;*/
}
body dialog a[role="button"] {
border-radius: 0 !important;
}
/* Headings */
.breakdance .bde-heading b {
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
}
@media screen and (min-width: 768px) {
.breakdance .bde-heading b {
-webkit-text-stroke-width: 1.5px;
}
}
h1, h2, h3, h4, h5, h6 {
line-height: 1;
}
.breakdance .h1,
.breakdance .h2,
.breakdance .h3 {
font-family: "SpaceGrotesk", sans-serif !important;
font-feature-settings: "ss04" 1, "liga" 1, "kern" 1 !important;
}
.breakdance h1,
.breakdance h2,
.breakdance h3 {
font-family: "SpaceGrotesk", sans-serif;
font-feature-settings: "ss04" 1, "liga" 1, "kern" 1;
}
.breakdance .h1 {
font-size: 85px;
}
.breakdance .h1,
.breakdance h1 {
letter-spacing: -2px;
line-height: 1;
}
.breakdance .h1 {
letter-spacing: -2px !important;
}
@media screen and (min-width: 768px) {
.breakdance h1 {
letter-spacing: -3px;
}
.breakdance .h1 {
letter-spacing: -3px !important;
}
}
@media screen and (min-width: 1024px) {
.breakdance h1 {
letter-spacing: -6px;
}
.breakdance .h1 {
letter-spacing: -6px !important;
}
}
.breakdance h2 {
letter-spacing: -1px;
}
.breakdance .h2 {
font-size: var(--bde-h2-font-size);
letter-spacing: -1px !important;
}
@media screen and (min-width: 768px) {
.breakdance h2 {
letter-spacing: -2px;
}
.breakdance .h2 {
letter-spacing: -2px !important;
}
}
@media screen and (min-width: 1024px) {
.breakdance h2 {
letter-spacing: -4px;
}
.breakdance .h2 {
letter-spacing: -4px !important;
}
}
.breakdance h3 {
letter-spacing: -1px;
}
.breakdance .h3 {
font-size: var(--bde-h3-font-size);
letter-spacing: -1px !important;
}
@media screen and (min-width: 768px) {
.breakdance h3 {
letter-spacing: -2px;
}
.breakdance .h3 {
letter-spacing: -2px !important;
word-spacing: -3px;
}
}
body.breakdance h4 {
letter-spacing: -2px;
font-family: var(--bde-body-font-family);
}
.breakdance .h4 {
font-size: var(--bde-h4-font-size);
letter-spacing: 0px !important;
}
body.breakdance h5 {
font-family: var(--bde-body-font-family);
}
.breakdance .h5 {
font-size: var(--bde-h5-font-size);
letter-spacing: 0px !important;
}
body.breakdance h6 {
font-family: var(--bde-body-font-family);
}
.breakdance .h6 {
font-size: var(--bde-h6-font-size);
letter-spacing: 0px !important;
}
.breakdance .h4,
.breakdance .h5,
.breakdance .h6 {
font-family: var(--bde-body-font-family) !important;
font-weight: 300;
}
/* Scroll Fading Text */
.breakdance .scroll-fade-dark {
color: rgba(0,0,0,.5);
}
/* Tooltip Icons */
.tooltip-icon.is-animated::before,
.is-animated .tooltip-icon::before {
background: var(--bde-palette-warning-2128cdbf-b05c-4b27-9967-f78777925cf3-7);
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
content: '';
display: block;
border-radius: 100px;
z-index: -1;
animation: pulseIconDot 6s linear infinite;
}
.tooltip-icon.tooltip-icon-success.is-animated::before,
.is-animated .tooltip-icon.tooltip-icon-success::before {
background: var(--bde-palette-success-8d35d275-bc11-4d94-8666-cb34b5e62b75-8);
}
@keyframes pulseIconDot {
0% {
opacity: .5;
transform: scale(1);
}
20% {
opacity: .5;
transform: scale(1.3);
}
40% {
opacity: 0;
transform: scale(1.6);
}
100% {
opacity: 0;
transform: scale(1);
}
}
/* Rich text */
body .bde-rich-text h2 {
font-size: var(--bde-h3-font-size);
}
body .bde-rich-text h3 {
font-size: var(--bde-h4-font-size);
margin: 1.2em 0 0;
letter-spacing: -1px !important;
}
body .bde-rich-text h4 {
font-size: var(--bde-5-font-size);
}
body .bde-rich-text h5 {
font-size: var(--bde-6-font-size);
}
body .bde-rich-text *[style="font-weight: 400;"] {
font-weight: 300 !important;
}
.bde-rich-text ul,
.bde-code-block ul {
list-style: none;
padding-left: 0;
text-align: left;
}
.bde-rich-text ul li,
.bde-code-block ul li {
padding: 0 0 10px 24px;
position: relative;
font-weight: 400;
}
.bde-rich-text ul li strong,
.bde-code-block ul li strong {
color: var(--bde-brand-primary-color);
}
.bde-rich-text ul ul,
.bde-code-block ul ul {
margin-top: 10px;
}
.bde-rich-text ul ul li,
.bde-code-block ul ul li {
padding: 0 0 10px 30px;
position: relative;
}
.bde-rich-text ul ul li::before,
.bde-code-block ul ul li::before {
width: 20px;
height: 2px;
top: 9px;
background: #000000;
}
.bde-rich-text ul ul li::after {
display: none;
}
.bde-rich-text ul li::after {
top: 4px;
left: 0;
width: 12px;
height: 9px;
border: 5px solid #000;
border-width: 3px;
position: absolute;
content: '';
display: block;
border-radius: 7px;
}
@media screen and (min-width: 600px) {
.bde-rich-text ul.list-2-col {
columns: 2;
}
.bde-rich-text ul li::after {
top: 6px;
}
}
.bde-rich-text ol {
counter-reset: ol-list-counter;
list-style: none;
margin: 30px 0;
padding: 0;
}
.bde-rich-text ol li {
padding-left: 40px;
counter-increment: ol-list-counter;
position: relative;
}
.bde-rich-text ol li strong {
font-weight: 700;
}
.bde-rich-text ol li:not(:last-child) {
margin-bottom: 14px;
}
.bde-rich-text ol li::before{
content: counter(ol-list-counter);
color: #fff;
font-weight: 400;
position: absolute;
left: 0px;
width: 24px;
height: 24px;
top: -4px;
border-radius: 100px;
text-align: center;
line-height: 1.8;
background: var(--bde-brand-primary-color);
z-index: 5;
}
@media screen and (min-width: 768px) {
.bde-rich-text ol li::before {
line-height: 1.8;
font-size: 14px;
top: -2px;
}
}
.bde-rich-text ol li::after {
content: '';
color: #fff;
font-weight: bold;
position: absolute;
left: 0;
width: 36px;
height: 36px;
top: -3px;
text-align: center;
background: url(/wp-content/uploads/2024/04/list-bg.svg) center/contain no-repeat;
}
.bde-rich-text .wp-block-image {
margin: 40px 0;
}
@media screen and (min-width: 768px) {
.bde-rich-text .wp-block-image {
margin: 70px 0;
}
}
.breakdance .dark-text,
.breakdance .dark-text strong,
.breakdance .dark-text p,
.breakdance .dark-text p strong,
.breakdance .dark-text b,
.breakdance .dark-text h2,
.breakdance .dark-text h3,
.breakdance .dark-text h4,
.breakdance .dark-text h5,
.breakdance .dark-text h6,
.breakdance .dark-text ul,
.breakdance .dark-text ul li,
.breakdance .dark-text ol,
.breakdance .dark-text ol li,
.breakdance .dark-text blockquote,
.breakdance .dark-text a {
color: #000;
}
.breakdance .dark-text a {
text-decoration: underline;
}
/*.breakdance .dark-text a:hover {
color: var(--bde-background-color);
}*/
.breakdance .dark-text.bde-rich-text h2 {
font-size: var(--bde-h3-font-size);
letter-spacing: -1px;
}
@media screen and (min-width: 768px) {
.breakdance .dark-text.bde-rich-text h2 {
letter-spacing: -2px;
}
}
.breakdance .dark-text.bde-rich-text h3 {
font-size: var(--bde-h4-font-size);
margin: 1.2em 0 0;
}
.breakdance .dark-text.bde-rich-text h4 {
font-size: var(--bde-h5-font-size);
letter-spacing: 0;
}
@media screen and (min-width: 768px) {
.breakdance .dark-text.bde-rich-text h4 {
letter-spacing: -1px;
}
}
.breakdance .dark-text.bde-rich-text h5 {
font-size: var(--bde-h6-font-size);
}
/*.breakdance .dark-text.bde-rich-text h2::before {
content: '>';
display: inline-block;
padding: 0px 8px .05em 8px;
border: 2px solid #000;
color: #000;
border-radius: 100px;
font-size: .8em;
margin-right: 12px;
transform: translateY(-2px);
line-height: .9;
}
@media screen and (min-width: 768px) {
.breakdance .dark-text.bde-rich-text h2::before {
border: 4px solid #000;
padding: 0px 14px .05em 14px;
}
}*/
.breakdance .post-content.bde-rich-text h2 {
margin-top: -100px;
padding-top: 130px;
}
.breakdance .post-content.bde-rich-text h3 {
margin-top: -80px;
padding-top: 130px;
}
.bde-rich-text blockquote {
font-size: 21px;
font-weight: 500;
font-style: italic;
border-left: 1px solid #000;
padding-left: 24px;
margin: 30px 0;
}
.breakdance .bde-rich-text.dark-text blockquote a {
color: #fff;
}
.bde-rich-text blockquote span {
font-weight: 500 !important;
}
.bde-rich-text blockquote p {
font-size: 16px;
font-weight: 300;
font-style: italic;
}
@media screen and (min-width: 768px) {
.bde-rich-text blockquote p {
font-size: 21px;
}
}
.bde-rich-text * + blockquote {
margin-top: 40px;
}
.single-post .bde-rich-text blockquote {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.single-post .bde-rich-text blockquote p {
text-align: center;
}
.single-post .bde-rich-text blockquote::before {
content: '';
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M7.031 14c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7l-0.031-1c0-7.732 6.268-14 14-14v4c-2.671 0-5.182 1.040-7.071 2.929-0.364 0.364-0.695 0.751-0.995 1.157 0.357-0.056 0.724-0.086 1.097-0.086zM25.031 14c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7l-0.031-1c0-7.732 6.268-14 14-14v4c-2.671 0-5.182 1.040-7.071 2.929-0.364 0.364-0.695 0.751-0.995 1.157 0.358-0.056 0.724-0.086 1.097-0.086z" style="fill: %23fff;"></path></svg>') center/contain no-repeat;
width: 40px;
height: 40px;
}
.bde-rich-text p b,
.bde-rich-text p strong,
.bde-rich-text strong,
.bde-rich-text b {
font-weight: 600;
}
.bde-rich-text ul.boxes {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
.bde-rich-text ul.boxes > li {
background: #fff;
padding: 22px 24px 22px 36px;
width: 100%;
font-weight: 300;
}
.bde-rich-text ul.boxes li::after {
top: 28px;
left: 16px;
}
.bde-rich-text ul.boxes ul {
margin-top: 5px;
}
.bde-rich-text ul.boxes ul li:last-of-type {
padding-bottom: 0;
}
@media screen and (min-width: 768px) {
.bde-rich-text ul.boxes {
margin: 40px 0px;
}
.bde-rich-text ul.boxes-2-col > li {
width: calc(50% - 1px);
}
.bde-rich-text ul.boxes-3-col > li {
width: calc(33.33% - 2px);
}
.bde-rich-text ul.boxes-4-col > li {
width: calc(50% - 2px);
}
}
@media screen and (min-width: 1120px) {
.bde-rich-text ul.boxes-4-col > li {
width: calc(25% - 2px);
}
}
@media screen and (min-width: 1500px) {
.bde-rich-text ul.boxes.boxes-2-col,
.bde-rich-text ul.boxes.boxes-3-col {
margin: 40px -24px;
}
}
/* Tables */
body .bde-rich-text table,
body .bde-shortcode table {
border-collapse: collapse;
width: 100%;
margin: 30px 0;
}
body .bde-rich-text table th,
body .bde-rich-text table td,
body .bde-shortcode table th,
body .bde-shortcode table td {
padding: 10px 14px;
border: 1px solid #000;
}
.single-case_study .bde-header-builder:not(.bde-header-builder--sticky-styles) .flip-menu-color a,
.single-case_study .bde-header-builder:not(.bde-header-builder--sticky-styles) .flip-menu-color button:not(:hover) .button-atom__text {
color: #fff !important;
}
/* WP posts */
.wp-block-quote {
margin: 3rem 0;
padding: 1.2rem 3rem 2.3rem 3rem;
background: #000;
color: #fff !important;
font-weight: 400;
}
.wp-block-quote p,
.wp-block-quote h2,
.wp-block-quote h3,
.wp-block-quote h4,
.wp-block-quote h5,
.wp-block-quote h6 {
color: #fff !important;
font-size: var(--bde-h5-font-size);
}
.wp-block-quote p.has-small-font-size {
font-family: var(--bde-body-font-family);
}
.wp-block-quote cite {
color: #fff !important;
}
.wp-block-quote em {
margin-top: 10px;
font-size: .6em;
font-weight: 400;
display: block;
text-align: right;
}
.breakdance .wp-block-button {
margin: 30px 0;
}
.breakdance .wp-block-button a,
.breakdance .wp-block-button button {
border-radius: 0;
background: #000;
color: #fff;
text-decoration: none;
font-size: 16px;
display: flex;
align-items: center;
padding: 20px 30px;
font-weight: 600;
}
.breakdance .wp-block-button a:hover,
.breakdance .wp-block-button button:hover {
background: #3c3c3c;
color: #fff;
}
.wp-block-button a::after,
.wp-block-button button::after {
content: "";
display: block;
background-color: #fff;
width: 14px;
height: 14px;
margin-right: 0px;
margin-left: 20px;
mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20290%20219%22%3E%0D%0A%20%20%3Cpolygon%20points%3D%22181.09%202.04%20158.63%2024.5%20227.6%2093.46%201.46%2093.46%201.46%20125.53%20227.61%20125.53%20158.63%20194.5%20181.09%20216.96%20288.54%20109.5%20181.09%202.04%22%2F%3E%0D%0A%3C%2Fsvg%3E);
mask-position: 0 0;
mask-size: 100% 100%;
mask-repeat: no-repeat;
transition: all .3s ease-in-out;
transform: translateX(0);
}
.breakdance .wp-block-button a:hover::after,
.breakdance .wp-block-button button:hover::after {
transform: translateX(5px);
}
/* Default widths */
.bde-div,
.bde-code-block {
width: 100%;
}
/* Logos */
.resize-logo {
transition: all .3s ease-in-out;
opacity: 0;
}
.resize-logo.fadeIn {
opacity: 1;
}
/* Meta */
@media screen and (max-width: 767px) {
.bde-post-meta {
flex-wrap: wrap !important;
flex-direction: row !important;
width: 100% !important;
gap: 24px !important;
}
}
/* Logo Sizing */
.image-ratio-1 {
width: 100%;
}
.image-ratio-2 {
width: 90%;
}
.image-ratio-3 {
width: 86%;
}
.image-ratio-4 {
width: 68%;
}
.image-ratio-5 {
width: 62%;
}
.image-ratio-6 {
width: 58%;
}
.image-ratio-7 {
width: 54%;
}
.image-ratio-8 {
width: 50%;
}
.image-ratio-9 {
width: 45%;
}
.image-ratio-10 {
width: 40%;
}
/* Quotes */
@media screen and (max-width: 767px) {
body.breakdance .bde-blockquote {
font-size: 18px;
}
}
/* Looper Builder */
.breakdance .bde-post-loop .ee-post {
gap: 0;
}
/* Flex Filter Grid */
.flex-filter .ee-post {
position: relative !important;
left: 0 !important;
top: 0 !important;
transform: none !important;
transition: opacity .01s ease-in-out !important;
margin: 0 !important;
}
.flex-filter .ee-posts-isotope {
height: auto !important;
}
/* Gravity Forms */
body .gform_required_legend {
display: none;
}
body .gform_wrapper .gfield {
text-align: left !important;
}
body .gform_wrapper .gfield_label {
color: var(--bde-headings-color);
font-size: 16px;
margin-bottom: 4px;
gap: 1px !important;
}
body .gform_wrapper .gfield_error [aria-invalid=true] {
border-color: #be5da0;
}
body .gform_wrapper .gfield_required {
color: var(--bde-links-color) !important;
font-size: 17px !important;
font-weight: 700 !important;
}
body .gform_wrapper .gform_fields {
grid-row-gap: 20px !important;
}
@media screen and (min-width: 641px) {
body .gform_wrapper .gform_fields {
grid-column-gap: 20px !important;
}
}
body .gf_progressbar_percentage {
background: -webkit-linear-gradient(0deg, var(--bde-palette-color-4), var(--bde-palette-color-5));
}
body .gform_wrapper .gf_progressbar_title {
color: #000;
}
body .gform_wrapper .gf_progressbar,
body .gform_wrapper .gf_progressbar_percentage,
body .gform_wrapper .gf_progressbar_percentage:not(.percentbar_100) {
border-radius: 0;
}
body .gform_wrapper .gf_progressbar .gf_progressbar_percentage {
background-color: var(--bde-palette-color-3-803a4881-51ac-4d36-b30a-30a4229054b3) !important;
}
body .gform_wrapper input[type=color],
body .gform_wrapper input[type=date],
body .gform_wrapper input[type=datetime-local],
body .gform_wrapper input[type=datetime],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=month],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper input[type=search],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=time],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=week],
body .gform_wrapper select,
body .gform_wrapper textarea {
background: #fff;
border-radius: 5px !important;
padding: 8px 18px 8px !important;
width: 100%;
color: #000;
border: 1px solid var(--bde-headings-color);
font-family: var(--bde-heading-font-family);
font-size: 16px;
text-align: left;
height: auto !important;
line-height: 1.2 !important;
min-height: 0 !important;
}
body .gform_wrapper select {
appearance: none !important;
background-image: url('data:image/svg+xml,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 6 4"><path d="M3,4L0,0h6l-3,4Z" style="fill: %23000; stroke-width: 0px;"/></svg>') !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 20px) center !important;
background-size: 8px auto !important;
height: auto !important;
}
body .gform_wrapper .ginput_container {
position: relative;
}
body .gform_wrapper textarea,
body .gform_wrapper .gfield textarea.large {
min-height: 150px !important;
}
body .gform_wrapper .gform_footer input,
body .gform_wrapper .gform_button {
padding: 14px 44px 16px 24px !important;
border-radius: 10px !important;
border: 0 !important;
background: var(--bde-brand-primary-color) !important;
background-position: calc(100% - 20px) center !important;
background-size: 12px auto !important;
color: #fff !important;
margin: 0 0 0 auto !important;
font-size: 16px !important;
font-weight: 700 !important;
transition: all .3s ease-in-out !important;
cursor: pointer !important;
width: 100% !important;
text-align: left !important;
transition: all .3s ease-in-out;
}
body .gform_wrapper .gform_button {
width: auto !important;
}
body .gform_wrapper .gform_footer input:hover {
background-position: calc(100% - 15px) center !important;
}
body .gform_previous_button {
color: var(--bde-body-text-color) !important;
background: none !important;
padding-left: 10px !important;
padding-right: 10px !important;
margin-right: 30px !important;
border: 1px solid var(--bde-body-text-color) !important;
}
body .gform_page_footer {
justify-content: space-between;
display: flex;
}
body .gform_page_footer .gform_button,
body .gform_page_footer .gform_next_button {
margin: 0 0 0 auto !important;
}
body .gform_page_footer .gform_next_button,
body .gform_page_footer .gform_previous_button {
padding: 6px 24px 10px !important;
}
body .gform_page_footer .gform_button,
body .gform_page_footer .gform_next_button,
body .gform_page_footer .gform_previous_button {
border-radius: 10px !important;
font-size: 18px !important;
font-weight: 700 !important;
}
body .gform_page_footer .gform_next_button {
background: #000 !important;
}
body .gform_previous_button::before,
body .gform_previous_button::after {
display: none !important;
}
body .gform_wrapper .gform_footer button {
width: 100%;
}
body .gform_wrapper .validation_message,
body .gform_wrapper .gform_validation_errors {
background: #e40f47;
border-color: #e40f47;
border: 0;
color: #fff !important;
border-radius: 6px;
padding: 5px 10px !important;
display: inline-block !important;
width: auto !important;
font-size: 14px;
}
body .gform_wrapper .gform_validation_errors ol {
text-align: left !important;
color: #fff !important;
}
body .gform_wrapper .gform_validation_errors ol li a {
color: #fff !important;
}
body .gform_wrapper .gform_validation_errors {
width: 100% !important;
}
body .gform_wrapper .gform_validation_errors h2 {
font-size: 14px !important;
color: #fff !important;
}
body .gform_wrapper .gform_validation_errors>h2 .gform-icon {
color: #fff !important;
border: 1px solid #fff;
}
body .gform_wrapper textarea {
height: 140px !important;
}
body .gf_progressbar {
border-radius: 5px !important;
overflow: hidden !important;
}
body .dark-form .gform_wrapper .gfield_label {
color: #fff !important;
}
body .dark-form .gform-field-label--type-sub {
color: #fff !important;
}
body .dark-form .gform_wrapper input[type=color],
body .dark-form .gform_wrapper input[type=date],
body .dark-form .gform_wrapper input[type=datetime-local],
body .dark-form .gform_wrapper input[type=datetime],
body .dark-form .gform_wrapper input[type=email],
body .dark-form .gform_wrapper input[type=month],
body .dark-form .gform_wrapper input[type=number],
body .dark-form .gform_wrapper input[type=password],
body .dark-form .gform_wrapper input[type=search],
body .dark-form .gform_wrapper input[type=tel],
body .dark-form .gform_wrapper input[type=text],
body .dark-form .gform_wrapper input[type=time],
body .dark-form .gform_wrapper input[type=url],
body .dark-form .gform_wrapper input[type=week],
body .dark-form .gform_wrapper select,
body .dark-form .gform_wrapper textarea {
border-color: #fff !important;
color: #fff !important;
background: var(--bde-body-text-color);
}
body .dark-form .gform_wrapper .gform_fields {
grid-row-gap: 20px !important;
}
@media screen and (min-width: 641px) {
body .gform_wrapper .gform_fields {
grid-column-gap: 14px !important;
}
}
body .dark-form .gform_wrapper input::placeholder {
color: #fff !important;
}
/* body .dark-form .gform_wrapper .gform_footer input {
background: var(--bde-brand-primary-color) !important;
} */
/* body .dark-form .gform_wrapper .gform_footer input:hover {
background: var(--bde-links-color) !important;
} */
body .dark-form .gform_confirmation_message {
color: #fff !important;
text-align: center !important;
}
body .inline-form {
width: 100%;
position: relative;
}
body .inline-form .gform_validation_errors {
display: none;
}
body .inline-form .gform_wrapper input[type="email"] {
padding: 14px 18px !important;
}
body .inline-form .gform_wrapper .gform_footer input {
background: var(--bde-headings-color) !important;
padding: 14px 24px !important;
border: 1px solid #000 !important;
border-radius: 0 15px 15px 0 !important;
height: 60px;
text-align: center !important;
width: 100%;
font-size: 14px;
letter-spacing: 0;
}
body .inline-form .gform_wrapper .gform_footer {
margin: 0;
padding: 0;
}
@media screen and (min-width: 768px) {
body .inline-form .gform_wrapper input[type="email"] {
border-radius: 15px 0 0 15px !important;
width: calc(60% + 2px);
}
body .inline-form input[type="email"]::placeholder {
font-size: 16px;
}
body .inline-form .gform_footer {
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
width: 40%;
}
}
body .inline-form .gform_footer input:hover {
background-color: var(--bde-links-color) !important;
border-color: var(--bde-links-color) !important;
color: #000;
}
body .inline-form .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
color: #fff;
background: #be5da0;
border: 0;
}
body .inline-form .gform_footer .gform_ajax_spinner {
position: absolute;
top: calc(50% - 8px);
right: 20px;
}
body .inline-form .gform_confirmation_message_1 {
background: var(--bde-text-color) !important;
padding: 12px 20px;
color: #fff;
}
/* Buttonize Radio & Checkbox Fields */
.gform_wrapper .gfield.buttonized img {
border-radius: 20px;
}
.gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
.gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
position: relative;
text-align: center;
display: block;
}
.gform_wrapper .gfield.buttonized input[type="radio"],
.gform_wrapper .gfield.buttonized input[type="checkbox"] {
position: absolute;
left: -9999px;
}
.gform_wrapper .gfield.buttonized .gfield_radio label,
.gform_wrapper .gfield.buttonized .gfield_checkbox label {
display: block !important;
position: relative;
max-width: 100%;
width: 100%;
padding: 0;
font-size: 16px;
border: 3px solid #dcd5ce;
cursor: pointer;
border-radius: 24px;
margin: 0;
}
.gform_wrapper .gfield.buttonized .gfield_radio label span {
display: block;
padding: 8px 10px 12px;
}
.gform_wrapper .gfield.buttonized input[type="radio"]:focus+label,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label {
border-color: var(--bde-brand-primary-color);
}
.gform_wrapper .gfield.buttonized input[type="radio"]:hover+label,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:hover+label {
border-color: var(--bde-brand-primary-color);
}
.gform_wrapper .gfield.buttonized input[type="radio"]:checked+label,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label {
border-color: var(--bde-brand-primary-color);
background-color: var(--bde-brand-primary-color);
overflow: hidden;
}
.gform_wrapper .gfield.buttonized input[type="radio"]:checked+label::before,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label::before {
content: '';
display: block;
position: absolute;
top: -.75em;
right: -.75em;
left: auto;
width: 1.5em;
height: 1.5em;
background-color: #e1b653;
border-radius: 0;
border: 0;
transform: rotate(45deg);
}
.gform_wrapper .gfield.buttonized .gfield_radio label::before,
.gform_wrapper .gfield.buttonized .gfield_checkbox label::before {
display: none;
}
.gfield--type-html h2 {
text-align: center;
font-size: var(--bde-h5-font-size) !important;
font-family: var(--bde-body-font-family) !important;
font-weight: 700 !important;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .gform_drop_area::before {
color: #000 !important;
}
.gform_drop_area {
border-radius: 12px !important;
}
.gform_button_select_files {
background: #000 !important;
}
/* Key Takeaways */
.key-takeaways a:not(:hover) {
text-decoration: none;
}
/* Tooltips */
.e9-tooltip-item {
position: relative;
}
.e9-tooltip-trigger {
text-decoration: underline dotted;
cursor: help;
}
.e9-tooltip {
position: absolute;
background: #000;
color: #fff;
padding: 13px 20px 14px;
border-radius: 0;
z-index: 1000;
left: 50%;
transform: translateX(-50%);
top: 27px;
width: auto;
font-size: 14px;
line-height: 1.3;
}
.e9-tooltip--right {
left: calc(100% + 35px);
transform: translateY(-50%);
top: 50%;
}
.e9-tooltip--bottom {
text-align: center;
}
.e9-tooltip::before {
left: calc(50% - 10px);
bottom: 100%;
position: absolute;
content: '';
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 7px 10px;
border-color: transparent transparent #000 transparent;
transform: rotate(0deg);
}
.e9-tooltip--right::before {
right: 100%;
left: auto;
top: calc(50% - 10px);
border-width: 10px 10px 10px 0;
border-color: transparent #242e81 transparent transparent;
}
.e9-tooltip[hidden] {
display: none;
}
.e9-tooltip-item {
position: absolute;
}
.e9-tooltip-item--inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bde-grid-18216-100-18216-1.bde-grid.bde-grid-18216-100 img {
filter: invert(1) brightness(2);
width: 100%;
height: 100%;
}
/*Package Css*/
.innerPacks {
background: var(--white);
border-radius: 1.25rem;
padding: 0rem 0 1.5rem;
position: relative;
text-align: center;
margin-bottom: 6rem;
min-height: 730px;
margin-top: 50px;
width: 100%;
}
.innerPacks::before {
content: '';
position: absolute;
background: url(../img/pack-before.png) no-repeat;
width: 100%;
height: 80px;
top: -50px;
left: 0;
z-index: 1;
background-size: cover;
}
.innerPacks h4 {
font-size: 2.5rem !important;
margin-bottom: 0 !important;
margin-top: 30px;
}
.innerPacks p {
font-size: 16px;
position: relative;
margin-bottom: 0.625rem;
}
.innerPacks span {
font-size: 4rem;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
position: relative;
letter-spacing: -7px;
}
.innerPacks ul {
padding-top: 1.188rem;
position: relative;
height: 23rem;
overflow: scroll;
overflow-x: hidden;
padding: 30px 20px 40px 30px;
background-color: #C41212;
border-radius: 20px 20px 20px 30px;
}
.innerPacks ul li, .innerPacks ul li span {
font-size: 1.125rem;
color: white;
font-weight: 500;
display: flex;
align-items: center;
margin-bottom: 0.625rem;
text-align: left;
letter-spacing: 0;
margin: 8px 0px;
position: relative;
padding-left: 25px;
}
.innerPacks ul li i {
flex: 0 0 1.25rem;
margin-right: 0.625rem;
color: #1d1d1d;
}
.Headanchor {
margin-top: 25px;
}
.innerPacks ul li:before {
content: "";
position: absolute;
left: 0;
width: 12px;
height: 2px;
background-color: white;
}
.CenterPacks ul {
background: #0F0F10;
}
.innerPacks .peachPacks {
background: #0F0F10;
}
.RightPacks ul {
/* background: #004852; */
}
.RightPacks ul li, .RightPacks ul li span {
color: white;
}
.RightPacks ul li:before {
background-color: white;
}
.innerPacks .goldenpack {
/* background: #ffc33b; */
}
.innerPacks .globalpacks {
background: #0F0F10;
}