/*additional utility classes begin*/
 :root {
     --g-color-1: 131, 131, 131;
     --g-color-2: 201, 201, 201;
     --g-color-3: 29, 29, 31;
     --g-color-4: 51, 51, 51;
     --g-color-5: 224, 224, 224;
}
/*implementation rgba(var(--g-color-1), 0.8);
 var(--main-bg-color);
 */
.g--img-fluid {
  max-width: 100%;
  height: auto;
}

 .g--color-1 {
     color: rgba(var(--g-color-1), 1);
}
 .g--color-2 {
     color: rgba(var(--g-color-2), 1);
}
 .g--color-3 {
     color: rgba(var(--g-color-3), 1);
}
 .g--color-4 {
     color: rgba(var(--g-color-4), 1);
}
 .g--color-5 {
     color: rgba(var(--g-color-5), 1);
}
.g--color-6 {
    color: #087D46;
}
.g--color-7 {
    color: #8A272C;
}
 .g--bgcolor-1 {
     background-color: rgba(var(--g-color-1), 1);
}
}
 .g--bgcolor-2 {
     background-color: rgba(var(--g-color-2), 1);
}
 .g--bgcolor-3 {
     background-color: rgba(var(--g-color-3), 1);
}
 .g--bgcolor-4 {
     background-color: rgba(var(--g-color-4), 1);
}


.g--rounded-4 {
    border-radius: 10px !important;
}
.g--rounded-5 {
    border-radius: 12px !important;
}
.g--rounded-6 {
    border-radius: 14px !important;
}
.g--rounded-7 {
    border-radius: 16px !important;
}
.g--rounded-8 {
    border-radius: 18px !important;
}

 .g--text-start {
     text-align: left !important;
}
 .g--text-end {
     text-align: right !important;
}
 .g--text-center {
     text-align: center !important;
}
 @media (min-width: 576px) {
     .g--text-sm-start {
         text-align: left !important;
    }
     .g--text-sm-end {
         text-align: right !important;
    }
     .g--text-sm-center {
         text-align: center !important;
    }
}
 @media (min-width: 768px) {
     .g--text-md-start {
         text-align: left !important;
    }
     .g--text-md-end {
         text-align: right !important;
    }
     .g--text-md-center {
         text-align: center !important;
    }
}
 @media (min-width: 992px) {
     .g--text-lg-start {
         text-align: left !important;
    }
     .g--text-lg-end {
         text-align: right !important;
    }
     .g--text-lg-center {
         text-align: center !important;
    }
}
 @media (min-width: 1200px) {
     .g--text-xl-start {
         text-align: left !important;
    }
     .g--text-xl-end {
         text-align: right !important;
    }
     .g--text-xl-center {
         text-align: center !important;
    }
}
 @media (min-width: 1400px) {
     .g--text-xxl-start {
         text-align: left !important;
    }
     .g--text-xxl-end {
         text-align: right !important;
    }
     .g--text-xxl-center {
         text-align: center !important;
    }
}
 @media (min-width: 768px) {
     .g--position-md-absolute {
         position: absolute !important;
    }
     .g--translate-md-middle {
         transform: translate(-50%,-50%)!important;
    }
     .g--translate-md-middle-x {
         transform: translateX(-50%) !important;
    }
     .g--translate-md-middle-y {
         transform: translateY(-50%) !important;
    }
}
 @media (min-width: 992px) {
     .g--position-lg-absolute {
         position: absolute !important;
    }
     .g--translate-lg-middle {
         transform: translate(-50%,-50%)!important;
    }
     .g--translate-lg-middle-x {
         transform: translateX(-50%) !important;
    }
     .g--translate-lg-middle-y {
         transform: translateY(-50%) !important;
    }
}
 @media (min-width: 1200px) {
     .g--position-xl-absolute {
         position: absolute !important;
    }
     .g--translate-xl-middle {
         transform: translate(-50%,-50%)!important;
    }
     .g--translate-xl-middle-x {
         transform: translateX(-50%) !important;
    }
     .g--translate-xl-middle-y {
         transform: translateY(-50%) !important;
    }
}
 @media (min-width: 1400px) {
     .g--position-xxl-absolute {
         position: absolute !important;
    }
     .g--translate-xxl-middle {
         transform: translate(-50%,-50%)!important;
    }
     .g--translate-xxl-middle-x {
         transform: translateX(-50%) !important;
    }
     .g--translate-xxl-middle-y {
         transform: translateY(-50%) !important;
    }
}

.gc--justify-content-start {
     justify-content: flex-start !important;
}
 .gc--justify-content-end {
     justify-content: flex-end !important;
}
 .gc--justify-content-center {
     justify-content: center !important;
}
 .gc--justify-content-between {
     justify-content: space-between !important;
}
 .gc--justify-content-around {
     justify-content: space-around !important;
}
 .gc--justify-content-evenly {
     justify-content: space-evenly !important;
}
 .gc--align-items-start {
     align-items: flex-start !important;
}
 .gc--align-items-end {
     align-items: flex-end !important;
}
 .gc--align-items-center {
     align-items: center !important;
}
 .gc--align-items-baseline {
     align-items: baseline !important;
}
 .gc--align-items-stretch {
     align-items: stretch !important;
}
 .gc--align-content-start {
     align-content: flex-start !important;
}
 .gc--align-content-end {
     align-content: flex-end !important;
}
 .gc--align-content-center {
     align-content: center !important;
}
 .gc--align-content-between {
     align-content: space-between !important;
}
 .gc--align-content-around {
     align-content: space-around !important;
}
 .gc--align-content-stretch {
     align-content: stretch !important;
}
 .gc--align-self-auto {
     align-self: auto !important;
}
 .gc--align-self-start {
     align-self: flex-start !important;
}
 .gc--align-self-end {
     align-self: flex-end !important;
}
 .gc--align-self-center {
     align-self: center !important;
}
 .gc--align-self-baseline {
     align-self: baseline !important;
}
 .gc--align-self-stretch {
     align-self: stretch !important;
}
 @media (min-width: 768px) {
     .gc--justify-content-md-start {
         justify-content: flex-start !important;
    }
     .gc--justify-content-md-end {
         justify-content: flex-end !important;
    }
     .gc--justify-content-md-center {
         justify-content: center !important;
    }
     .gc--justify-content-md-between {
         justify-content: space-between !important;
    }
     .gc--justify-content-md-around {
         justify-content: space-around !important;
    }
     .gc--justify-content-md-evenly {
         justify-content: space-evenly !important;
    }
     .gc--align-items-md-start {
         align-items: flex-start !important;
    }
     .gc--align-items-md-end {
         align-items: flex-end !important;
    }
     .gc--align-items-md-center {
         align-items: center !important;
    }
     .gc--align-items-md-baseline {
         align-items: baseline !important;
    }
     .gc--align-items-md-stretch {
         align-items: stretch !important;
    }
     .gc--align-content-md-start {
         align-content: flex-start !important;
    }
     .gc--align-content-md-end {
         align-content: flex-end !important;
    }
     .gc--align-content-md-center {
         align-content: center !important;
    }
     .gc--align-content-md-between {
         align-content: space-between !important;
    }
     .gc--align-content-md-around {
         align-content: space-around !important;
    }
     .gc--align-content-md-stretch {
         align-content: stretch !important;
    }
     .gc--align-self-md-auto {
         align-self: auto !important;
    }
     .gc--align-self-md-start {
         align-self: flex-start !important;
    }
     .gc--align-self-md-end {
         align-self: flex-end !important;
    }
     .gc--align-self-md-center {
         align-self: center !important;
    }
     .gc--align-self-md-baseline {
         align-self: baseline !important;
    }
     .gc--align-self-md-stretch {
         align-self: stretch !important;
    }
}
 @media (min-width: 992px) {
     .gc--justify-content-lg-start {
         justify-content: flex-start !important;
    }
     .gc--justify-content-lg-end {
         justify-content: flex-end !important;
    }
     .gc--justify-content-lg-center {
         justify-content: center !important;
    }
     .gc--justify-content-lg-between {
         justify-content: space-between !important;
    }
     .gc--justify-content-lg-around {
         justify-content: space-around !important;
    }
     .gc--justify-content-lg-evenly {
         justify-content: space-evenly !important;
    }
     .gc--align-items-lg-start {
         align-items: flex-start !important;
    }
     .gc--align-items-lg-end {
         align-items: flex-end !important;
    }
     .gc--align-items-lg-center {
         align-items: center !important;
    }
     .gc--align-items-lg-baseline {
         align-items: baseline !important;
    }
     .gc--align-items-lg-stretch {
         align-items: stretch !important;
    }
     .gc--align-content-lg-start {
         align-content: flex-start !important;
    }
     .gc--align-content-lg-end {
         align-content: flex-end !important;
    }
     .gc--align-content-lg-center {
         align-content: center !important;
    }
     .gc--align-content-lg-between {
         align-content: space-between !important;
    }
     .gc--align-content-lg-around {
         align-content: space-around !important;
    }
     .gc--align-content-lg-stretch {
         align-content: stretch !important;
    }
     .gc--align-self-lg-auto {
         align-self: auto !important;
    }
     .gc--align-self-lg-start {
         align-self: flex-start !important;
    }
     .gc--align-self-lg-end {
         align-self: flex-end !important;
    }
     .gc--align-self-lg-center {
         align-self: center !important;
    }
     .gc--align-self-lg-baseline {
         align-self: baseline !important;
    }
     .gc--align-self-lg-stretch {
         align-self: stretch !important;
    }
}
 @media (min-width: 1200px) {
     .gc--justify-content-xl-start {
         justify-content: flex-start !important;
    }
     .gc--justify-content-xl-end {
         justify-content: flex-end !important;
    }
     .gc--justify-content-xl-center {
         justify-content: center !important;
    }
     .gc--justify-content-xl-between {
         justify-content: space-between !important;
    }
     .gc--justify-content-xl-around {
         justify-content: space-around !important;
    }
     .gc--justify-content-xl-evenly {
         justify-content: space-evenly !important;
    }
     .gc--align-items-xl-start {
         align-items: flex-start !important;
    }
     .gc--align-items-xl-end {
         align-items: flex-end !important;
    }
     .gc--align-items-xl-center {
         align-items: center !important;
    }
     .gc--align-items-xl-baseline {
         align-items: baseline !important;
    }
     .gc--align-items-xl-stretch {
         align-items: stretch !important;
    }
     .gc--align-content-xl-start {
         align-content: flex-start !important;
    }
     .gc--align-content-xl-end {
         align-content: flex-end !important;
    }
     .gc--align-content-xl-center {
         align-content: center !important;
    }
     .gc--align-content-xl-between {
         align-content: space-between !important;
    }
     .gc--align-content-xl-around {
         align-content: space-around !important;
    }
     .gc--align-content-xl-stretch {
         align-content: stretch !important;
    }
     .gc--align-self-xl-auto {
         align-self: auto !important;
    }
     .gc--align-self-xl-start {
         align-self: flex-start !important;
    }
     .gc--align-self-xl-end {
         align-self: flex-end !important;
    }
     .gc--align-self-xl-center {
         align-self: center !important;
    }
     .gc--align-self-xl-baseline {
         align-self: baseline !important;
    }
     .gc--align-self-xl-stretch {
         align-self: stretch !important;
    }
}
 @media (min-width: 1400px) {
     .gc--justify-content-xxl-start {
         justify-content: flex-start !important;
    }
     .gc--justify-content-xxl-end {
         justify-content: flex-end !important;
    }
     .gc--justify-content-xxl-center {
         justify-content: center !important;
    }
     .gc--justify-content-xxl-between {
         justify-content: space-between !important;
    }
     .gc--justify-content-xxl-around {
         justify-content: space-around !important;
    }
     .gc--justify-content-xxl-evenly {
         justify-content: space-evenly !important;
    }
     .gc--align-items-xxl-start {
         align-items: flex-start !important;
    }
     .gc--align-items-xxl-end {
         align-items: flex-end !important;
    }
     .gc--align-items-xxl-center {
         align-items: center !important;
    }
     .gc--align-items-xxl-baseline {
         align-items: baseline !important;
    }
     .gc--align-items-xxl-stretch {
         align-items: stretch !important;
    }
     .gc--align-content-xxl-start {
         align-content: flex-start !important;
    }
     .gc--align-content-xxl-end {
         align-content: flex-end !important;
    }
     .gc--align-content-xxl-center {
         align-content: center !important;
    }
     .gc--align-content-xxl-between {
         align-content: space-between !important;
    }
     .gc--align-content-xxl-around {
         align-content: space-around !important;
    }
     .gc--align-content-xxl-stretch {
         align-content: stretch !important;
    }
     .gc--align-self-xxl-auto {
         align-self: auto !important;
    }
     .gc--align-self-xxl-start {
         align-self: flex-start !important;
    }
     .gc--align-self-xxl-end {
         align-self: flex-end !important;
    }
     .gc--align-self-xxl-center {
         align-self: center !important;
    }
     .gc--align-self-xxl-baseline {
         align-self: baseline !important;
    }
     .gc--align-self-xxl-stretch {
         align-self: stretch !important;
    }
}
/*additional utility classes ends*/