/* ====================================================
   Bootstrap-lite: Full Spacing + Grid + Font-size
   Version: 1.0
   Author: Custom for Landing
==================================================== */

/* ---------------- Variables ---------------- */
:root {
  --bs-space-0: 0;
  --bs-space-1: .25rem;
  --bs-space-2: .5rem;
  --bs-space-3: 1rem;
  --bs-space-4: 1.5rem;
  --bs-space-5: 3rem;
  --bs-space-6: 4rem;

  --fs-1: 2.5rem;
  --fs-2: 2rem;
  --fs-3: 1.75rem;
  --fs-4: 1.5rem;
  --fs-5: 1.25rem;
  --fs-6: 1rem;
}

/* ---------------- Spacing Utilities ---------------- */
[class*="m-"], [class*="p-"] { box-sizing: border-box; }

/* ---------------- Margin ---------------- */
.m-0{margin:var(--bs-space-0)!important} .m-1{margin:var(--bs-space-1)!important}
.m-2{margin:var(--bs-space-2)!important} .m-3{margin:var(--bs-space-3)!important}
.m-4{margin:var(--bs-space-4)!important} .m-5{margin:var(--bs-space-5)!important}
.m-6{margin:var(--bs-space-6)!important} .m-auto{margin:auto!important}

.mt-0{margin-top:var(--bs-space-0)!important} .mt-1{margin-top:var(--bs-space-1)!important}
.mt-2{margin-top:var(--bs-space-2)!important} .mt-3{margin-top:var(--bs-space-3)!important}
.mt-4{margin-top:var(--bs-space-4)!important} .mt-5{margin-top:var(--bs-space-5)!important}
.mt-6{margin-top:var(--bs-space-6)!important} .mt-auto{margin-top:auto!important}

.mb-0{margin-bottom:var(--bs-space-0)!important} .mb-1{margin-bottom:var(--bs-space-1)!important}
.mb-2{margin-bottom:var(--bs-space-2)!important} .mb-3{margin-bottom:var(--bs-space-3)!important}
.mb-4{margin-bottom:var(--bs-space-4)!important} .mb-5{margin-bottom:var(--bs-space-5)!important}
.mb-6{margin-bottom:var(--bs-space-6)!important} .mb-auto{margin-bottom:auto!important}

.ms-0{margin-left:var(--bs-space-0)!important} .ms-1{margin-left:var(--bs-space-1)!important}
.ms-2{margin-left:var(--bs-space-2)!important} .ms-3{margin-left:var(--bs-space-3)!important}
.ms-4{margin-left:var(--bs-space-4)!important} .ms-5{margin-left:var(--bs-space-5)!important}
.ms-6{margin-left:var(--bs-space-6)!important} .ms-auto{margin-left:auto!important}

.me-0{margin-right:var(--bs-space-0)!important} .me-1{margin-right:var(--bs-space-1)!important}
.me-2{margin-right:var(--bs-space-2)!important} .me-3{margin-right:var(--bs-space-3)!important}
.me-4{margin-right:var(--bs-space-4)!important} .me-5{margin-right:var(--bs-space-5)!important}
.me-6{margin-right:var(--bs-space-6)!important} .me-auto{margin-right:auto!important}

.mx-0{margin-left:var(--bs-space-0)!important;margin-right:var(--bs-space-0)!important}
.mx-1{margin-left:var(--bs-space-1)!important;margin-right:var(--bs-space-1)!important}
.mx-2{margin-left:var(--bs-space-2)!important;margin-right:var(--bs-space-2)!important}
.mx-3{margin-left:var(--bs-space-3)!important;margin-right:var(--bs-space-3)!important}
.mx-4{margin-left:var(--bs-space-4)!important;margin-right:var(--bs-space-4)!important}
.mx-5{margin-left:var(--bs-space-5)!important;margin-right:var(--bs-space-5)!important}
.mx-6{margin-left:var(--bs-space-6)!important;margin-right:var(--bs-space-6)!important}
.mx-auto{margin-left:auto!important;margin-right:auto!important}

.my-0{margin-top:var(--bs-space-0)!important;margin-bottom:var(--bs-space-0)!important}
.my-1{margin-top:var(--bs-space-1)!important;margin-bottom:var(--bs-space-1)!important}
.my-2{margin-top:var(--bs-space-2)!important;margin-bottom:var(--bs-space-2)!important}
.my-3{margin-top:var(--bs-space-3)!important;margin-bottom:var(--bs-space-3)!important}
.my-4{margin-top:var(--bs-space-4)!important;margin-bottom:var(--bs-space-4)!important}
.my-5{margin-top:var(--bs-space-5)!important;margin-bottom:var(--bs-space-5)!important}
.my-6{margin-top:var(--bs-space-6)!important;margin-bottom:var(--bs-space-6)!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}

/* ---------------- Padding ---------------- */
.p-0{padding:var(--bs-space-0)!important} .p-1{padding:var(--bs-space-1)!important}
.p-2{padding:var(--bs-space-2)!important} .p-3{padding:var(--bs-space-3)!important}
.p-4{padding:var(--bs-space-4)!important} .p-5{padding:var(--bs-space-5)!important}
.p-6{padding:var(--bs-space-6)!important}

.pt-0{padding-top:var(--bs-space-0)!important} .pt-1{padding-top:var(--bs-space-1)!important}
.pt-2{padding-top:var(--bs-space-2)!important} .pt-3{padding-top:var(--bs-space-3)!important}
.pt-4{padding-top:var(--bs-space-4)!important} .pt-5{padding-top:var(--bs-space-5)!important}
.pt-6{padding-top:var(--bs-space-6)!important}

.pb-0{padding-bottom:var(--bs-space-0)!important} .pb-1{padding-bottom:var(--bs-space-1)!important}
.pb-2{padding-bottom:var(--bs-space-2)!important} .pb-3{padding-bottom:var(--bs-space-3)!important}
.pb-4{padding-bottom:var(--bs-space-4)!important} .pb-5{padding-bottom:var(--bs-space-5)!important}
.pb-6{padding-bottom:var(--bs-space-6)!important}

.ps-0{padding-left:var(--bs-space-0)!important} .ps-1{padding-left:var(--bs-space-1)!important}
.ps-2{padding-left:var(--bs-space-2)!important} .ps-3{padding-left:var(--bs-space-3)!important}
.ps-4{padding-left:var(--bs-space-4)!important} .ps-5{padding-left:var(--bs-space-5)!important}
.ps-6{padding-left:var(--bs-space-6)!important}

.pe-0{padding-right:var(--bs-space-0)!important} .pe-1{padding-right:var(--bs-space-1)!important}
.pe-2{padding-right:var(--bs-space-2)!important} .pe-3{padding-right:var(--bs-space-3)!important}
.pe-4{padding-right:var(--bs-space-4)!important} .pe-5{padding-right:var(--bs-space-5)!important}
.pe-6{padding-right:var(--bs-space-6)!important}

.px-0{padding-left:var(--bs-space-0)!important;padding-right:var(--bs-space-0)!important}
.px-1{padding-left:var(--bs-space-1)!important;padding-right:var(--bs-space-1)!important}
.px-2{padding-left:var(--bs-space-2)!important;padding-right:var(--bs-space-2)!important}
.px-3{padding-left:var(--bs-space-3)!important;padding-right:var(--bs-space-3)!important}
.px-4{padding-left:var(--bs-space-4)!important;padding-right:var(--bs-space-4)!important}
.px-5{padding-left:var(--bs-space-5)!important;padding-right:var(--bs-space-5)!important}
.px-6{padding-left:var(--bs-space-6)!important;padding-right:var(--bs-space-6)!important}

.py-0{padding-top:var(--bs-space-0)!important;padding-bottom:var(--bs-space-0)!important}
.py-1{padding-top:var(--bs-space-1)!important;padding-bottom:var(--bs-space-1)!important}
.py-2{padding-top:var(--bs-space-2)!important;padding-bottom:var(--bs-space-2)!important}
.py-3{padding-top:var(--bs-space-3)!important;padding-bottom:var(--bs-space-3)!important}
.py-4{padding-top:var(--bs-space-4)!important;padding-bottom:var(--bs-space-4)!important}
.py-5{padding-top:var(--bs-space-5)!important;padding-bottom:var(--bs-space-5)!important}
.py-6{padding-top:var(--bs-space-6)!important;padding-bottom:var(--bs-space-6)!important}

/* ---------------- Font-size Utilities ---------------- */
.fs-1{font-size:var(--fs-1)!important} .fs-2{font-size:var(--fs-2)!important}
.fs-3{font-size:var(--fs-3)!important} .fs-4{font-size:var(--fs-4)!important}
.fs-5{font-size:var(--fs-5)!important} .fs-6{font-size:var(--fs-6)!important}

/* ---------------- Grid ---------------- */
.row{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
  position:relative;width:100%;padding-left:.5rem;padding-right:.5rem
}
.col{flex:1 0 0%}
.col-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-3{flex:0 0 25%;max-width:25%}
.col-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-6{flex:0 0 50%;max-width:50%}
.col-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-9{flex:0 0 75%;max-width:75%}
.col-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-12{flex:0 0 100%;max-width:100%}

/* ---------------- Breakpoints ---------------- */
/* sm >= 576px */
@media (min-width:576px){
.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{flex:0 0 25%;max-width:25%}
.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{flex:0 0 50%;max-width:50%}
.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{flex:0 0 75%;max-width:75%}
.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{flex:0 0 100%;max-width:100%}}

/* md >= 768px */
@media (min-width:768px){
.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{flex:0 0 25%;max-width:25%}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{flex:0 0 50%;max-width:50%}
.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{flex:0 0 75%;max-width:75%}
.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{flex:0 0 100%;max-width:100%}}

/* lg >= 992px */
@media (min-width:992px){
.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{flex:0 0 25%;max-width:25%}
.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{flex:0 0 50%;max-width:50%}
.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{flex:0 0 75%;max-width:75%}
.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{flex:0 0 100%;max-width:100%}}

/* xl >= 1200px */
@media (min-width:1200px){
.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{flex:0 0 25%;max-width:25%}
.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{flex:0 0 50%;max-width:50%}
.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{flex:0 0 75%;max-width:75%}
.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{flex:0 0 100%;max-width:100%}}

/* xxl >= 1400px */
@media (min-width:1400px){
.col-xxl-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-xxl-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-xxl-3{flex:0 0 25%;max-width:25%}
.col-xxl-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-xxl-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-xxl-6{flex:0 0 50%;max-width:50%}
.col-xxl-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-xxl-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-xxl-9{flex:0 0 75%;max-width:75%}
.col-xxl-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-xxl-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-xxl-12{flex:0 0 100%;max-width:100%}
}