/** Shopify CDN: Minification failed Line 966:4 Unexpected "}" **/ /* hero.css */ .custom-hero__container{max-width:1200px;margin:0 auto;width:100%}.custom-hero__benefits{margin-top:20px;margin-bottom:20px}.custom-hero__flex{display:flex}.custom-hero__flex--image-left{flex-direction:row}.custom-hero__flex--image-right{flex-direction:row-reverse}.custom-hero__image-wrapper{width:50%;position:relative}.custom-hero__image{width:100%;height:auto;display:block}.custom-hero__content{width:50%;max-width:100%;padding:5px 0;overflow:hidden;box-sizing:border-box}.custom-hero__badge-wrapper{margin-bottom:5px;display:block;width:100%}.custom-hero__badge{display:inline-block;font-weight:var(--font-weight-semibold);margin-bottom:0;padding:2px 12px;border-radius:20px;display:block;width:fit-content}.custom-hero__rating-wrapper{display:block;width:100%;margin-bottom:8px}.custom-hero__rating-container{display:flex;align-items:center;margin-bottom:0;margin-top:0;padding:4px 0;border-radius:8px;display:inline-flex;clear:both;width:fit-content}.custom-hero__profile-images{display:flex;margin-right:10px}.custom-hero__profile-image{width:24px;height:24px;border-radius:50%;border:2px solid #fff;margin-right:-8px;object-fit:cover}.custom-hero__rating-stars{display:flex;margin-right:8px;font-size:15px;letter-spacing:1.5px}.hero-star-icon{margin-right:-4px}.custom-hero__star-half{position:relative;display:inline-block;margin-right:-4px;width:var(--hero-star-size, 16px);height:var(--hero-star-size, 16px)}.custom-hero__star-half .star-bg{position:absolute;top:0;left:0;fill:currentColor;opacity:.3;width:100%;height:100%}.custom-hero__star-half .star-fill{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.custom-hero__star-half .hero-star-icon{width:100%;height:100%;margin-right:0;display:block}.custom-hero__rating-text{font-size:14px;font-weight:var(--font-weight-semibold);margin-right:4px}.custom-hero__rating-label{font-size:14px;margin-right:5px}.custom-hero__rating-count{font-weight:var(--font-weight-regular);font-size:14px}.custom-hero__title{font-size:3.4rem;line-height:1.2;margin-bottom:2px!important;margin-top:-10px}.custom-hero__benefits{margin-bottom:20px;padding-right:50px}.custom-hero__benefit-item{display:flex;align-items:center;margin-bottom:5px;font-size:1.4rem;line-height:1.4;letter-spacing:var(--letter-spacing-body)}.custom-hero__benefit-icon{margin-right:4px;font-size:20px;min-width:24px;text-align:center;display:flex;align-items:center;justify-content:center}.custom-hero__benefit-icon svg{width:20px;height:20px;fill:currentColor}.custom-hero__button{display:inline-block;cursor:pointer;text-decoration:none;text-align:center;transition:all .3s ease;margin-bottom:5px}.custom-hero__social-proof{display:flex;align-items:center;margin-top:20px}.custom-hero__rating{display:flex;margin-right:6px}.custom-hero__star{font-size:16px;margin-right:3px}.custom-hero__review-count{font-size:14px}.custom-hero__guarantee{text-align:center;margin-top:1px;margin-bottom:12px}.custom-hero__guarantee-icon{display:inline-flex;vertical-align:middle;margin-right:5px;align-items:center;justify-content:center}.custom-hero__guarantee-icon svg{width:15px;height:15px;fill:currentColor}.custom-hero__guarantee-text{font-size:12px;letter-spacing:var(--letter-spacing-body);font-weight:var(--font-weight-regular);vertical-align:middle}@media(max-width:768px){.custom-hero__flex{flex-direction:column}.custom-hero__image-wrapper,.custom-hero__content{width:100%;padding-left:0;padding-right:0}.custom-hero__title{font-size:3.4rem;line-height:35px}.custom-hero__button,.custom-hero__guarantee{width:100%}.custom-hero__benefits{margin-top:10px;margin-bottom:20px}}@media(max-width:440px){.custom-hero__rating-container{max-width:380px}.custom-hero__rating-stars,.custom-hero__rating-text,.custom-hero__rating-label,.custom-hero__rating-count{font-size:11px}.custom-hero__benefits{margin-top:12px;margin-bottom:20px}} /*# sourceMappingURL=/cdn/shop/t/8/assets/hero.css.map?v=3492003946606232001778954818 */ /* Rating block container background styles */ /* Rating text margin fix */ .custom-hero__rating-text p { margin: 0; } /* Badge container background */ /* Block margin customization */ .custom-hero__rating-wrapper[data-block-id="rating_h6Jnew"] { margin-top: 0px !important; margin-bottom: 2px !important; } .custom-hero__rating-wrapper[data-block-id="rating_h6Jnew"] .custom-hero__rating-text { color: #17433c !important; font-size: 14px !important; } .custom-hero__rating-wrapper[data-block-id="rating_h6Jnew"] .custom-hero__rating-stars { color: #17433c !important; font-size: 16px !important; } .custom-hero__rating-wrapper[data-block-id="rating_h6Jnew"] .hero-star-icon { color: #17433c !important; fill: #17433c !important; width: 16px !important; height: 16px !important; } .custom-hero__rating-wrapper[data-block-id="rating_h6Jnew"] .custom-hero__rating-stars svg { width: 16px !important; height: 16px !important; } .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__title[data-block-id="heading_iJERnU"], .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__title.section-heading[data-block-id="heading_iJERnU"], .custom-hero__content-wrapper .custom-hero__title[data-block-id="heading_iJERnU"] { margin-top: 0px !important; margin-bottom: 16px !important; color: #17433c !important; font-size: 42px !important; line-height: 1.2 !important; text-align: left !important; } @media (max-width: 768px) { .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__title[data-block-id="heading_iJERnU"], .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__title.section-heading[data-block-id="heading_iJERnU"], .custom-hero__content-wrapper .custom-hero__title[data-block-id="heading_iJERnU"] { font-size: 32px !important; line-height: 1.2 !important; text-align: left !important; } } /* Accent text styling for this heading block */ .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__title[data-block-id="heading_iJERnU"] .section-accent-text { /* Use theme colors - check for global gradient */ background: linear-gradient(270deg, rgba(177, 231, 58, 1) 2%, rgba(23, 67, 60, 1) 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; text-fill-color: transparent !important; } .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle[data-block-id="subtitle_wQVng7"], .custom-hero__content-wrapper .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] { margin-top: 0px !important; margin-bottom: 24px !important; color: #666666 !important; font-weight: 400 !important; font-size: 16px !important; line-height: 1.5 !important; } .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] p, .custom-hero__content-wrapper .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] p { color: #666666 !important; font-weight: 400 !important; font-size: 16px !important; line-height: 1.5 !important; } @media screen and (min-width: 769px) { .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle[data-block-id="subtitle_wQVng7"], .custom-hero__content-wrapper .custom-hero__subtitle[data-block-id="subtitle_wQVng7"], .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] p, .custom-hero__content-wrapper .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] p { font-size: 18px !important; } } .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] strong, .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] b, .custom-hero__content-wrapper .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] strong, .custom-hero__content-wrapper .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] b, .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] p strong, .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] p b, .custom-hero__content-wrapper .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] p strong, .custom-hero__content-wrapper .custom-hero__subtitle[data-block-id="subtitle_wQVng7"] p b { font-weight: 700 !important; } .custom-hero__button-wrapper[data-block-id="button_Dig7fG"] { margin-top: 0px !important; margin-bottom: 24px !important; } .custom-hero__guarantee[data-block-id="guarantee_WfjRED"] { margin-top: 0px !important; margin-bottom: 0px !important; text-align: left !important; justify-content: flex-start !important; } @media screen and (max-width: 768px) { .custom-hero__guarantee[data-block-id="guarantee_WfjRED"] { text-align: left !important; justify-content: flex-start !important; } } .custom-hero__guarantee[data-block-id="guarantee_WfjRED"] .custom-hero__guarantee-text { color: #000000 !important; font-size: 14px !important; font-weight: 400 !important; } .custom-hero__guarantee[data-block-id="guarantee_WfjRED"] .custom-hero__guarantee-icon { color: #4caf50 !important; width: 16px !important; height: 16px !important; } .custom-hero__guarantee[data-block-id="guarantee_WfjRED"] .custom-hero__guarantee-icon svg { fill: #4caf50 !important; stroke: #4caf50 !important; width: 16px !important; height: 16px !important; } .custom-hero__guarantee[data-block-id="guarantee_WfjRED"] .custom-hero__guarantee-icon-image { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } /* Desktop Background Image Styles */ @media screen and (min-width: 769px) { .section-template--18744413880419__new_hero_tq9qtW.custom-hero { } } /* Base Hero Section Styles */ .section-template--18744413880419__new_hero_tq9qtW.custom-hero { background-color: #ffffff; padding: 0px 0px; width: 100%; display: flex; justify-content: center; align-items: center; } /* Full width mode WITHOUT container: no section padding, padding on content */ .section-template--18744413880419__new_hero_tq9qtW.custom-hero { padding: 0 !important; } .section-template--18744413880419__new_hero_tq9qtW .custom-hero__content { padding: 0px 0px; } @media screen and (max-width: 768px) { .section-template--18744413880419__new_hero_tq9qtW .custom-hero__content { padding: 0px 0px; } } @media screen and (max-width: 768px) { .section-template--18744413880419__new_hero_tq9qtW.custom-hero { padding: 0px 0px; } } .custom-hero__container { } @media screen and (max-width: 768px) { .custom-hero__container { } } .custom-hero__flex { align-items: stretch; gap: 0; min-height: 500px; } @media screen and (max-width: 768px) { .custom-hero__flex { flex-direction: column; gap: 20px !important; min-height: 400px; } } /* Container min-height when using background image only (no hero image) */ .custom-hero__image-wrapper { padding: 0; overflow: hidden; height: 100%; min-height: 500px; /* Full width mode without container */ width: 50%; } @media screen and (max-width: 768px) { .custom-hero__image-wrapper { min-height: 400px; width: 100%; } } .custom-hero__image { border-radius: 0; height: 100%; object-fit: cover; width: 100%; } .custom-hero__video { /* Full width mode: video behaves like image */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; background-color: transparent; z-index: 2; } /* Force hide video controls immediately, even during page load */ .custom-hero__video { /* Remove any browser default controls */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-hero__video::-webkit-media-controls { display: none !important; opacity: 0 !important; visibility: hidden !important; } .custom-hero__video::-webkit-media-controls-panel { display: none !important; opacity: 0 !important; visibility: hidden !important; } .custom-hero__video::-webkit-media-controls-play-button { display: none !important; opacity: 0 !important; visibility: hidden !important; } .custom-hero__video::-webkit-media-controls-start-playback-button { display: none !important; opacity: 0 !important; visibility: hidden !important; } .custom-hero__video::-webkit-media-controls-enclosure { display: none !important; } .custom-hero__video::-webkit-media-controls-timeline { display: none !important; } .custom-hero__video::-webkit-media-controls-current-time-display { display: none !important; } .custom-hero__video::-webkit-media-controls-time-remaining-display { display: none !important; } .custom-hero__video::-webkit-media-controls-mute-button { display: none !important; } .custom-hero__video::-webkit-media-controls-toggle-closed-captions-button { display: none !important; } .custom-hero__video::-webkit-media-controls-volume-slider { display: none !important; } .custom-hero__video::-webkit-media-controls-fullscreen-button { display: none !important; } .custom-hero__video::-moz-media-controls { display: none !important; } .custom-hero__video::-ms-media-controls { display: none !important; } /* Additional fallback to ensure no controls show */ .custom-hero__video[controls] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } /* Video visibility - show by default, JS will handle transitions if needed */ .custom-hero__video { opacity: 1; transition: opacity 0.3s ease-in-out; } .custom-hero__video.loaded { opacity: 1; } /* Video container to handle video and fallback positioning */ .custom-hero__video-container { position: relative; width: 100%; background-color: transparent; overflow: hidden; /* Full width mode: video fills the entire height like images */ position: absolute; top: 0; left: 0; height: 100%; } /* Make image wrapper position relative for absolute video container */ .custom-hero__image-wrapper { position: relative; } @media screen and (min-width: 769px) { .custom-hero__video-container { } } @media screen and (max-width: 768px) { .custom-hero__video-container { } } /* Loading indicator for video */ .custom-hero__video-container::before { content: ""; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; border: 2px solid rgba(255, 255, 255, 0.2); border-top: 2px solid rgba(255, 255, 255, 0.6); border-radius: 50%; animation: videoLoadingSpin 1s linear infinite; z-index: 1; opacity: 1; transition: opacity 0.3s ease; } /* Hide loading indicator when video loads or errors */ .custom-hero__video-container.video-loaded::before, .custom-hero__video-container.video-error::before { opacity: 0; } @keyframes videoLoadingSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Fallback image - hidden by default, only shows if video fails */ .custom-hero__video-fallback { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 1; } /* Show fallback image only when video fails to load */ .custom-hero__video-container.video-error .custom-hero__video-fallback { opacity: 1; } /* Hide video when it fails to load */ .custom-hero__video-container.video-error .custom-hero__video { opacity: 0; } /* Custom SVG styling for benefit icons - now handled at block level */ /* Custom SVG styling for guarantee icon */ .custom-hero__guarantee-icon svg { width: px !important; height: px !important; fill: ; } .custom-hero__content { padding: 65px 60px !important; text-align: left; display: flex; flex-direction: column; height: 100%; } .custom-hero__content-wrapper { display: flex; flex-direction: column; justify-content: center !important; align-items: flex-start; flex: 1; width: 500px; max-width: 100%; gap: 0; } /* Prevent flexbox from interfering with natural margins and spacing */ .custom-hero__content-wrapper > * { flex-shrink: 0; } /* Ensure all spacing elements work properly in flexbox */ .custom-hero__content-wrapper .custom-hero__badge-wrapper, .custom-hero__content-wrapper .custom-hero__rating-wrapper, .custom-hero__content-wrapper .custom-hero__benefits, .custom-hero__content-wrapper .custom-hero__button, .custom-hero__content-wrapper .custom-hero__guarantee { flex-shrink: 0; } /* Old section-level margin removed - now using block-level margins */ /* Old section-level subtitle margin removed - now using block-level margins */ /* Reset paragraph margins in content wrapper subtitle */.custom-hero__content-wrapper .custom-hero__subtitle p { margin: 0 !important; padding: 0 !important; } @media screen and (max-width: 768px) { .custom-hero__content { padding: 15px 15px !important; text-align: left; min-height: 500px; } .custom-hero__content-wrapper { align-items: flex-start; justify-content: center !important; } /* Old mobile section-level margin removed - now using block-level margins */ /* Old mobile section-level subtitle margin removed - now using block-level margins */ /* Reset paragraph margins in content wrapper subtitle on mobile */.custom-hero__content-wrapper .custom-hero__subtitle p { margin: 0 !important; padding: 0 !important; } } .section-template--18744413880419__new_hero_tq9qtW .custom-hero .custom-hero__badge , section.section-template--18744413880419__new_hero_tq9qtW .custom-hero .custom-hero__badge , .section-template--18744413880419__new_hero_tq9qtW .custom-hero .custom-hero__badge-wrapper .custom-hero__badge { color: #ffffff ; background-color: #1a2827; font-size: px !important; letter-spacing: var(--letter-spacing-body) !important; } /* Badge Icon Styling */ .custom-hero .custom-hero__badge-icon svg { width: 100% !important; height: 100% !important; display: block; fill: currentColor; } .custom-hero .custom-hero__badge-icon img { width: 100%; height: 100%; object-fit: contain; } .custom-hero .custom-hero__rating-stars { color: ; font-size: px !important; --hero-star-size: px; } .custom-hero .hero-star-icon { color: ; fill: ; width: px !important; height: px !important; } .custom-hero .custom-hero__rating-stars svg { width: px !important; height: px !important; display: inline-block; } .custom-hero .custom-hero__rating-text { color: ; font-size: 14px !important; display: inline-block; letter-spacing: var(--letter-spacing-body); margin: 0 2px; vertical-align: middle; } .custom-hero .custom-hero__star { color: ; } .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__title { font-family: var(--font-heading-family); font-weight: var(--font-weight-bold); color: ; font-size: px; line-height: ; letter-spacing: var(--letter-spacing-heading); /* Ensure proper text flow and prevent cutoff */ overflow: visible; word-wrap: break-word; overflow-wrap: break-word; margin-bottom: 15px; } .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle, section.section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle, .custom-hero .custom-hero__content .custom-hero__subtitle, .custom-hero__container .custom-hero__content .custom-hero__subtitle { /* Color is now controlled by block-level settings */ font-size: 18px; line-height: 1.4; letter-spacing: var(--letter-spacing-body); word-wrap: break-word; overflow-wrap: break-word; } /* Reset paragraph margins within subtitle to prevent double margins from rich text */ .custom-hero .custom-hero__subtitle p, section.custom-hero .custom-hero__subtitle p, .custom-hero .custom-hero__content .custom-hero__subtitle p, .custom-hero__container .custom-hero__content .custom-hero__subtitle p { margin: 0 !important; padding: 0 !important; } /* Enhanced accent text styling - New Hero Section */ .section-template--18744413880419__new_hero_tq9qtW.custom-hero .section-accent-text { /* Always apply basic styling first */ margin-left: 0px !important; padding-right: 4px !important; display: inline !important; line-height: inherit !important; word-wrap: break-word !important; overflow-wrap: break-word !important; /* Use Section-Specific Accent Typography */ font-family: var(--font-body-family) !important; font-style: normal !important; font-weight: 300 !important; /* Color and Gradient Application */color: #17433e !important;} /* Fallback solid color for accent text when gradient is not used */ .section-template--18744413880419__new_hero_tq9qtW.custom-hero .section-accent-text.no-gradient , .section-template--18744413880419__new_hero_tq9qtW.new-hero-accent-text.no-gradient { color: #17433e !important; } /* High specificity override for custom-hero accent text */ .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__title .section-accent-text.custom-hero-accent , section.section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__title .section-accent-text.custom-hero-accent { font-weight: 300 !important; /* Always apply color */ color: #17433e !important; } .custom-hero__benefits { text-align: left; } /* Flex layout for benefits blocks */ /* Button Block Styling - Now at Block Level */ .custom-hero__button-wrapper[data-block-id="button_Dig7fG"] .custom-hero__button { display: inline-block; width: 100% !important; padding: var(--global-button-padding-y, 12px) 20px !important; letter-spacing: var(--global-button-letter-spacing, 1px) !important; cursor: pointer; transition: all 0.3s ease; text-decoration: none !important; text-align: center; box-shadow: none !important; /* Use Global Button Styling */ font-size: var(--global-button-font-size, 14px) !important; font-weight: var(--global-button-font-weight, 700) !important; text-transform: var(--global-button-text-transform, none) !important; border-radius: var(--global-button-radius, 8px) !important; background: linear-gradient(to top, #c6fa54, #c6fa54) !important; color: var(--global-button-text-color, #FFFFFF) !important; border-left: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-right: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-top: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-bottom: var(--global-button-bottom-border-width, 4px) solid var(--global-button-bottom-border-color, #000000) !important; border-bottom-style: solid !important; } .custom-hero__button-wrapper[data-block-id="button_Dig7fG"] .custom-hero__button:hover { /* Global Button Hover State */ background: linear-gradient(to top, #17433c, #4c716b) !important; color: var(--global-button-hover-text-color, #FFFFFF) !important; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; border-left: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-right: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-top: var(--global-button-border-width, 2px) solid var(--global-button-border-color, #EF4A65) !important; border-bottom: var(--global-button-bottom-border-width, 4px) solid var(--global-button-bottom-border-color, #000000) !important; border-bottom-style: solid !important; } .custom-hero .custom-hero__review-count { color: ; } .custom-hero .custom-hero__guarantee-icon { color: ; font-size: px !important; } .custom-hero .custom-hero__guarantee-text { color: ; font-size: 12px !important; } .custom-hero .custom-hero__guarantee { width: 100% !important; text-align: center; } @media (max-width: 768px) { .custom-hero__flex { gap: 0; } /* Control mobile layout order without affecting desktop */ /* Center and space-between use default order */ .custom-hero__image-wrapper { order: 1; } .custom-hero__content { order: 2; } } .custom-hero__image-wrapper { aspect-ratio: 1; height: auto; } .custom-hero__image { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 768px) { .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__title { font-family: var(--font-heading-family) !important; font-weight: var(--font-weight-bold) !important; font-size: px !important; line-height: ; /* Ensure proper text flow and prevent cutoff on mobile */ overflow: visible !important; word-wrap: break-word !important; overflow-wrap: break-word !important; margin-bottom: 15px !important; } } .custom-hero .custom-hero__badge, section.custom-hero .custom-hero__badge, .custom-hero .custom-hero__badge-wrapper .custom-hero__badge { font-size: px !important; letter-spacing: var(--letter-spacing-body) !important; font-weight: var(--font-weight-bold) !important; } .custom-hero__benefits { text-align: left; } .custom-hero .custom-hero__benefit-item { font-size: px !important; justify-content: flex-start; } /* Mobile custom SVG styling */ .custom-hero__guarantee-icon svg { width: px !important; height: px !important; fill: ; } .section-template--18744413880419__new_hero_tq9qtW .custom-hero .custom-hero__button { font-size: 14 px !important; } .custom-hero .custom-hero__guarantee-text { font-size: 12px !important; } } @media screen and (max-width: 768px) { .section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle, section.section-template--18744413880419__new_hero_tq9qtW.custom-hero .custom-hero__subtitle, .custom-hero .custom-hero__content .custom-hero__subtitle, .custom-hero__container .custom-hero__content .custom-hero__subtitle { font-size: 16px !important; line-height: 1.4 !important; } } .custom-hero .custom-hero__badge, .custom-hero .custom-hero__badge-wrapper { text-align: left; } .custom-hero__benefits { text-align: left; } /* Badge alignment based on mobile content alignment */ @media screen and (max-width: 768px) { .custom-hero .custom-hero__badge-wrapper { text-align: left; } } /* Reset paragraph margins within subtitle on mobile */ .custom-hero .custom-hero__subtitle p { margin: 0 !important; padding: 0 !important; }