/* 
Theme Name: The real food rebellion 
Theme URI: https://www.altagency.co.uk/ 
Author: ALT Agency 
Author URI: https://www.altagency.co.uk/ 
Description: ALT Agency 
Version: 1.0.0 
License: GNU General Public License v2 or later License 
URI: http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain: therealfood 
Tags: 
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@font-face {
	font-family: 'Segoe UI';
	src: url('assets/fonts/Segoe-UI.woff2') format('woff2'),
		url('assets/fonts/Segoe-UI.woff') format('woff'),
		url('assets/fonts/Segoe-UI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Franklin Gothic Heavy';
	src: url('assets/fonts/Franklin-Gothic-Heavy-Regular.woff2') format('woff2'),
		url('assets/fonts/Franklin-Gothic-Heavy-Regular.woff') format('woff'),
		url('assets/fonts/Franklin-Gothic-Heavy-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Franklin Gothic Demi';
    src: url('assets/fonts/FranklinGothic-Demi.eot');
    src: url('assets/fonts/FranklinGothic-Demi.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/FranklinGothic-Demi.woff2') format('woff2'),
        url('assets/fonts/FranklinGothic-Demi.woff') format('woff'),
        url('assets/fonts/FranklinGothic-Demi.ttf') format('truetype'),
        url('assets/fonts/FranklinGothic-Demi.svg#FranklinGothic-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Segoe UI Bold';
    src: url('assets/fonts/SegoeUI-Bold.eot');
    src: url('assets/fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SegoeUI-Bold.woff2') format('woff2'),
        url('assets/fonts/SegoeUI-Bold.woff') format('woff'),
        url('assets/fonts/SegoeUI-Bold.ttf') format('truetype'),
        url('assets/fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



body {
	font-size: 20px;
	font-family: 'Segoe UI';
	font-weight: 400;
	color: #231F20;
	line-height: 160%;
}

.main-container {
	margin-top: -50px;
}

* {
	line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Franklin Gothic Heavy';
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
	line-height: normal;
}

p {
	margin-bottom: 15px;
}

a {
	outline: none;
	color: #ED1263;
}

a:hover {
	color: #ED1263;
	outline: none;
}

button {
	outline: none;
}

br {
	line-height: 0;
}
b, strong{
	    font-family: 'Segoe UI Bold';
	font-weight: normal;
}
h1 , h2{
	font-size: clamp(2.375rem, 0.9504rem + 2.9718vw, 3.625rem);
}
/*<============== css start ==============>*/
.top_header {
	position: relative;
	z-index: 1;
}

.top_header::before {
	content: "";
	width: 100%;
	height: 11.4vw;
	background: url('assets/images/header-shape.svg') no-repeat;
	top: 0;
	position: absolute;
	z-index: -1;
	background-size: cover;
	background-position: bottom;
}

.navbar-custom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.navbar-brand img {
	width:clamp(5.625rem, 1.0663rem + 9.5097vw, 9.625rem);
}
.navbar-custom .navbar-brand {
	margin-right: 0;
}
.navMenu {
	width: 100%;
}

.navbar-custom .navMenu ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
	width: 100%;
	justify-content: flex-end;
}

.navbar-custom .navMenu ul li {
	margin-left: 20px;
}

.navbar-custom .navMenu ul li a {
	text-decoration: none;
	color: #0D4F0A;
	font-family: 'Franklin Gothic Heavy', 'Arial Black', sans-serif;
	font-size: clamp(1rem, 0.7151rem + 0.5944vw, 1.25rem);
}
 .navMenu ul li.nav-signup{
	text-align: left;
 }

 .navMenu ul li.nav-signup a, .sqbi-btn, .site-btn-primary , .sqbi-btn-pill {
	display: inline-block;
	padding: 13px 32px !important;
	border:  6px solid #0A0D4F;
	box-sizing: border-box;
	transition: 0.3s ease;
	background-color: #ED1263;
	border-radius: 50px;
	color: #ffffff !important;
	font-family: 'Franklin Gothic Demi';
  	font-size: clamp(1rem, 0.7151rem + 0.5944vw, 1.25rem);
	text-decoration: none !important;
	line-height: clamp(1rem, 0.7151rem + 0.5944vw, 1.25rem);
	text-align: center;
}

 .site-btn-secondary  {
	display: inline-block;
	padding: 13px 32px !important;
	border:  6px solid #0A0D4F;
	box-sizing: border-box;
	transition: 0.3s ease;
	background-color: transparent;
	border-radius: 50px;
	color: #0A0D4F;
	font-family: 'Franklin Gothic Heavy', 'Arial Black', sans-serif;
  	font-size: clamp(1rem, 0.7151rem + 0.5944vw, 1.25rem);
	line-height: clamp(1rem, 0.7151rem + 0.5944vw, 1.25rem);
	text-decoration: none !important;
	text-align: center;
}
 .site-btn-secondary:hover, .sqbi-btn-pill:hover  {
	border:  6px solid #ED1263;
	font-size: 24px;
}
.navMenu li.nav-signup a:hover , .sqbi-btn:hover, .site-btn-primary:hover{
	border: 6px solid #ED1263;
	font-size: 24px;
}
.section-contact-help .site-btn-primary ,.section-contact-help .site-btn-secondary {
	min-width: 180px;
}
.navbar-custom .navMenu ul li a:hover {
	color: #ED1263;
}


.section-home-slider {
	position: relative;
	width: 100%;
	display: block;
}

.home-slider .slide-item {
	position: relative;
}

.home-slider .slide-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	min-height: 480px;
}

.home-slider .slide-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.home-slider .slide-title, .banner-title {
	font-size: clamp(3rem, -3.5531rem + 13.6701vw, 8.75rem);
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	line-height: 90%;
}
.banner-title, .banner-title *{
	line-height: 90%;
}


.section-home-slider::before, .section-page-banner::before {
	content: "";
	width: 100%;
	height: 4.6vw;
	background: url('assets/images/banner-shape-bottom.svg') no-repeat;
	bottom: 0;
	position: absolute;
	z-index: 1;
	background-size: cover;
	background-position: top;
}

/* Slick customization */
.slick-dots {
	bottom: 20px;
}

.slick-dots li button:before {
	color: #fff;
	font-size: 12px;
}

.slick-dots li.slick-active button:before {
	color: #fff;
}

.slick-prev {
	left: 25px;
	z-index: 10;
}

.slick-next {
	right: 25px;
	z-index: 10;
}

.slick-prev:before,
.slick-next:before {
	font-size: 30px;
}

/* @media(max-width: 480px){} */
@media (min-width: 1400px) {
	.container {
		max-width: 1350px;
	}
}




/* Footer start */

.site-footer {
	position: relative;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, rgba(10, 13, 79, 1) 48%, rgba(10, 13, 79, 1) 100%);
	overflow: hidden;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	margin-top: -50px;
}
.site-footer::before {
	content: "";
	width: 100%;
	height: 161px;
	background: url('assets/images/image-dots-footer.png') no-repeat;
	bottom: 0;
	position: absolute;
	background-size: cover;
	background-position: bottom;
}

/* Wavy Top Boundary - Strictly a thin blue line as per Figma */


.footer-middle {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	padding: 100px 0;
}

.footer-middle::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url('assets/images/footer-shape.svg') no-repeat;
    top: 0;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-position: top;
}

.footer-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 40px;
}

.footer-logo img {
	max-width: clamp(18.75rem, 8.5642rem + 21.2481vw, 27.6875rem);
	height: auto;
	margin-bottom: 15px;
	display: block;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
}

.footer-links li a {
	text-decoration: none;
	color: #0A0D4F;
	/* Exact Figma color */
	font-size: 20px;
	font-weight: 400;
	transition: color 0.3s ease;
}

.footer-links li a:hover {
	color: #ED1263;
}

.ph-logo {
	margin-bottom: 5px;
}

.ph-logo img {
	max-width: clamp(11.25rem, 3.7709rem + 15.6018vw, 17.8125rem);
	height: auto;
	display: block;
}

.footer-right {
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.ph-text {
	font-size: 20px;
	color: #0A0D4F;
	/* Exact Figma color */
	margin: 0;
	line-height: normal;
	font-weight: 400;
}

.footer-bottom {
	padding: 37px;
	position: relative;
}

/* Force centering of the container to prevent left-shift on wide monitors */
.footer-bottom .container {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	max-width: 1350px;
	/* Matching the theme's XL container limit */
}




.footer-email a {
	color: #ffffff;
	text-decoration: none;
	font-size: 20px;
	font-weight: 400;
	transition: opacity 0.3s ease;
}

.footer-email a:hover {
	opacity: 0.8;
}



@media (max-width: 991px) {
	.footer-flex {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.footer-right {
		text-align: center;
		align-items: center;
	}

	.footer-links {
		justify-content: center;
		gap: 15px;
	}
}

@media (max-width: 480px) {
	.footer-links {
		flex-direction: column;
		gap: 10px;
	}

	.ph-text,
	.footer-links li a,
	.footer-email a {
		font-size: 18px;
	}
}


.section-page-banner {
    position: relative;
    overflow: hidden;
}

.banner-image {
    position: relative;
}

.banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-content {
	position: absolute;
	top: 54%;
	transform: translateY(-50%);
	z-index: 2;
	left: 0;
	right: 0;
	margin: auto;
}


.banner-subtitle {
    color: #fff;
    font-size: 1.1rem;
    margin-top: 10px;
}
.section-content-block{
	padding: 80px 0;
}
.section-content-block .content-inner{
	max-width: 864px;
	margin: auto;
}

.section-content-block.privacy-section-with-image strong{
	font-family: 'Franklin Gothic Demi';
	font-weight: normal;
	font-size: clamp(1.25rem, 0.7514rem + 1.0401vw, 1.6875rem);
}

.section-content-block.privacy-section-with-image{
	position: relative;
}
.section-content-block.privacy-section-with-image::before {
	content: "";
	width: 100%;
	height: 600px;
	background: url('assets/images/privacy-section-with-image-bg.png') no-repeat;
	top: 0;
	position: absolute;
	z-index: -1;
	background-size: cover;
	background-position: top;
}
.section-content-block.privacy-section-with-image {
	padding: clamp(5.625rem, 1.7786rem + 8.0238vw, 9rem) 0 clamp(3.75rem, -2.2333rem + 12.4814vw, 9rem) 0;
}
.section-content-block {
	padding: clamp(1.875rem, -1.6865rem + 7.4294vw, 5rem) 0;
}


.sqbi-registration-container {
	background-color: #0A0D4F;
	color: #ffffff;
	padding: 150px 20px;
}

.sqbi-form-wrapper {
    max-width: 1320px;
    margin: 0 auto;
	position: relative;
}
/* .logged-in .sqbi-form-wrapper {
	max-width: 648px !important;
} */

.sqbi-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 40px;
    margin-bottom: 60px;
}

.sqbi-field input {
	width: 100%;
	background: rgba(255, 255, 255, 11%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: #fff;
	padding: 17px 16px;
	border-radius: 10px;
	backdrop-filter: blur(10px);
	font-size: 20px;
	font-family: 'Segoe UI';
	font-style: italic;
}

.sqbi-field input:focus-visible{
	outline: none;
 	border: 1px solid white;
}
.sqbi-sidebar-layout {
    display: flex;
    gap: 40px;
}

.sqbi-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.sqbi-list li {
    margin-bottom: 12px;
    color: #cbd5e0;
}

.sqbi-list .icon {
	margin-right: 10px;
	font-size: 0;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1MjZfNzkwKSI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV8yNTI2Xzc5MCkiPgo8cGF0aCBkPSJNNi45NDUzMSAxMi42MzEzTDkuOTQ1MzEgMTUuNjMxM0wxNi45NDUzIDguNjMxMzUiIHN0cm9rZT0iI0VEMTI2MyIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuOTQ1MyAyMi4xMzEzQzE3LjQ2ODMgMjIuMTMxMyAyMS45NDUzIDE3LjY1NDMgMjEuOTQ1MyAxMi4xMzEzQzIxLjk0NTMgNi42MDgzNSAxNy40NjgzIDIuMTMxMzUgMTEuOTQ1MyAyLjEzMTM1QzYuNDIyMzEgMi4xMzEzNSAxLjk0NTMxIDYuNjA4MzUgMS45NDUzMSAxMi4xMzEzQzEuOTQ1MzEgMTcuNjU0MyA2LjQyMjMxIDIyLjEzMTMgMTEuOTQ1MyAyMi4xMzEzWiIgc3Ryb2tlPSIjRUQxMjYzIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNTI2Xzc5MCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwMV8yNTI2Xzc5MCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1NDY4NzUgMC4xMzEzNDgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
    left: 0;
}
.sqbi-list li {
	margin-bottom: 12px;
	padding-left: 32px;
	position: relative;
}
.sqbi-price-summary {
	border: 1px dashed rgba(255, 255, 255, 70%);
	padding: 24px;
	border-radius: 12px;
}

.sqbi-line-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.sqbi-total {
    display: flex;
    justify-content: space-between;
   font-size: clamp(1.25rem, 0.7514rem + 1.0401vw, 1.6875rem);
    font-family: 'Segoe UI Bold';
}


.sqbi-stripe-container {
    background: #e2e8f0;
    padding: 24px;
    border-radius: 8px;
    margin-top: 20px;
}

.sqbi-stripe-row {
    margin-bottom: 20px;
}

.sqbi-stripe-row.sqbi-cols-2 {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 20px;
}

.sqbi-stripe-field label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #4a5568;
    font-weight: 600;
}

.stripe-field-container {
    background: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    padding: 12px;
    min-height: 48px;
}

.sqbi-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}

.sqbi-modal-content {
	background-color: #ffffff;
	margin: 10% auto;
	padding: 40px;
	border-radius: 12px;
	width: 90%;
	max-width: 648px;
	color: #333;
	position: relative;
	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.sqbi-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 15px;
}

.sqbi-modal-title {
    color: #0d1e3d;
    font-size: 32px;
    margin-bottom: 20px;
}

.sqbi-modal-instructions {
    margin-bottom: 25px;
}



.sqbi-field-light input {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #231F20;
	border-radius: 8px;
	font-size: 16px;
	background: #fff;
	font-style: italic;
}

.sqbi-sidebar-layout h3, .sqbi-sidebar-layout h4, .sqbi-line-item > span:first-child, .sqbi-add-packs label, .sqbi-payment-section h3{
    font-size: 20px;
    font-family: 'Segoe UI Bold';
}

.sqbi-left-col, .sqbi-right-col {
	width: 50%;
}

.sqbi-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
}

/* Remove default checkbox */
.sqbi-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 0px;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

/* Checked state */
.sqbi-checkbox input[type="checkbox"]:checked {
    background-color: #ff2b6a;
}

/* Optional inner effect (soft highlight) */
.sqbi-checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    inset: 4px;
    background-color: #ff2b6a;
}

/* Hover */
.sqbi-checkbox input[type="checkbox"]:hover {
    border-color: #ff2b6a;
}

/* Link styling */
.sqbi-checkbox a {
    color: #fff;
    text-decoration: underline;
}

.payment-option {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
}
.sqbi-button-wrapper {
	text-align: center;
}
.sqbi-sidebar-layout h3, .sqbi-sidebar-layout h4, .sqbi-payment-section h3{
	margin-bottom: 30px;
}
.sub-label {
	font-size: 19px;
}
.sqbi-consents{
	margin-bottom: 40px;
}
.sqbi-add-packs{
	margin-bottom: 60px;
}
/* Remove default radio */
.payment-option input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-radius:0; /* square like your design */
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

/* Checked state */
.payment-option input[type="radio"]:checked {
    background-color: #ff2b6a;
}

/* Inner fill effect */
.payment-option input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    inset: 4px;
    background-color: #ff2b6a;
}

/* Optional hover */
.payment-option input[type="radio"]:hover {
    border-color: #ff2b6a;
}

.sqbi-form .sqbi-btn{
    left: 0;
    right: 0;
}



.sqbi-number-input {
    position: relative;
    width: 100%;
}

/* Style input */
.sqbi-number-input input {
    width: 100%;
    height: 56px;
    padding: 0 50px 0 16px;
    border-radius: 10px;
    border: none;
    background: #2c2c2c;
    color: #fff;
    font-size: 18px;
    outline: none;
}

/* Remove default arrows */
.sqbi-number-input input::-webkit-inner-spin-button,
.sqbi-number-input input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sqbi-number-input input[type=number] {
    -moz-appearance: textfield;
}

/* Right side arrow area */
.sqbi-number-input::before,
.sqbi-number-input::after {
    position: absolute;
    right: 12px;
    font-size: 12px;
    color: #aaa;
    pointer-events: none; /* important */
}

/* Up arrow */
.sqbi-number-input::before {
    content: "";
    top: 12px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjY4MDQgMTAuNDMxOEMxNi42ODA0IDEwLjY3ODIgMTYuNTU4MyAxMC45MjQ2IDE2LjM1NDYgMTEuMDg4OUMxNS45ODgxIDExLjM3NjQgMTUuNDk5NCAxMS4yOTQyIDE1LjIxNDMgMTAuOTY1N0w4LjI5MTIxIDIuMTc2NjlMMS40NDk1MyAxMC45MjQ2QzEuMTY0NDYgMTEuMjk0MiAwLjY3NTc2OSAxMS4zMzUzIDAuMzA5MjUgMTEuMDQ3OEMtMC4wNTcyNjg3IDEwLjc2MDMgLTAuMDk3OTkzIDEwLjI2NzUgMC4xODcwNzcgOS44OTc4Nkw3LjcyMTA3IDAuMzI4NTM1QzcuODgzOTcgMC4xMjMxODQgOC4xMjgzMiAtMi41NDA5ZS0wNSA4LjM3MjY2IC0yLjU0NTYxZS0wNUM4LjYxNzAxIC0yLjU1MDMyZS0wNSA4Ljg2MTM1IDAuMTIzMTgzIDkuMDI0MjUgMC4zMjg1MzRMMTYuNTE3NSA5LjkzODkyQzE2LjYzOTcgMTAuMDYyMSAxNi42ODA0IDEwLjI2NzUgMTYuNjgwNCAxMC40MzE4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    width: 16px;
  height: 11px;
    background-repeat: no-repeat;
    background-size: contain;
}

.sqbi-number-input::after {
    content: "";
    bottom: 12px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjY4MDQgMC44MzI4ODVDMTYuNjgwNCAwLjU4NjQ2NSAxNi41NTgzIDAuMzQwMDQ1IDE2LjM1NDYgMC4xNzU3NjVDMTUuOTg4MSAtMC4xMTE3MjYgMTUuNDk5NCAtMC4wMjk1ODU3IDE1LjIxNDMgMC4yOTg5NzVMOC4yOTEyMSA5LjA4Nzk2TDEuNDQ5NTMgMC4zNDAwNDJDMS4xNjQ0NiAtMC4wMjk1ODg0IDAuNjc1NzY5IC0wLjA3MDY1ODYgMC4zMDkyNSAwLjIxNjgzMkMtMC4wNTcyNjg3IDAuNTA0MzIyIC0wLjA5Nzk5MyAwLjk5NzE2MiAwLjE4NzA3NyAxLjM2Njc5TDcuNzIxMDcgMTAuOTM2MUM3Ljg4Mzk3IDExLjE0MTUgOC4xMjgzMiAxMS4yNjQ3IDguMzcyNjYgMTEuMjY0N0M4LjYxNzAxIDExLjI2NDcgOC44NjEzNSAxMS4xNDE1IDkuMDI0MjUgMTAuOTM2MUwxNi41MTc1IDEuMzI1NzNDMTYuNjM5NyAxLjIwMjUyIDE2LjY4MDQgMC45OTcxNjYgMTYuNjgwNCAwLjgzMjg4NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    width: 16px;
  height: 11px;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Optional divider line */
.sqbi-number-input input {
    background: rgba(255, 255, 255, 11%);
    background-size: 50px 100%;
    background-repeat: no-repeat;
}

/* Hover effect */
.sqbi-number-input:hover::before,
.sqbi-number-input:hover::after {
    color: #fff;
}

.sqbi-registration-container{
    position: relative;
}
.sqbi-registration-container:before{
    content: "";
	width: 100%;
	height: 100%;
	background: url('assets/images/sqbi-bg.png') no-repeat;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 0;
	background-size: cover;
	background-position: top;
}




/* ALL CSS */
.custom-arrow-points-list ul,.custom-points-list ul {
	padding-left: 0;
}
.custom-arrow-points-list ul li, .custom-points-list ul li {
	position: relative;
	list-style: none;
	padding-left: 34px;
}
.custom-arrow-points-list ul li::before{
	content: "";
    top: 6px;
	left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjMyODMgOC4wNDgyQzE4LjA2NTQgOC40MTY3MiAxOC4wNjU0IDkuNDY4NTMgMTcuMzI4MyA5LjgzNzA1TDEuNDUwMTggMTcuNzc2MUMwLjYzMDE3OCAxOC4xODYxIC0wLjI2MzMxOCAxNy4zNjg2IDAuMDcyNDMyNyAxNi41MTU1TDIuOTA4NzkgOS4zMDg2OUMzLjAwMTQzIDkuMDczMzIgMy4wMDE0MiA4LjgxMTYgMi45MDg3OSA4LjU3NjIzTDAuMDcyNDc5MSAxLjM2OTgxQy0wLjI2MzI4MyAwLjUxNjcxIDAuNjMwMjA5IC0wLjMwMDg2MyAxLjQ1MDIxIDAuMTA5MTM5TDE3LjMyODMgOC4wNDgyWiIgZmlsbD0iI0VEMTI2MyIvPgo8L3N2Zz4K");
    width: 20px;
  height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
	position: absolute;
}

.custom-points-list ul li::before{
	content: "";
    top: 5px;
	left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjUgMTEuNzVMOS4yNSAxNC43NUwxNi4yNSA3Ljc1IiBzdHJva2U9IiNFRDEyNjMiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjI1IDIxLjI1QzE2Ljc3MyAyMS4yNSAyMS4yNSAxNi43NzMgMjEuMjUgMTEuMjVDMjEuMjUgNS43MjcgMTYuNzczIDEuMjUgMTEuMjUgMS4yNUM1LjcyNyAxLjI1IDEuMjUgNS43MjcgMS4yNSAxMS4yNUMxLjI1IDE2Ljc3MyA1LjcyNyAyMS4yNSAxMS4yNSAyMS4yNVoiIHN0cm9rZT0iI0VEMTI2MyIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    width: 20px;
  height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
	position: absolute;
}

.ch-right-content.wysiwyg-content {
	background-color: white;
	border-radius: 20px;
	max-width: 424px;
	padding: 23px;
	font-size: 16px;
	color: #231F20;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.ch-right-content.wysiwyg-content p{
	margin-bottom: 0;
}
.dashboard-subtitle {
	color: #ED1263;
	font-family: 'Franklin Gothic Demi';
	font-size: 27px;
}
.lesson-section .programme-text ul strong{
	font-size: 20px;
	    font-family: 'Segoe UI Bold';
		color: #231F20;
}  
.lesson-section .programme-text strong{
	font-size: 20px;
	    font-family: 'Segoe UI Bold';
}  

.lesson-section {
	position: relative;
	z-index: 1;
	padding: clamp(6.25rem, -0.873rem + 14.8588vw, 12.5rem) 0;
	background-color: unset;
	overflow: hidden;
}

.lesson-section .section-bg-image img {
	position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  object-fit: cover;
}

.pricing-section {
	background-color: #0A0D4F;
	color: #FFFFFF;
	position: relative;
	z-index: -1;
	padding: clamp(6.25rem, -0.873rem + 14.8588vw, 12.5rem) 0;
	margin: -150px 0;
}
.pricing-section:before{
    content: "";
	width: 100%;
	height: 100%;
	background: url('assets/images/sqbi-bg.png') no-repeat;
	bottom: 0;
	position: absolute;
	z-index: -1;
	background-size: cover;
	background-position: top;
}

.pricing-section h3{
	font-size: 27px;
	font-family: 'Franklin Gothic Demi';
	margin-bottom: 30px;
}
.text-with-image-section-cmn .split-top-header, .text-with-image-section-cmn .split-footer-text, .lesson-section .split-top-header, .lesson-section .split-footer-text{
	display: none;
}
.pricing-section .dashboard-content p{
	color: #FFFFFF;
}
.pricing-section .dashboard-content strong{
	color: #FFFFFF;
}
.sqbi-payment-section{
	margin-bottom: 30px;
}
.error404 {
	background-color: #0A0D4F;
}
.sqbi-registration-container.sqbi-login-container .sqbi-form-wrapper{
	max-width: 648px !important;
}
.sqbi-registration-container.sqbi-login-container .sqbi-field{
	margin-bottom: 24px !important; 
}
#sqbi-forgot-trigger {
	color: #FFFFFF !important;
	font-size: 20px !important;
	text-decoration: underline !important;
}
.sqbi-title{
	margin-bottom: clamp(1.875rem, -0.2619rem + 4.4577vw, 3.75rem);
}
.section-split-content.text-with-image-section-cmn .programme-text strong{
	font-family: 'Segoe UI Bold';
  font-weight: normal;
  color: #231F20;
  font-size: 20px;
}
.section-split-content.text-with-image-section-cmn{
	padding:  clamp(1.875rem, -1.6865rem + 7.4294vw, 5rem) 0;
}
.text-with-image-section-cmn .split-content-row{
	gap: 40px;
}

.text-with-image-section-cmn .split-content-row .split-text-column{
	max-width: 636px;
}

.section-resource-dashboard.why-food-section{
	padding: 0px 0 clamp(1.875rem, -1.6865rem + 7.4294vw, 5rem) 0;
}
.section-content-block p a{
text-decoration: underline;
    font-family: 'Segoe UI Bold';

}


.home-slider .slick-active .slide-title {
  animation: figma-spring-entrance 0.8s forwards;
  animation-delay: 1ms;
}


.section-contact-help.cta-with-card-section{
	padding-top: clamp(5.625rem, 2.3484rem + 6.8351vw, 8.5rem);
	padding-bottom: clamp(3.75rem, -0.3813rem + 8.6181vw, 7.375rem);
	background-size: cover;
}
.cta-with-card-section .ch-content {
	max-width: 710px;
	margin-bottom: 30px;
}
.section-resource-dashboard.why-food-section .dashboard-two-col{
	gap: 48px;
}
.dashboard-left-col,.dashboard-right-col{
	max-width: 636px;
}
.pricing-section .dashboard-two-col, .lesson-section .split-content-row{
gap: 48px;
}
@keyframes figma-spring-entrance {
  0% {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
  }

  60% {
    opacity: 1;
    transform: translateY(-5px) scale(1.02);
    /* Overshoot (State "1") */
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    /* Settle (State "Default") */
  }
}


@media (max-width: 1699px) {
	.home-slider .slide-title, .banner-title{
		font-size: clamp(2.25rem, -1.5964rem + 8.0238vw, 5.625rem);
	}
}
@media (max-width: 1399px) {
	.top_header::before {
	height: 16.4vw;
}
}
@media (max-width: 1199px) {
.footer-flex {
	justify-content: center;
}
.footer-email {
	text-align: center;
}
.footer-logo {
	display: flex;
	justify-content: center;
}
.footer-right {
	align-items: center;
}
}

@media (max-width: 991px) {
	 .banner-image img {

	min-height: 500px;
}
.sqbi-grid, .sqbi-sidebar-layout {
	display: flex;
	flex-direction: column;
}
.sqbi-left-col, .sqbi-right-col{
	width: 100%;
}
.split-content-row.image_right{
	flex-direction: column-reverse;
}
.section-resource-dashboard.why-food-section .dashboard-two-col {
	gap: 0px;
}
}
@media (max-width: 767px) {
	.top_header::before {
	height: 150px;
}

 .navMenu ul li.nav-signup a, .sqbi-btn, .site-btn-primary , .sqbi-btn-pill, .site-btn-secondary {
  	font-size: clamp(1rem, 0.7151rem + 0.5944vw, 1.25rem) !important;
	line-height: clamp(1rem, 0.7151rem + 0.5944vw, 1.25rem) !important; 
	padding: 13px 20px !important;
}
.ch-right-content.wysiwyg-content {
	margin: auto;
}
 .ch-content{
	text-align: center;
 }
 .ch-buttons {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}
.navMenu ul li.nav-signup a {
	font-size: 14px !important;
	padding: 8px 16px !important;
}
}