/*---------------------------------------------------------------------------------

    Template Name: Niceaward
    Author: Saowaros J.
    Description: Niceaward - Trophy Award Template
    Version: 1.0

-----------------------------------------------------------------------------------

/*-- General --*/
:root {
  --nw-color-theme-primary: #07a698;
  --nw-color-theme-secondary: #062e2c;
  --nw-color-heading-primary: #162726;
  --nw-color-text-body: #333333;
  --nw-color-text-body-white: #dcfff0;
  --nw-color-darkgreen: #0e2c31;
  --nw-color-bg-1: #0e121d;
  --nw-color-bg-2: #191a1f;
  --nw-color-bg-3: #1a2226;
  --nw-color-text-medium-gray: #6c706f;
  --nw-color-grey-1: #f2f4f7;
  --nw-color-common-white: #ffffff;
  --nw-color-common-black: #000000;
  --nw-color-border-light-gray: #e0e5eb;
}

/*-- Margin Class --*/

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

/*-- Padding Class --*/

.pt-180 {
  padding-top: 180px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-70 {
  padding-bottom: 70px;
}

.md-pb-30 {
  padding-bottom: 30px;
}
.md-pb-40 {
  padding-bottom: 40px;
}
.md-pb-50 {
  padding-bottom: 50px;
}

/* BELOW 992px (Smaller tablets) */
@media only screen and (max-width: 992px) {
  .pt-180 {
    padding-top: 70px;
  }

  .pt-120,
  .pt-90,
  .pt-80 {
    padding-top: 70px;
  }

  .pb-120,
  .pb-90,
  .pb-80 {
    padding-bottom: 70px;
  }
}

/* BELOW 767px (tablets) */
@media only screen and (max-width: 767px) {
  .pt-180 {
    padding-top: 50px;
  }

  .pt-120,
  .pt-90,
  .pt-80,
  .pt-70 {
    padding-top: 60px;
  }

  .pb-120,
  .pb-90,
  .pb-80,
  .pb-70 {
    padding-bottom: 60px;
  }
}

.text-center {
  text-align: center;
}

/*-- Background --*/
.bg-lightgray {
  background-color: var(--nw-color-grey-1);
}

.bg-dark {
  background-color: var(--nw-color-bg-3);
}

/*-- Text color --*/
.text-lightgray {
  color: var(--nw-color-grey-1);
}