:root {
  /************** 	Color Pallete *************/
  --bg-dark: hsl(224 0% 90%);
  --bg: hsl(224 0% 95%);
  --bg-light: hsl(224 100% 100%);

  --clr-brand-ultra-light: hsl(29 78% 90% / 1);
  --clr-brand-light: hsl(29 78% 70% / 1);
  --clr-brand-semi-light: hsl(29 78% 60% / 1);
  --clr-brand: hsl(29 78% 50% / 1);
  --clr-brand-semi-dark: hsl(29 78% 40% / 1);
  --clr-brand-dark: hsl(29 78% 30% / 1);
  --clr-brand-ultra-dark: hsl(29 78% 10% / 1);

  --clr-text: hsl(0 0 10 / 1);
  --clr-text-muted: hsl(0 0 60 / 1);

  --clr-danger: hsl(9, 54%, 54%);
  --clr-warning: hsl(52 50% 34%);
  --clr-success: hsl(147, 53%, 32%);
  --clr-info: hsl(217, 51%, 40%);
  --clr-white: hsl(0 0 100% / 1);

  /************ Typography *********/

  /* Headings */
  --heading-multipier: 1.25;
  --h-hero: clamp(4rem, 1.912vw + 3.3881rem, 6rem);
	--h-hero-s: calc(var(--h1) * var(--heading-multipier));
  --h1: calc(var(--h2) * var(--heading-multipier));
  --h2: calc(var(--h3) * var(--heading-multipier));
  --h3: calc(var(--h4) * var(--heading-multipier));
  --h4: clamp(1.6rem, 0.1912vw + 1.5388rem, 1.8rem);
  --h5: calc(var(--h4) / var(--heading-multipier));
  --h6: calc(var(--h5) / var(--heading-multipier));
  --heading-lh: 1.3;

  /* Text */
  --text-multiplier: 1.2;
  --text-xs: calc(var(--text-s) / var(--text-multiplier));
  --text-s: calc(var(--text-m) / var(--text-multiplier));
  --text-m: clamp(1.5rem, 0.0956vw + 1.4694rem, 1.6rem);
  --text-l: calc(var(--text-m) * var(--text-multiplier));
  --text-xl: calc(var(--text-l) * var(--text-multiplier));
  --text-2xl: calc(var(--text-xl) * var(--text-multiplier));
  --text-label: 1.2rem;
  --text-lh: 1.8;

  /* ************* Spacing ************** */
  --space-multiplier: 1.5;
  --space-2xs: calc(var(--space-xs) / var(--space-multiplier));
  --space-xs: calc(var(--space-s) / var(--space-multiplier));
  --space-s: calc(var(--space-m) / var(--space-multiplier));
  --space-m: clamp(1.5rem, 0.478vw + 1.347rem, 2rem);
  --space-l: calc(var(--space-m) * var(--space-multiplier));
  --space-xl: calc(var(--space-l) * var(--space-multiplier));
  --space-2xl: calc(var(--space-xl) * var(--space-multiplier));
  --space-3xl: calc(var(--space-2xl) * var(--space-multiplier));
  --space-4xl: calc(var(--space-3xl) * var(--space-multiplier));
  --gutter: 2rem;
	
/************* Gaps ********************/
	--content-gap:var(--space-m);
	/* variables (edit here)*/
	
    /* Global Padding Variables - Editable */
    /* Left and Right Padding All /Sections/Containers*/
    --fluid-side-padding-min: 2rem; /* 20px */
    --fluid-side-padding-max: 8rem;   /* 80px */

    /* Top and Bottom Padding All Containers*/
    --section-xxl-padding-min: 9.375rem; /* 150px */
    --section-xxl-padding-max: 10rem; /* 160px */ 
  
    --section-xl-padding-min: 6.875rem; /* 110px */
    --section-xl-padding-max: 7.5rem; /* 120px */
  
    --section-l-padding-min: 5.625rem; /* 90px */
    --section-l-padding-max: 6.25rem; /* 100px */
  
    --section-m-padding-min: 5rem; /* 80px */
    --section-m-padding-max: 5rem; /* 80px */
  
    --section-s-padding-min: 3.75rem; /* 60px */
    --section-s-padding-max: 3.75rem; /* 60px */
  
    --section-xs-padding-min: 2.5rem; /* 40px */
    --section-xs-padding-max: 2.5rem; /* 40px */
  
    --section-xxs-padding-min: 1.5rem; /* 24px */
    --section-xxs-padding-max: 1.5rem; /* 24px */
    
    --section-header-padding-min: 1.25rem; /* 20px */
    --section-header-padding-max: 1.25rem; /* 20px */

  
    /* Hero Sections Height Variable */
    --section-hero-height: 100vh; /* 100% the screen height */
  
    /* Offset Padding for Overlay Headers */
    --section-offset-header: 80px; /* Adjust to the overlay header's negative margin */

    /* Width For Narrow Sections*/
    --section-narrow: 62.5rem; /* 1000px */
    --section-narrow-xs: 45rem; /* 720px */
	
/* 	 Extra */
	--db-header-height:6rem;
  }


html {
  font-size: 62.5%;
}

p {
	margin-bottom:0;
}
.jfb-form form{
	display:grid;
	grid-template-columns:repeat(12,minmax(0,1fr));
}

/* CSS Template (do not edit below) */
  
  
  /* Section/Container Padding - Fluid Variants */
  .section-xxl {
    padding-top: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-bottom: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xl {
    padding-top: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-bottom: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-l {
    padding-top: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-bottom: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-m {
    padding-top: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-bottom: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-s {
    padding-top: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xs {
    padding-top: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-bottom: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xxs {
    padding-top: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-bottom: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-header {
    padding-top: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-bottom: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  /* Hero Container/Sections Height */
  .section-hero {
    min-height: var(--section-hero-height)!important;
  }

  .section-hero .e-con-inner {
    justify-content: center!important;
}
  
  /* Full Width Sections - No Side Padding */

  .section-full div {
    max-width: 100%!important;
  }
  

  /* Narrow Sections */
  .section-narrow .e-con-inner {
    max-width: var(--section-narrow)!important;
  }

  .section-narrow-xs .e-con-inner {
    max-width: var(--section-narrow-xs)!important;
  }


  /* Offset Padding for Overlay Headers */
  .section-offset {
    padding-top: calc(var(--section-offset-header) + var(--section-xxl-padding-min));
  }

/* Font Weight Utility Classes */
.text-100 { font-weight: 100; }
.text-200 { font-weight: 200; }
.text-300 { font-weight: 300; }
.text-400 { font-weight: 400; } /* normal */
.text-500 { font-weight: 500; }
.text-600 { font-weight: 600; }
.text-700 { font-weight: 700; } /* bold */
.text-800 { font-weight: 800; }
.text-900 { font-weight: 900; }


.u-list ul {
    list-style-type: disc!important;
    display: grid;
    gap:1rem;
}

.u-list ul>li {
    display: list-item!important;
    margin-inline-start: 2rem!important;
}

.btn--large {
	& a[href] {
	padding-inline:3em;
	padding-block:1em;
}
}

.link--brand {
	color:var(--clr-brand)!important;
}

/*  JFB Styles */
.jet-form {
    --_field-span:1/-1;
    --_field-gap:2rem;
	--_field-radius:0.5rem;
    --_label-gap:0.75rem;
    --_label-font-size:var(--text-xs);
    --_label-font-weight:600;
    --_label-text-case:uppercase;
	
    & form  {
        display:grid;
        grid-template-columns:repeat(12,minmax(0,1fr));
        gap:var(--_field-gap);
		
		& .jet-form-builder-messages-wrap {
			/* display: none; */
			position: fixed;
			bottom: 1rem;
			right: 1rem;
			padding-block: 10px;
			padding-inline: 30px;
			max-width: 40ch;
			border-radius: 6px;
			font-size: 14px;
			& .jet-form-builder-message {
				line-height:1.2;
				margin-top:0;
				padding:unset;
				border:none;
				color:var(--clr-white);
			}
			&:has(.jet-form-builder-message--success) {
				background:green;
			}
			&:has(.jet-form-builder-message--error) {
				background:red;
			}
		}
		
		& .jet-form-builder-page:not(.jet-form-builder-page--hidden) {
			display:grid;
			gap:var(--_field-gap);
			& > * {
				grid-column:var(--_field-span);
				flex-direction:row;
				padding:unset;
				gap:var(--_label-gap);
			}
		}
		
        & > * {
            grid-column:var(--_field-span);
            flex-direction:row;
            padding:unset;
            gap:var(--_label-gap);
			
            & .jet-form-builder__label {
                line-height:1;
                font-size:var(--_label-font-size);
                font-weight:var(--_label-font-weight);
                text-transform:var(--_label-text-case);
				
                & .jet-form-builder__label-text {
                    margin:unset;
                }
            }
			
			& input,textarea,select {
				text-align:left;
				outline:solid 1px var(--bg-dark);
				padding-inline:1rem;
				padding-block:0.5rem;
				border-radius:var(--_field-radius);
				border:none;
				
				&:focus {
					outline:solid 1px var(--clr-brand);
				}
			}
			
			& button.jet-form-builder__action-button {
				border-radius:var(--_field-radius);
				outline:solid 1px var(--clr-brand);
				cursor:pointer!important;
			}
			& .checkboxes-wrap.checkradio-wrap {
    			& input:checked+span::before {
					background-color:var(--clr-brand);
					border-color:var(--clr-brand);
    }
}
        }
    }
}

/* CUSTOM STYLES FOR THE JFB FILE UPLOAD FIELD */

.jet-form-builder__field-wrap.jet-form-builder-file-upload {
  background: #ecf6ff !important;
  border: 3px dashed #c7d4e1 !important;
  padding: 20px !important;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 6px !important;
}

/* Styles for the image upload */
.jet-form-builder-file-upload__file img {
  display: block;
  width: 100%;
  height: 100% !important;
  padding: 0;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  border-radius: 6px !important;
  box-shadow: 0 0 30px -8px rgba(0, 0, 0, 0.24) !important;
}

/* Styles for image content */
.jet-form-builder-file-upload__content {
  min-height: auto !important;
}

/* Styles for the custom "Choose File" and "File Uploaded" buttons */
.addfile {
  padding: 10px 20px;
  background-color: #0037fd !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 6px;
  margin-top: 10px; /* Space between button and label */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

.addfile:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Styles for the label that shows file upload status */
.labeladdfile {
  padding: 6px 12px;
  background-color: transparent;
  color: #000000 !important;
  font-size: 12px;
  font-weight: 400;
  display: block;
  margin-top: 10px;
  border-radius: 6px;
  transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

/* Class added when files are uploaded */
.files-uploaded {
  background-color: #09b872 !important;
  padding: 6px 12px;
  color: #ffffff !important;
  border-radius: 6px;
}

/* Hide the default file input visually */
.jet-form-builder-file-upload__input {
  display: none;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .addfile,
  .labeladdfile {
    padding: 8px 16px;
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .addfile,
  .labeladdfile {
    padding: 8px 16px;
    font-size: 12px;
  }
}