:root {
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-32: 32px;
  --fs-36: 36px;
  --fs-40: 40px;
  --fs-44: 44px;
  --fs-48: 48px;
  --fs-52: 52px;
  --fs-56: 56px;
  --fs-60: 60px;
  --fs-64: 64px;
  --fs-68: 68px;
  --fs-72: 72px;
  --fs-76: 76px;
  --fs-80: 80px;
  --fs-84: 84px;
  --fs-88: 88px;
  --fs-92: 92px;
  --fs-96: 96px;
  --fs-100: 100px;
  --fs-104: 104px;
  --fs-108: 108px;
  --fs-112: 112px;
  --fs-116: 116px;
  --fs-120: 120px;
  --fs-124: 124px;
  --fs-128: 128px;
  --fs-132: 132px;
  --fs-136: 136px;
  --fs-140: 140px;
  
  
  /* Primary Colors */
  --primary-blue: #1e40af;     /* adjust if needed */
  --primary-orange: #f97316;

  /* Base Colors */
  --black-color: #000000;
  --white-color: #ffffff;

  /* Greys */
  --dark-grey: #292D34;
  --grey-color1: #6b7280;
  --grey-color2: #9ca3af;
  --grey-color3: #e5e7eb;
  --grey-color4:#2e4051;
  
  
  --space-0: 0px;
  --space-4: 2px;
  --space-8: 4px;
  --space-12: 6px;
  --space-16: 8px;
  --space-20: 10px;
  --space-24: 12px;
  --space-28: 14px;
  --space-32: 16px;
  --space-36: 18px;
  --space-40: 20px;
  --space-44: 22px;
  --space-48: 24px;
  --space-52: 26px;
  --space-56: 28px;
  --space-60: 30px;
  --space-64: 32px;
  --space-68: 34px;
  --space-72: 36px;
  --space-76: 38px;
  --space-80: 40px;
  --space-84: 42px;
  --space-88: 44px;
  --space-92: 46px;
  --space-96: 48px;
  --space-100: 50px;
  --space-104: 52px;
  --space-108: 54px;
  --space-112: 56px;
  --space-116: 58px;
  --space-120: 60px;
  
}
@media (min-width: 768px) {
    :root{
  --space-0: 0px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-36: 36px;
  --space-40: 40px;
  --space-44: 44px;
  --space-48: 48px;
  --space-52: 52px;
  --space-56: 56px;
  --space-60: 60px;
  --space-64: 64px;
  --space-68: 68px;
  --space-72: 72px;
  --space-76: 76px;
  --space-80: 80px;
  --space-84: 84px;
  --space-88: 88px;
  --space-92: 92px;
  --space-96: 96px;
  --space-100: 100px;
  --space-104: 104px;
  --space-108: 108px;
  --space-112: 112px;
  --space-116: 116px;
  --space-120: 120px;
    }
}

.grey-heading{ color: var(--dark-grey);}
.sec-grey-heading{color:var(--grey-color4);}
.zp-primary-blue{ color: var(--primary-blue);}
.z-primary-orange{ color: var(--primary-orange);}
.z-black{ color: var(--black-color);}
.z-white{ color: var(--white-color);}

  
.zp-p-0   { padding: var(--space-0); }
.zp-p-4   { padding: var(--space-4); }
.zp-p-8   { padding: var(--space-8); }
.zp-p-12  { padding: var(--space-12); }
.zp-p-16  { padding: var(--space-16); }
.zp-p-20  { padding: var(--space-20); }
.zp-p-24  { padding: var(--space-24); }
.zp-p-28  { padding: var(--space-28); }
.zp-p-32  { padding: var(--space-32); }
.zp-p-36  { padding: var(--space-36); }
.zp-p-40  { padding: var(--space-40); }
.zp-p-44  { padding: var(--space-44); }
.zp-p-48  { padding: var(--space-48); }
.zp-p-52  { padding: var(--space-52); }
.zp-p-56  { padding: var(--space-56); }
.zp-p-60  { padding: var(--space-60); }
.zp-p-64  { padding: var(--space-64); }
.zp-p-68  { padding: var(--space-68); }
.zp-p-72  { padding: var(--space-72); }
.zp-p-76  { padding: var(--space-76); }
.zp-p-80  { padding: var(--space-80); }
.zp-p-84  { padding: var(--space-84); }
.zp-p-88  { padding: var(--space-88); }
.zp-p-92  { padding: var(--space-92); }
.zp-p-96  { padding: var(--space-96); }
.zp-p-100 { padding: var(--space-100); }
.zp-p-104 { padding: var(--space-104); }
.zp-p-108 { padding: var(--space-108); }
.zp-p-112 { padding: var(--space-112); }
.zp-p-116 { padding: var(--space-116); }
.zp-p-120 { padding: var(--space-120); }

.zp-pt-0   { padding-top: var(--space-0); }
.zp-pt-4   { padding-top: var(--space-4); }
.zp-pt-8   { padding-top: var(--space-8); }
.zp-pt-12  { padding-top: var(--space-12); }
.zp-pt-16  { padding-top: var(--space-16); }
.zp-pt-20  { padding-top: var(--space-20); }
.zp-pt-24  { padding-top: var(--space-24); }
.zp-pt-28  { padding-top: var(--space-28); }
.zp-pt-32  { padding-top: var(--space-32); }
.zp-pt-36  { padding-top: var(--space-36); }
.zp-pt-40  { padding-top: var(--space-40); }
.zp-pt-44  { padding-top: var(--space-44); }
.zp-pt-48  { padding-top: var(--space-48); }
.zp-pt-52  { padding-top: var(--space-52); }
.zp-pt-56  { padding-top: var(--space-56); }
.zp-pt-60  { padding-top: var(--space-60); }
.zp-pt-64  { padding-top: var(--space-64); }
.zp-pt-68  { padding-top: var(--space-68); }
.zp-pt-72  { padding-top: var(--space-72); }
.zp-pt-76  { padding-top: var(--space-76); }
.zp-pt-80  { padding-top: var(--space-80); }
.zp-pt-84  { padding-top: var(--space-84); }
.zp-pt-88  { padding-top: var(--space-88); }
.zp-pt-92  { padding-top: var(--space-92); }
.zp-pt-96  { padding-top: var(--space-96); }
.zp-pt-100 { padding-top: var(--space-100); }
.zp-pt-104 { padding-top: var(--space-104); }
.zp-pt-108 { padding-top: var(--space-108); }
.zp-pt-112 { padding-top: var(--space-112); }
.zp-pt-116 { padding-top: var(--space-116); }
.zp-pt-120 { padding-top: var(--space-120); }

.zp-pb-0   { padding-bottom: var(--space-0); }
.zp-pb-4   { padding-bottom: var(--space-4); }
.zp-pb-8   { padding-bottom: var(--space-8); }
.zp-pb-12  { padding-bottom: var(--space-12); }
.zp-pb-16  { padding-bottom: var(--space-16); }
.zp-pb-20  { padding-bottom: var(--space-20); }
.zp-pb-24  { padding-bottom: var(--space-24); }
.zp-pb-28  { padding-bottom: var(--space-28); }
.zp-pb-32  { padding-bottom: var(--space-32); }
.zp-pb-36  { padding-bottom: var(--space-36); }
.zp-pb-40  { padding-bottom: var(--space-40); }
.zp-pb-44  { padding-bottom: var(--space-44); }
.zp-pb-48  { padding-bottom: var(--space-48); }
.zp-pb-52  { padding-bottom: var(--space-52); }
.zp-pb-56  { padding-bottom: var(--space-56); }
.zp-pb-60  { padding-bottom: var(--space-60); }
.zp-pb-64  { padding-bottom: var(--space-64); }
.zp-pb-68  { padding-bottom: var(--space-68); }
.zp-pb-72  { padding-bottom: var(--space-72); }
.zp-pb-76  { padding-bottom: var(--space-76); }
.zp-pb-80  { padding-bottom: var(--space-80); }
.zp-pb-84  { padding-bottom: var(--space-84); }
.zp-pb-88  { padding-bottom: var(--space-88); }
.zp-pb-92  { padding-bottom: var(--space-92); }
.zp-pb-96  { padding-bottom: var(--space-96); }
.zp-pb-100 { padding-bottom: var(--space-100); }
.zp-pb-104 { padding-bottom: var(--space-104); }
.zp-pb-108 { padding-bottom: var(--space-108); }
.zp-pb-112 { padding-bottom: var(--space-112); }
.zp-pb-116 { padding-bottom: var(--space-116); }
.zp-pb-120 { padding-bottom: var(--space-120); }

.zp-pl-0   { padding-left: var(--space-0); }
.zp-pl-4   { padding-left: var(--space-4); }
.zp-pl-8   { padding-left: var(--space-8); }
.zp-pl-12  { padding-left: var(--space-12); }
.zp-pl-16  { padding-left: var(--space-16); }
.zp-pl-20  { padding-left: var(--space-20); }
.zp-pl-24  { padding-left: var(--space-24); }
.zp-pl-28  { padding-left: var(--space-28); }
.zp-pl-32  { padding-left: var(--space-32); }
.zp-pl-36  { padding-left: var(--space-36); }
.zp-pl-40  { padding-left: var(--space-40); }
.zp-pl-44  { padding-left: var(--space-44); }
.zp-pl-48  { padding-left: var(--space-48); }
.zp-pl-52  { padding-left: var(--space-52); }
.zp-pl-56  { padding-left: var(--space-56); }
.zp-pl-60  { padding-left: var(--space-60); }
.zp-pl-64  { padding-left: var(--space-64); }
.zp-pl-68  { padding-left: var(--space-68); }
.zp-pl-72  { padding-left: var(--space-72); }
.zp-pl-76  { padding-left: var(--space-76); }
.zp-pl-80  { padding-left: var(--space-80); }
.zp-pl-84  { padding-left: var(--space-84); }
.zp-pl-88  { padding-left: var(--space-88); }
.zp-pl-92  { padding-left: var(--space-92); }
.zp-pl-96  { padding-left: var(--space-96); }
.zp-pl-100 { padding-left: var(--space-100); }
.zp-pl-104 { padding-left: var(--space-104); }
.zp-pl-108 { padding-left: var(--space-108); }
.zp-pl-112 { padding-left: var(--space-112); }
.zp-pl-116 { padding-left: var(--space-116); }
.zp-pl-120 { padding-left: var(--space-120); }

.zp-pr-0   { padding-right: var(--space-0); }
.zp-pr-4   { padding-right: var(--space-4); }
.zp-pr-8   { padding-right: var(--space-8); }
.zp-pr-12  { padding-right: var(--space-12); }
.zp-pr-16  { padding-right: var(--space-16); }
.zp-pr-20  { padding-right: var(--space-20); }
.zp-pr-24  { padding-right: var(--space-24); }
.zp-pr-28  { padding-right: var(--space-28); }
.zp-pr-32  { padding-right: var(--space-32); }
.zp-pr-36  { padding-right: var(--space-36); }
.zp-pr-40  { padding-right: var(--space-40); }
.zp-pr-44  { padding-right: var(--space-44); }
.zp-pr-48  { padding-right: var(--space-48); }
.zp-pr-52  { padding-right: var(--space-52); }
.zp-pr-56  { padding-right: var(--space-56); }
.zp-pr-60  { padding-right: var(--space-60); }
.zp-pr-64  { padding-right: var(--space-64); }
.zp-pr-68  { padding-right: var(--space-68); }
.zp-pr-72  { padding-right: var(--space-72); }
.zp-pr-76  { padding-right: var(--space-76); }
.zp-pr-80  { padding-right: var(--space-80); }
.zp-pr-84  { padding-right: var(--space-84); }
.zp-pr-88  { padding-right: var(--space-88); }
.zp-pr-92  { padding-right: var(--space-92); }
.zp-pr-96  { padding-right: var(--space-96); }
.zp-pr-100 { padding-right: var(--space-100); }
.zp-pr-104 { padding-right: var(--space-104); }
.zp-pr-108 { padding-right: var(--space-108); }
.zp-pr-112 { padding-right: var(--space-112); }
.zp-pr-116 { padding-right: var(--space-116); }
.zp-pr-120 { padding-right: var(--space-120); }

.zp-px-0   { padding-left: var(--space-0);   padding-right: var(--space-0); }
.zp-px-4   { padding-left: var(--space-4);   padding-right: var(--space-4); }
.zp-px-8   { padding-left: var(--space-8);   padding-right: var(--space-8); }
.zp-px-12  { padding-left: var(--space-12);  padding-right: var(--space-12); }
.zp-px-16  { padding-left: var(--space-16);  padding-right: var(--space-16); }
.zp-px-20  { padding-left: var(--space-20);  padding-right: var(--space-20); }
.zp-px-24  { padding-left: var(--space-24);  padding-right: var(--space-24); }
.zp-px-28  { padding-left: var(--space-28);  padding-right: var(--space-28); }
.zp-px-32  { padding-left: var(--space-32);  padding-right: var(--space-32); }
.zp-px-36  { padding-left: var(--space-36);  padding-right: var(--space-36); }
.zp-px-40  { padding-left: var(--space-40);  padding-right: var(--space-40); }
.zp-px-44  { padding-left: var(--space-44);  padding-right: var(--space-44); }
.zp-px-48  { padding-left: var(--space-48);  padding-right: var(--space-48); }
.zp-px-52  { padding-left: var(--space-52);  padding-right: var(--space-52); }
.zp-px-56  { padding-left: var(--space-56);  padding-right: var(--space-56); }
.zp-px-60  { padding-left: var(--space-60);  padding-right: var(--space-60); }
.zp-px-64  { padding-left: var(--space-64);  padding-right: var(--space-64); }
.zp-px-68  { padding-left: var(--space-68);  padding-right: var(--space-68); }
.zp-px-72  { padding-left: var(--space-72);  padding-right: var(--space-72); }
.zp-px-76  { padding-left: var(--space-76);  padding-right: var(--space-76); }
.zp-px-80  { padding-left: var(--space-80);  padding-right: var(--space-80); }
.zp-px-84  { padding-left: var(--space-84);  padding-right: var(--space-84); }
.zp-px-88  { padding-left: var(--space-88);  padding-right: var(--space-88); }
.zp-px-92  { padding-left: var(--space-92);  padding-right: var(--space-92); }
.zp-px-96  { padding-left: var(--space-96);  padding-right: var(--space-96); }
.zp-px-100 { padding-left: var(--space-100); padding-right: var(--space-100); }
.zp-px-104 { padding-left: var(--space-104); padding-right: var(--space-104); }
.zp-px-108 { padding-left: var(--space-108); padding-right: var(--space-108); }
.zp-px-112 { padding-left: var(--space-112); padding-right: var(--space-112); }
.zp-px-116 { padding-left: var(--space-116); padding-right: var(--space-116); }
.zp-px-120 { padding-left: var(--space-120); padding-right: var(--space-120); }

.zp-py-0   { padding-top: var(--space-0);   padding-bottom: var(--space-0); }
.zp-py-4   { padding-top: var(--space-4);   padding-bottom: var(--space-4); }
.zp-py-8   { padding-top: var(--space-8);   padding-bottom: var(--space-8); }
.zp-py-12  { padding-top: var(--space-12);  padding-bottom: var(--space-12); }
.zp-py-16  { padding-top: var(--space-16);  padding-bottom: var(--space-16); }
.zp-py-20  { padding-top: var(--space-20);  padding-bottom: var(--space-20); }
.zp-py-24  { padding-top: var(--space-24);  padding-bottom: var(--space-24); }
.zp-py-28  { padding-top: var(--space-28);  padding-bottom: var(--space-28); }
.zp-py-32  { padding-top: var(--space-32);  padding-bottom: var(--space-32); }
.zp-py-36  { padding-top: var(--space-36);  padding-bottom: var(--space-36); }
.zp-py-40  { padding-top: var(--space-40);  padding-bottom: var(--space-40); }
.zp-py-44  { padding-top: var(--space-44);  padding-bottom: var(--space-44); }
.zp-py-48  { padding-top: var(--space-48);  padding-bottom: var(--space-48); }
.zp-py-52  { padding-top: var(--space-52);  padding-bottom: var(--space-52); }
.zp-py-56  { padding-top: var(--space-56);  padding-bottom: var(--space-56); }
.zp-py-60  { padding-top: var(--space-60);  padding-bottom: var(--space-60); }
.zp-py-64  { padding-top: var(--space-64);  padding-bottom: var(--space-64); }
.zp-py-68  { padding-top: var(--space-68);  padding-bottom: var(--space-68); }
.zp-py-72  { padding-top: var(--space-72);  padding-bottom: var(--space-72); }
.zp-py-76  { padding-top: var(--space-76);  padding-bottom: var(--space-76); }
.zp-py-80  { padding-top: var(--space-80);  padding-bottom: var(--space-80); }
.zp-py-84  { padding-top: var(--space-84);  padding-bottom: var(--space-84); }
.zp-py-88  { padding-top: var(--space-88);  padding-bottom: var(--space-88); }
.zp-py-92  { padding-top: var(--space-92);  padding-bottom: var(--space-92); }
.zp-py-96  { padding-top: var(--space-96);  padding-bottom: var(--space-96); }
.zp-py-100 { padding-top: var(--space-100); padding-bottom: var(--space-100); }
.zp-py-104 { padding-top: var(--space-104); padding-bottom: var(--space-104); }
.zp-py-108 { padding-top: var(--space-108); padding-bottom: var(--space-108); }
.zp-py-112 { padding-top: var(--space-112); padding-bottom: var(--space-112); }
.zp-py-116 { padding-top: var(--space-116); padding-bottom: var(--space-116); }
.zp-py-120 { padding-top: var(--space-120); padding-bottom: var(--space-120); }


.zp-m-0   { margin: var(--space-0); }
.zp-m-4   { margin: var(--space-4); }
.zp-m-8   { margin: var(--space-8); }
.zp-m-12  { margin: var(--space-12); }
.zp-m-16  { margin: var(--space-16); }
.zp-m-20  { margin: var(--space-20); }
.zp-m-24  { margin: var(--space-24); }
.zp-m-28  { margin: var(--space-28); }
.zp-m-32  { margin: var(--space-32); }
.zp-m-36  { margin: var(--space-36); }
.zp-m-40  { margin: var(--space-40); }
.zp-m-44  { margin: var(--space-44); }
.zp-m-48  { margin: var(--space-48); }
.zp-m-52  { margin: var(--space-52); }
.zp-m-56  { margin: var(--space-56); }
.zp-m-60  { margin: var(--space-60); }
.zp-m-64  { margin: var(--space-64); }
.zp-m-68  { margin: var(--space-68); }
.zp-m-72  { margin: var(--space-72); }
.zp-m-76  { margin: var(--space-76); }
.zp-m-80  { margin: var(--space-80); }
.zp-m-84  { margin: var(--space-84); }
.zp-m-88  { margin: var(--space-88); }
.zp-m-92  { margin: var(--space-92); }
.zp-m-96  { margin: var(--space-96); }
.zp-m-100 { margin: var(--space-100); }
.zp-m-104 { margin: var(--space-104); }
.zp-m-108 { margin: var(--space-108); }
.zp-m-112 { margin: var(--space-112); }
.zp-m-116 { margin: var(--space-116); }
.zp-m-120 { margin: var(--space-120); }

.zp-mt-0   { margin-top: var(--space-0); }
.zp-mt-4   { margin-top: var(--space-4); }
.zp-mt-8   { margin-top: var(--space-8); }
.zp-mt-12  { margin-top: var(--space-12); }
.zp-mt-16  { margin-top: var(--space-16); }
.zp-mt-20  { margin-top: var(--space-20); }
.zp-mt-24  { margin-top: var(--space-24); }
.zp-mt-28  { margin-top: var(--space-28); }
.zp-mt-32  { margin-top: var(--space-32); }
.zp-mt-36  { margin-top: var(--space-36); }
.zp-mt-40  { margin-top: var(--space-40); }
.zp-mt-44  { margin-top: var(--space-44); }
.zp-mt-48  { margin-top: var(--space-48); }
.zp-mt-52  { margin-top: var(--space-52); }
.zp-mt-56  { margin-top: var(--space-56); }
.zp-mt-60  { margin-top: var(--space-60); }
.zp-mt-64  { margin-top: var(--space-64); }
.zp-mt-68  { margin-top: var(--space-68); }
.zp-mt-72  { margin-top: var(--space-72); }
.zp-mt-76  { margin-top: var(--space-76); }
.zp-mt-80  { margin-top: var(--space-80); }
.zp-mt-84  { margin-top: var(--space-84); }
.zp-mt-88  { margin-top: var(--space-88); }
.zp-mt-92  { margin-top: var(--space-92); }
.zp-mt-96  { margin-top: var(--space-96); }
.zp-mt-100 { margin-top: var(--space-100); }
.zp-mt-104 { margin-top: var(--space-104); }
.zp-mt-108 { margin-top: var(--space-108); }
.zp-mt-112 { margin-top: var(--space-112); }
.zp-mt-116 { margin-top: var(--space-116); }
.zp-mt-120 { margin-top: var(--space-120); }

.zp-mb-0   { margin-bottom: var(--space-0) !important; }
.zp-mb-4   { margin-bottom: var(--space-4); }
.zp-mb-8   { margin-bottom: var(--space-8); }
.zp-mb-12  { margin-bottom: var(--space-12); }
.zp-mb-16  { margin-bottom: var(--space-16); }
.zp-mb-20  { margin-bottom: var(--space-20) !important; }
.zp-mb-24  { margin-bottom: var(--space-24); }
.zp-mb-28  { margin-bottom: var(--space-28) !important; }
.zp-mb-32  { margin-bottom: var(--space-32) !important; }
.zp-mb-36  { margin-bottom: var(--space-36) !important; }
.zp-mb-40  { margin-bottom: var(--space-40); }
.zp-mb-44  { margin-bottom: var(--space-44); }
.zp-mb-48  { margin-bottom: var(--space-48); }
.zp-mb-52  { margin-bottom: var(--space-52) !important; }
.zp-mb-56  { margin-bottom: var(--space-56); }
.zp-mb-60  { margin-bottom: var(--space-60); }
.zp-mb-64  { margin-bottom: var(--space-64); }
.zp-mb-68  { margin-bottom: var(--space-68); }
.zp-mb-72  { margin-bottom: var(--space-72); }
.zp-mb-76  { margin-bottom: var(--space-76); }
.zp-mb-80  { margin-bottom: var(--space-80); }
.zp-mb-84  { margin-bottom: var(--space-84); }
.zp-mb-88  { margin-bottom: var(--space-88); }
.zp-mb-92  { margin-bottom: var(--space-92); }
.zp-mb-96  { margin-bottom: var(--space-96) !important; }
.zp-mb-100 { margin-bottom: var(--space-100); }
.zp-mb-104 { margin-bottom: var(--space-104); }
.zp-mb-108 { margin-bottom: var(--space-108); }
.zp-mb-112 { margin-bottom: var(--space-112); }
.zp-mb-116 { margin-bottom: var(--space-116); }
.zp-mb-120 { margin-bottom: var(--space-120); }

.zp-ml-0   { margin-left: var(--space-0); }
.zp-ml-4   { margin-left: var(--space-4); }
.zp-ml-8   { margin-left: var(--space-8); }
.zp-ml-12  { margin-left: var(--space-12); }
.zp-ml-16  { margin-left: var(--space-16); }
.zp-ml-20  { margin-left: var(--space-20); }
.zp-ml-24  { margin-left: var(--space-24); }
.zp-ml-28  { margin-left: var(--space-28); }
.zp-ml-32  { margin-left: var(--space-32); }
.zp-ml-36  { margin-left: var(--space-36); }
.zp-ml-40  { margin-left: var(--space-40); }
.zp-ml-44  { margin-left: var(--space-44); }
.zp-ml-48  { margin-left: var(--space-48); }
.zp-ml-52  { margin-left: var(--space-52); }
.zp-ml-56  { margin-left: var(--space-56); }
.zp-ml-60  { margin-left: var(--space-60); }
.zp-ml-64  { margin-left: var(--space-64); }
.zp-ml-68  { margin-left: var(--space-68); }
.zp-ml-72  { margin-left: var(--space-72); }
.zp-ml-76  { margin-left: var(--space-76); }
.zp-ml-80  { margin-left: var(--space-80); }
.zp-ml-84  { margin-left: var(--space-84); }
.zp-ml-88  { margin-left: var(--space-88); }
.zp-ml-92  { margin-left: var(--space-92); }
.zp-ml-96  { margin-left: var(--space-96); }
.zp-ml-100 { margin-left: var(--space-100); }
.zp-ml-104 { margin-left: var(--space-104); }
.zp-ml-108 { margin-left: var(--space-108); }
.zp-ml-112 { margin-left: var(--space-112); }
.zp-ml-116 { margin-left: var(--space-116); }
.zp-ml-120 { margin-left: var(--space-120); }

.zp-mr-0   { margin-right: var(--space-0); }
.zp-mr-4   { margin-right: var(--space-4); }
.zp-mr-8   { margin-right: var(--space-8); }
.zp-mr-12  { margin-right: var(--space-12); }
.zp-mr-16  { margin-right: var(--space-16); }
.zp-mr-20  { margin-right: var(--space-20); }
.zp-mr-24  { margin-right: var(--space-24); }
.zp-mr-28  { margin-right: var(--space-28); }
.zp-mr-32  { margin-right: var(--space-32); }
.zp-mr-36  { margin-right: var(--space-36); }
.zp-mr-40  { margin-right: var(--space-40); }
.zp-mr-44  { margin-right: var(--space-44); }
.zp-mr-48  { margin-right: var(--space-48); }
.zp-mr-52  { margin-right: var(--space-52); }
.zp-mr-56  { margin-right: var(--space-56); }
.zp-mr-60  { margin-right: var(--space-60); }
.zp-mr-64  { margin-right: var(--space-64); }
.zp-mr-68  { margin-right: var(--space-68); }
.zp-mr-72  { margin-right: var(--space-72); }
.zp-mr-76  { margin-right: var(--space-76); }
.zp-mr-80  { margin-right: var(--space-80); }
.zp-mr-84  { margin-right: var(--space-84); }
.zp-mr-88  { margin-right: var(--space-88); }
.zp-mr-92  { margin-right: var(--space-92); }
.zp-mr-96  { margin-right: var(--space-96); }
.zp-mr-100 { margin-right: var(--space-100); }
.zp-mr-104 { margin-right: var(--space-104); }
.zp-mr-108 { margin-right: var(--space-108); }
.zp-mr-112 { margin-right: var(--space-112); }
.zp-mr-116 { margin-right: var(--space-116); }
.zp-mr-120 { margin-right: var(--space-120); }

.zp-mx-0   { margin-left: var(--space-0);   margin-right: var(--space-0); }
.zp-mx-4   { margin-left: var(--space-4);   margin-right: var(--space-4); }
.zp-mx-8   { margin-left: var(--space-8);   margin-right: var(--space-8); }
.zp-mx-12  { margin-left: var(--space-12);  margin-right: var(--space-12); }
.zp-mx-16  { margin-left: var(--space-16);  margin-right: var(--space-16); }
.zp-mx-20  { margin-left: var(--space-20);  margin-right: var(--space-20); }
.zp-mx-24  { margin-left: var(--space-24);  margin-right: var(--space-24); }
.zp-mx-28  { margin-left: var(--space-28);  margin-right: var(--space-28); }
.zp-mx-32  { margin-left: var(--space-32);  margin-right: var(--space-32); }
.zp-mx-36  { margin-left: var(--space-36);  margin-right: var(--space-36); }
.zp-mx-40  { margin-left: var(--space-40);  margin-right: var(--space-40); }
.zp-mx-44  { margin-left: var(--space-44);  margin-right: var(--space-44); }
.zp-mx-48  { margin-left: var(--space-48);  margin-right: var(--space-48); }
.zp-mx-52  { margin-left: var(--space-52);  margin-right: var(--space-52); }
.zp-mx-56  { margin-left: var(--space-56);  margin-right: var(--space-56); }
.zp-mx-60  { margin-left: var(--space-60);  margin-right: var(--space-60); }
.zp-mx-64  { margin-left: var(--space-64);  margin-right: var(--space-64); }
.zp-mx-68  { margin-left: var(--space-68);  margin-right: var(--space-68); }
.zp-mx-72  { margin-left: var(--space-72);  margin-right: var(--space-72); }
.zp-mx-76  { margin-left: var(--space-76);  margin-right: var(--space-76); }
.zp-mx-80  { margin-left: var(--space-80);  margin-right: var(--space-80); }
.zp-mx-84  { margin-left: var(--space-84);  margin-right: var(--space-84); }
.zp-mx-88  { margin-left: var(--space-88);  margin-right: var(--space-88); }
.zp-mx-92  { margin-left: var(--space-92);  margin-right: var(--space-92); }
.zp-mx-96  { margin-left: var(--space-96);  margin-right: var(--space-96); }
.zp-mx-100 { margin-left: var(--space-100); margin-right: var(--space-100); }
.zp-mx-104 { margin-left: var(--space-104); margin-right: var(--space-104); }
.zp-mx-108 { margin-left: var(--space-108); margin-right: var(--space-108); }
.zp-mx-112 { margin-left: var(--space-112); margin-right: var(--space-112); }
.zp-mx-116 { margin-left: var(--space-116); margin-right: var(--space-116); }
.zp-mx-120 { margin-left: var(--space-120); margin-right: var(--space-120); }

.zp-my-0   { margin-top: var(--space-0);   margin-bottom: var(--space-0); }
.zp-my-4   { margin-top: var(--space-4);   margin-bottom: var(--space-4); }
.zp-my-8   { margin-top: var(--space-8);   margin-bottom: var(--space-8); }
.zp-my-12  { margin-top: var(--space-12);  margin-bottom: var(--space-12); }
.zp-my-16  { margin-top: var(--space-16);  margin-bottom: var(--space-16); }
.zp-my-20  { margin-top: var(--space-20);  margin-bottom: var(--space-20); }
.zp-my-24  { margin-top: var(--space-24);  margin-bottom: var(--space-24); }
.zp-my-28  { margin-top: var(--space-28);  margin-bottom: var(--space-28); }
.zp-my-32  { margin-top: var(--space-32);  margin-bottom: var(--space-32); }
.zp-my-36  { margin-top: var(--space-36);  margin-bottom: var(--space-36); }
.zp-my-40  { margin-top: var(--space-40);  margin-bottom: var(--space-40); }
.zp-my-44  { margin-top: var(--space-44);  margin-bottom: var(--space-44); }
.zp-my-48  { margin-top: var(--space-48);  margin-bottom: var(--space-48); }
.zp-my-52  { margin-top: var(--space-52);  margin-bottom: var(--space-52); }
.zp-my-56  { margin-top: var(--space-56);  margin-bottom: var(--space-56); }
.zp-my-60  { margin-top: var(--space-60);  margin-bottom: var(--space-60); }
.zp-my-64  { margin-top: var(--space-64);  margin-bottom: var(--space-64); }
.zp-my-68  { margin-top: var(--space-68);  margin-bottom: var(--space-68); }
.zp-my-72  { margin-top: var(--space-72);  margin-bottom: var(--space-72); }
.zp-my-76  { margin-top: var(--space-76);  margin-bottom: var(--space-76); }
.zp-my-80  { margin-top: var(--space-80);  margin-bottom: var(--space-80); }
.zp-my-84  { margin-top: var(--space-84);  margin-bottom: var(--space-84); }
.zp-my-88  { margin-top: var(--space-88);  margin-bottom: var(--space-88); }
.zp-my-92  { margin-top: var(--space-92);  margin-bottom: var(--space-92); }
.zp-my-96  { margin-top: var(--space-96);  margin-bottom: var(--space-96); }
.zp-my-100 { margin-top: var(--space-100); margin-bottom: var(--space-100); }
.zp-my-104 { margin-top: var(--space-104); margin-bottom: var(--space-104); }
.zp-my-108 { margin-top: var(--space-108); margin-bottom: var(--space-108); }
.zp-my-112 { margin-top: var(--space-112); margin-bottom: var(--space-112); }
.zp-my-116 { margin-top: var(--space-116); margin-bottom: var(--space-116); }
.zp-my-120 { margin-top: var(--space-120); margin-bottom: var(--space-120); }

.zp-fs-12  { font-size: var(--fs-12); }
.zp-fs-14  { font-size: var(--fs-14); }
.zp-fs-16  { font-size: var(--fs-16); }
.zp-fs-18  { font-size: var(--fs-18); }
.zp-fs-20  { font-size: var(--fs-20); }
.zp-fs-24  { font-size: var(--fs-24); }
.zp-fs-28  { font-size: var(--fs-28); }
.zp-fs-32  { font-size: var(--fs-32); }
.zp-fs-36  { font-size: var(--fs-36); }
.zp-fs-40  { font-size: var(--fs-40) !important; }
.zp-fs-44  { font-size: var(--fs-44); }
.zp-fs-48  { font-size: var(--fs-48); }
.zp-fs-52  { font-size: var(--fs-52); }
.zp-fs-56  { font-size: var(--fs-56); }
.zp-fs-60  { font-size: var(--fs-60); }
.zp-fs-64  { font-size: var(--fs-64)!important; }
.zp-fs-68  { font-size: var(--fs-68); }
.zp-fs-72  { font-size: var(--fs-72); }
.zp-fs-76  { font-size: var(--fs-76); }
.zp-fs-80  { font-size: var(--fs-80); }
.zp-fs-84  { font-size: var(--fs-84); }
.zp-fs-88  { font-size: var(--fs-88); }
.zp-fs-92  { font-size: var(--fs-92); }
.zp-fs-96  { font-size: var(--fs-96); }
.zp-fs-100 { font-size: var(--fs-100); }
.zp-fs-104 { font-size: var(--fs-104); }
.zp-fs-108 { font-size: var(--fs-108); }
.zp-fs-112 { font-size: var(--fs-112); }
.zp-fs-116 { font-size: var(--fs-116); }
.zp-fs-120 { font-size: var(--fs-120); }
.zp-fs-124 { font-size: var(--fs-124); }
.zp-fs-128 { font-size: var(--fs-128); }
.zp-fs-132 { font-size: var(--fs-132); }
.zp-fs-136 { font-size: var(--fs-136); }
.zp-fs-140 { font-size: var(--fs-140); }

.zp-d-flex{ display:flex; }
.zp-justify-center{ justify-content:center;}
.zp-align-center{ align-items:center;}
.zp-border-black{border: 1px solid #000; }
.zp-txt-center{text-align:center;}
.zp-prgh18{ font-size:var(--fs-18); }
.zp-semi{ font-weight:600 !important;}


/* custom css */
.zp-sec-titles {
    width: 65%;
    margin: 0 auto;
}.zp-video-bg {
    height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}