/**
 * ZephyrPHP Starter Application Styles
 *
 * A modern, clean design for your ZephyrPHP application
 */

/* ============================================
   CSS Reset & Base Styles
   ============================================ */
@charset "utf-8";

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;font-style: normal;font-display: swap;
}


/*-----------------------*/
:root {
  --main-color: #EB9900;
  --black-color: #000000;
  --light-blue: #F2F7FC;
  --border-radius-10: 0.625rem;
  --border-radius-5: 0.313rem;
  --border-radius-8: 0.5rem;
  --white-color: #ffffff;
  --line-height-p: 1.75rem;
  --font-size-15: 0.938rem;
  --margin-0: 0rem;
  --padding-0: 0rem;
  --h1-font-size: 2.813rem;
  --h1-line-height: 3.375rem;
  --h2-font-size: 2.625rem;
  --h2-line-height: 3.125rem;
  --h3-font-size: 1.625rem;
  --h3-line-height: 2.5rem;
  --h4-font-size: 1.375rem;
  --h4-line-height: 2rem;
  --h5-font-size: 1.125rem;
  --h5-line-height: 1.5rem;
  --font-weight-600: 600;
  --text-transform-capitalize: capitalize;
  --text-transform-uppercase: uppercase;
  --unlist: none;
  --p-0: 0rem;
  --max-width: 100%;
  --height-auto: auto;
  --transition-04: ease-in-out 0.4s;
  --focus-outline: none !important;
  --focus-box-shadow: none !important;
  --box-sizing: border-box;
  --cursor-pointer: pointer;
  --border-none: none;
  --display-inline: inline-table;
  --text-center: center;
  --display-flex: flex;
  --flex-row: row;
  --flex-column: column;
  --flex-column-reverse: column-reverse;
  --flex-wrap: wrap;
  --flex-nowrap: nowrap;
  --justify-start: flex-start;
  --justify-end: flex-end;
  --justify-center: center;
  --justify-evenly: space-evenly;
  --justify-between: space-between;
  --align-start: flex-start;
  --align-end: flex-end;
  --align-content:center;
  --align-center: center;
  --flex-row-reverse: row-reverse;
  --list-none: none;
  --display-none: none;
  --margin-auto: auto;
  --width-full: 100%;
  --hight-full: 100%;
  --hight-vh: 100vh;
  --flex-basis-full: 100%;
  --margin-0: 0;
  --margin-top-lg: 6.25rem;
  --margin-bottom-lg: 6.25rem;
  --margin-top-md: 4.375rem;
  --padding-top-lg: 6.25rem;
  --padding-bottom-lg: 6.25rem !important;
  --position-absolute: absolute;
  --position-relative: relative;
  --position-fixed: fixed;
  --position-sticky: sticky;
  --overflow-hidden: hidden;
  --margin-right-sm: 0.9375rem;
  --margin-0: 0;
  --text-right: right;
  --text-left: left;
  --text-center: center;
  --padding-0: 0;
  --background-none: none;
  --height-full: 100%;
  --display-grid: grid;
  --max-width-container-lg: 1470px;
  --max-width-container-md: 1320px;
  --padding-container: 0px 15px;
  --max-auto: auto;
  --font-weight-normal: 400;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-family-primary: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --scroll-behavior: smooth;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-light: 300;
  --d-none: none;
  --margin-right-0: 0;
  --spacing-50: 50px;
  --margin-right-15: 15px;
  --focus-visible: outline;
  --gray-bg: #f5f5f5;
  --m-0: 0;
  --p-0: 0;
  --spacing-100: 100px;
  --gap-15: 15px;
}

/*-------------Base Classes------------*/
*,
::after,
::before {box-sizing: var(--box-sizing);}
body {font-size: var(--font-size-15);font-weight: var(--font-weight-normal);font-family: var(--font-family-primary);}
html, body {width: 100%;margin: 0;padding: 0;}
.container {max-width: var(--max-width-container-md);margin: var(--max-auto); padding: var(--padding-container);}
.max-container {margin: var(--max-auto);padding: 0 calc(15px + 1vw);}
h1 {font-size: var(--h1-font-size);line-height: var(--h1-line-height);font-weight: var(--font-weight-semi-bold);}
h2 {font-size: var(--h2-font-size);line-height: var(--h2-line-height);font-weight: var(--font-weight-semi-bold);}
h3 {font-size: var(--h3-font-size);line-height: var(--h3-line-height);font-weight: var(--font-weight-semi-bold);}
h4 {font-size: var(--h4-font-size);line-height: var(--h4-line-height);font-weight: var(--font-weight-semi-bold);}
h5 {font-size: var(--h5-font-size);line-height: var(--h5-line-height);font-weight: var(--font-weight-medium);}
p {font-size: var(--font-size-15);line-height: var(--line-height-p);margin: var(--margin-0);}
ul {margin: var(--margin-0);padding: var(--padding-0);list-style: var(--unlist);}
img {max-width: var(--max-width);height: var(--height-auto);}
a, a:hover {text-decoration: var(--text-decoration-none);}
.btn-main {background: #FD9900;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);display: var(--display-flex);align-items: var(--align-center);
background: linear-gradient(180deg,rgba(253, 153, 0, 1) 0%, rgba(249, 199, 0, 1) 100%);color: var(--white-color);border-radius: 37px;text-transform: var(--text-transform-capitalize);font-size: var(--font-size-15);text-align: var(--text-center);
padding: 7px 20px 7px 7px;border: var(--border-none);transition: var(--transition-04);cursor: var(--cursor-pointer);font-weight: var(--font-weight-medium);gap: 6px;}
.btn-main:hover {background: var(--black-color);color: var(--white-color);}
.btn-secondry{background: linear-gradient(180deg,rgba(34, 150, 181, 1) 0%, rgba(91, 160, 219, 1) 100%);}
.d-flex {display: var(--display-flex);}
.flex-row {flex-direction: var(--flex-row);}
.flex-column {flex-direction: var(--flex-column);}
.flex-wrap {flex-wrap: var(--flex-wrap);}
.flex-nowrap {flex-wrap: var(--flex-nowrap);}
.justify-content-start {justify-content: var(--justify-start);}
.justify-content-end {justify-content: var(--justify-end);}
.justify-content-center {justify-content: var(--justify-center);}
.justify-content-evenly {justify-content: var(--justify-evenly);}
.flex-row-reverse {flex-direction: var(--flex-row-reverse);}
.justify-content-between {justify-content: var(--justify-between);}
.align-items-start {align-items: var(--align-start);}
.align-items-end {align-items: var(--align-end);}
.align-items-center {align-items: var(--align-center);}
.align-content{align-content: var(--align-content);}
.flex-column-reverse {flex-direction: var(--flex-column-reverse);}
.un-listed {list-style: var(--unlist);}
.d-none {display: var(--d-none);}
.ms-auto {margin-left: var(--margin-auto) !important;}
.mr-auto {margin-right: var(--margin-auto) !important;}
.mx-auto {margin: 0 var(--margin-auto) !important;}
.mr-0 {margin-right: var(--margin-right-0);}
.text-center {text-align: var(--text-center);}
.mrt-100 { margin-top: var(--spacing-100);}
.mrb-100 {margin-bottom: var(--spacing-100);}
.pdt-100 {padding-top: var(--spacing-100);}
.mr-100{margin: 0 100px;}
.pd-100{padding: 0 100px;}
.pdb-100 {padding-bottom: var(--spacing-100) !important;}
.position-absolute {position: var(--position-absolute);}
.position-relative {position: var(--position-relative);}
.position-fixed {position: var(--position-fixed);}
.overflow-hidden {overflow: var(--overflow-hidden);}
.me-3 {margin-right: var(--margin-right-15);}
h1, h2, h3, h4, h5{  text-transform: var(--text-transform-capitalize);}
h1, h2, h3, h4, h5, p {font-family: var(--font-family-primary);margin: var(--margin-0);}
select:focus-visible,
input:focus-visible {outline: 0 var(--focus-visible);}
button {border: var(--border-none);}
.d-grid {display: var(--display-grid);}
.white_bg { background: var(--white-color);}
.m-0 {margin: var(--m-0) !important;}
.p-0 {margin: var(--p-0) !important;}
.text-uppercase {text-transform: var(--text-transform-uppercase);}
.text-capitalize {text-transform: var(--text-transform-capitalize);}
.full_height {height: var(--hight-full);}
.vh_height {height: var(--hight-vh);}
.position-sticky {position: var(--position-sticky);}
.light-blue{background: var(--light-blue);}
.display-none {display: var(--display-none);}
.flex-flow-row {flex-flow: var(--flex-row);}
.flex-flow-column {flex-flow: var(--flex-column);}
.flex-flow-column-reverse {flex-flow: var(--flex-column-reverse);}
.flex-flow-row-reverse {flex-flow: var(--flex-row-reverse);}
.gap-15 {gap: var(--gap-15);}
/*--------------------*/