/*page additional utility classes begin*/
 :root {
    --gc-color-def: #333;
    --gc-color-white: #fff;
    --gc-color-very-light-gray: #f7f7f7;
    --gc-color-very-light-gray2: #e1e1e1;
    --gc-color-dark-red: #8a272c;
    --gc-color-very-dark-gray: #222222;
    --gc-color-strong-red: #d61d23;
}
/*implementation rgba(var(--g-color-1), 0.8);
 var(--main-bg-color);
 */
 .gcf--utils-custom {
     .g--img-fluid {
         max-width: 100% !important;
         height: auto !important;
    }
    .whole-col--links {
         position: relative;
    }
     .whole-col--links a {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 1;
    }

   .u-page-text-wrap-balance {
      text-wrap: balance !important;
    }

    /*horizontal scroll begins*/
    .u-custom-y-scrollbar-1 {
        display: flex;
        overflow-x: auto;
        gap: 1rem;
        padding-bottom: 1rem;
        scroll-snap-type: x mandatory;
        /*scrollbar-color: #E14E52 #fff; for firefox only*/
    }

    .u-custom-y-scrollbar-1::-webkit-scrollbar {
        height: 8px;
    }

    .u-custom-y-scrollbar-1::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 1rem;
    }

    .u-custom-y-scrollbar-1::-webkit-scrollbar-thumb {
        background: #E14E52;
        border-radius: 1rem;
    }

    .u-custom-y-scrollbar-1::-webkit-scrollbar-thumb:hover {
        background-color: #E14E52;
    }

    .u-custom-y-scrollbar-1 > * {
        scroll-snap-align: start;
    }
    /*horizontal scroll ends*/


    /*color begins*/
    .g--color-def {
         color: var(--gc-color-def) !important;
    }
     .g--color-white {
         color: var(--gc-color-white) !important;
    }
    /*color ends*/


    /*bgcolor begins*/
     .g--bgcolor-white {
         background-color: var(--gc-color-white) !important;
    }
    .g--bgcolor-very-light-gray2 {
         background-color: var(--gc-color-very-light-gray2) !important;
    }
    .g--bgcolor-very-light-gray {
         background-color: var(--gc-color-very-light-gray) !important;
    }
    .g--bgcolor-dark-red {
         background-color: var(--gc-color-dark-red) !important;
    }
    .g--bgcolor-very-dark-gray {
         background-color: var(--gc-color-very-dark-gray) !important;
    }
    /*bgcolor ends*/

    /*border color begins*/
    .g--border-color-strong-red {
        border-color: var(--gc-color-strong-red) !important;;
    }
    /*border color ends*/


    /*accordion styles begins*/
    .accordion-custom-styles {
        font-size: 1rem;
        color: #1D1D1F !important;
        p {
            font-size: 1rem !important;
            margin-bottom: 1rem !important;
        }
        .accordion--content {
            padding-block: 1rem;
        }
        .accordion--header {
            margin-bottom: 0 !important;
            border-color: #C2C2C2 !important;
            font-size: 1.25rem !important;
            font-weight: 700 !important;
            padding-inline-end: 4rem !important;
            @media (min-width: 992px) {
                font-size: 1.375rem !important;
            }
            &.ui-accordion-header-active {
                color: #D61D23 !important;
            }
        }
        .normal-list > li {
            font-size: 1rem !important;
        }
    }
    /*accordion styles ends*/


    /*font weight begins*/
     .page-fw-500 {
         font-weight: 500 !important;
    }
     .page-fw-600 {
         font-weight: 600 !important;
    }
     .page-fw-800 {
         font-weight: 800 !important;
    }
     .page-fw-900 {
         font-weight: 900 !important;
    }
    /*font weight ends*/


    /*titles begin*/
        /*Base 16px for the titles*/
        /* Min: 28px (1.75rem) @ 375px viewport. 1.75rem x 16px = 28px */
        /* Max: 40px (2.5rem) @ 1440px viewport. 2.5rem x 16px = 40px */
    .u-page-title-1 {
        font-size: 1.75rem !important;
        @media (min-width: 992px) {
            font-size: 2.5rem !important;
        }
    }
    .u-page-title-2 {
        font-size: 1.75rem !important;
        @media (min-width: 992px) {
            font-size: 2.25rem !important;
        }
    }
    .u-page-title-3 {
        font-size: 1.75rem !important;
        @media (min-width: 992px) {
            font-size: 2rem !important;
        }
    }
    .u-page-title-4 {
        font-size: clamp(2rem, 4.5vw, 3.375rem);
    }
    /*titles ends*/


    /*font size begins*/
     .page-fs-10 {
         font-size: 10px !important;
    }
     .page-fs-12 {
         font-size: 12px !important;
    }
     .page-fs-14 {
         font-size: 14px !important;
    }
     .page-fs-16 {
         font-size: 16px !important;
    }
     .page-fs-18 {
         font-size: 18px !important;
    }
     .page-fs-20 {
         font-size: 20px !important;
    }
     .page-fs-22 {
         font-size: 22px !important;
    }
     .page-fs-24 {
         font-size: 24px !important;
    }
    .page-fs-26 {
         font-size: 26px !important;
    }
    .page-fs-28 {
         font-size: 28px !important;
    }
    .page-fs-30 {
         font-size: 30px !important;
    }
    .page-fs-32 {
         font-size: 32px !important;
    }
    /*font size ends*/


    /*border radius begins*/
    .g--rounded-8 {
         border-radius: 8px !important;
    }
     .g--rounded-10 {
         border-radius: 10px !important;
    }
    .g--rounded-12 {
         border-radius: 12px !important;
    }
    .g--rounded-14 {
         border-radius: 14px !important;
    }
    .g--rounded-16 {
         border-radius: 16px !important;
    }
    .g--rounded-18 {
         border-radius: 18px !important;
    }
    .g--rounded-20 {
         border-radius: 20px !important;
    }
    .g--rounded-22 {
         border-radius: 22px !important;
    }
    .g--rounded-24 {
         border-radius: 24px !important;
    }
    .g--rounded-26 {
         border-radius: 26px !important;
    }
    .g--rounded-28 {
         border-radius: 28px !important;
    }
    /*border radius ends*/


    /*page border color begins*/

    /*page border color ends*/


    /*shadow and border begins*/
    .u-page-shadow-1 {
        box-shadow: 
            0px 2px 4px rgba(0, 0, 0, 0.05),
            0px 4px 8px rgba(0, 0, 0, 0.05),
            0px 8px 16px rgba(0, 0, 0, 0.05),
            0px 16px 32px rgba(0, 0, 0, 0.05);
    }
    .u-page-border-1 {
        border: 2px solid transparent;
        background-image: 
            linear-gradient(#fff, #fff), 
            linear-gradient(180deg, #9D0F23 0%, #F51232 100%);
        background-origin: border-box;
        background-clip: padding-box, border-box;
    }
    /*shadow and border ends*/


    /*gradient begins*/
    .u-page-gradient-1 {
        background: linear-gradient(90deg, #E1AB11 0%, #FFF67C 30.73%, #FFE15C 66.89%, #E1AB11 100%);
    }
    /*gradient ends*/


    /*buttons begin*/
    .u-btn-mwidth-1 {
        min-width: 180px;
    }
    .btn {
        display: inline-block;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    @media (prefers-reduced-motion: reduce) {
      .btn {
        transition: none;
      }
    }

    .btn:hover {
      color: #212529;
      background-position: 0% 0%;
    }

    .btn:focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      background-position: 0% 0%;
    }

    .btn:disabled, .btn.disabled,
    fieldset:disabled .btn {
      pointer-events: none;
      opacity: 0.50;
    }
    .u-btn-red-shadow {
        background-color: #D61D23;
        border-color: #D61D23 !important;
        color: #fff;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    .u-btn-red-shadow:hover {
        background-color: #b3181d;
        border-color: #a0161a !important;
        color: #fff;
        box-shadow: 0px 2px 4px 0px #00000040;
    }

    .u-btn-white-red-border {
        background-color: #fff;
        border-color: #D61D23 !important;
        color: #D61D23;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    .u-btn-white-red-border:hover {
        background-color: #D61D23;
        border-color: #D61D23 !important;
        color: #fff;
    }

    .u-btn-red-solid {
        background-color: #D61D23;
        border-color: #D61D23 !important;
        color: #fff;
    }

    .u-btn-red-solid:hover {
        background-color: #b3181d;
        border-color: #a0161a !important;
        color: #fff;
    }

    .u-btn-black-solid {
        background-color: #000000;
        border-color: #000000 !important;
        color: #fff;
    }

    .u-btn-black-solid:hover {
        background-color: #262626;
        border-color: #262626 !important;
        color: #fff;
    }

    .u-btn-gray {
        background-color: #F7F7F7 !important;
        border-color: #F7F7F7 !important;
        color: #1D1D1F !important;
    }
    .u-btn-gray:hover {
        background-color: #D61D23 !important;
        border-color: #D61D23 !important;
        color: #fff !important;
    }

    .u-btn-transparent {
        background-color: transparent !important;
        border-color: #D61D23 !important;
        color: #D61D23 !important;
    }
    .u-btn-transparent:hover {
        background-color: #D61D23 !important;
        border-color: #D61D23 !important;
        color: #fff !important;
    }

    .u-btn-dark-red {
        background-color: #8A272C !important;
        border-color: #8A272C !important;
        color: #fff !important;
    }
    .u-btn-dark-red:hover {
        background-color: #782226 !important;
        border-color: #782226 !important;
        color: #fff !important;
    }
    /*buttons ends*/

    /*box hover begins*/
    .u-cols-hover {
        position: relative;
        .btn-cols-hover {
            background-color: transparent !important;
            border-color: #D61D23 !important;
            color: #D61D23 !important;
        }
        &:hover {
            box-shadow: 
            0px 2px 4px rgba(0, 0, 0, 0.05),
            0px 4px 8px rgba(0, 0, 0, 0.05),
            0px 8px 16px rgba(0, 0, 0, 0.05),
            0px 16px 32px rgba(0, 0, 0, 0.05);
            .btn-cols-hover {
                background-color: #D61D23 !important;
                border-color: #D61D23 !important;
                color: #fff !important;
            }
        }
    }
    /*box hover ends*/


    /*tables begins*/
        .u-table {
          --bs-table-bg: transparent;
          --bs-table-accent-bg: transparent;
          --bs-table-striped-color: #212529;
          --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
          --bs-table-active-color: #212529;
          --bs-table-active-bg: rgba(0, 0, 0, 0.1);
          --bs-table-hover-color: #212529;
          --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
          width: 100%;
          margin-bottom: 1rem;
          color: #212529;
          vertical-align: top;
          border-color: #dee2e6;
        }

        .u-table > :not(caption) > * > * {
          padding: 0.5rem 0.5rem;
          background-color: var(--bs-table-bg);
          border-bottom-width: 1px;
          box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
        }

        .u-table > tbody {
          vertical-align: inherit;
        }

        .u-table > thead {
          vertical-align: bottom;
        }

        .u-table-bordered > :not(caption) > * {
          border-width: 1px 0;
        }

        .u-table-bordered > :not(caption) > * > * {
          border-width: 0 1px;
        }

        .u-align-middle {
          vertical-align: middle !important;
        }

        .u-text-center {
          text-align: center !important;
        }

        /* Responsive Utilities */
        .u-table-responsive {
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
        }

        @media (max-width: 575.98px) {
          .u-table-responsive-sm {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
          }
        }

        @media (max-width: 767.98px) {
          .u-table-responsive-md {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
          }
        }

        @media (max-width: 991.98px) {
          .u-table-responsive-lg {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
          }
        }

        @media (max-width: 1199.98px) {
          .u-table-responsive-xl {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
          }
        }

        @media (max-width: 1399.98px) {
          .u-table-responsive-xxl {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
          }
        }

        .u-table-modifier-1 {
            .u-table-bordered th, .u-table-bordered td {
                border: 1px solid #D8D8D8;
            }
            .u-bg-dark-red {
                background-color: #8A272C;
            }
            .u-bg-red {
                background-color: #D61D23;
            }
            &.thead-th-width-1 thead th {
                min-width: 220px;
            }
        }
    /*tables ends*/


    /*modals begin*/
    &.modal {
        overscroll-behavior: contain;
    }
    .u-modal-close {
        font-size: 2.5rem !important;
    }

    .u-modal-default {
      max-width: 500px;
    }

    @media (min-width: 576px) {
      .u-modal-sm {
        max-width: 300px;
      }
    }

    @media (min-width: 992px) {
      .u-modal-lg {
        max-width: 800px;
      }
    }

    @media (min-width: 1200px) {
      .u-modal-xl {
        max-width: 1140px;
      }
    }
    /*modals ends*/


    /*height begins*/
    .g--h-100 {
      height: 100% !important;
    }

    @media (min-width: 576px) {
      .g--h-sm-100 {
        height: 100% !important;
      }
    }

    @media (min-width: 768px) {
      .g--h-md-100 {
        height: 100% !important;
      }
    }

    @media (min-width: 992px) {
      .g--h-lg-100 {
        height: 100% !important;
      }
    }

    @media (min-width: 1200px) {
      .g--h-xl-100 {
        height: 100% !important;
      }
    }

    @media (min-width: 1400px) {
      .g--h-xxl-100 {
        height: 100% !important;
      }
    }
    /*height ends*/


    /*opacity begins*/
    .u-opacity-0 {
         opacity: 0 !important;
    }
     .u-opacity-25 {
         opacity: .25 !important;
    }
     .u-opacity-50 {
         opacity: .5 !important;
    }
     .u-opacity-75 {
         opacity: .75 !important;
    }
     .u-opacity-100 {
         opacity: 1 !important;
    }
     @media (min-width: 576px) {
         .u-opacity-sm-0 {
             opacity: 0 !important;
        }
         .u-opacity-sm-25 {
             opacity: .25 !important;
        }
         .u-opacity-sm-50 {
             opacity: .5 !important;
        }
         .u-opacity-sm-75 {
             opacity: .75 !important;
        }
         .u-opacity-sm-100 {
             opacity: 1 !important;
        }
    }
     @media (min-width: 768px) {
         .u-opacity-md-0 {
             opacity: 0 !important;
        }
         .u-opacity-md-25 {
             opacity: .25 !important;
        }
         .u-opacity-md-50 {
             opacity: .5 !important;
        }
         .u-opacity-md-75 {
             opacity: .75 !important;
        }
         .u-opacity-md-100 {
             opacity: 1 !important;
        }
    }
     @media (min-width: 992px) {
         .u-opacity-lg-0 {
             opacity: 0 !important;
        }
         .u-opacity-lg-25 {
             opacity: .25 !important;
        }
         .u-opacity-lg-50 {
             opacity: .5 !important;
        }
         .u-opacity-lg-75 {
             opacity: .75 !important;
        }
         .u-opacity-lg-100 {
             opacity: 1 !important;
        }
    }
     @media (min-width: 1200px) {
         .u-opacity-xl-0 {
             opacity: 0 !important;
        }
         .u-opacity-xl-25 {
             opacity: .25 !important;
        }
         .u-opacity-xl-50 {
             opacity: .5 !important;
        }
         .u-opacity-xl-75 {
             opacity: .75 !important;
        }
         .u-opacity-xl-100 {
             opacity: 1 !important;
        }
    }
     @media (min-width: 1400px) {
         .u-opacity-xxl-0 {
             opacity: 0 !important;
        }
         .u-opacity-xxl-25 {
             opacity: .25 !important;
        }
         .u-opacity-xxl-50 {
             opacity: .5 !important;
        }
         .u-opacity-xxl-75 {
             opacity: .75 !important;
        }
         .u-opacity-xxl-100 {
             opacity: 1 !important;
        }
    }
    /*opacity ends*/


    /*object fit begins*/
    .g--object-fit-contain {
      object-fit: contain !important;
    }

    .g--object-fit-cover {
      object-fit: cover !important;
    }

    .g--object-fit-fill {
      object-fit: fill !important;
    }

    .g--object-fit-scale {
      object-fit: scale-down !important;
    }

    .g--object-fit-none {
      object-fit: none !important;
    }

    @media (min-width: 576px) {
      .g--object-fit-sm-contain {
        object-fit: contain !important;
      }
      .g--object-fit-sm-cover {
        object-fit: cover !important;
      }
      .g--object-fit-sm-fill {
        object-fit: fill !important;
      }
      .g--object-fit-sm-scale {
        object-fit: scale-down !important;
      }
      .g--object-fit-sm-none {
        object-fit: none !important;
      }
    }

    @media (min-width: 768px) {
      .g--object-fit-md-contain {
        object-fit: contain !important;
      }
      .g--object-fit-md-cover {
        object-fit: cover !important;
      }
      .g--object-fit-md-fill {
        object-fit: fill !important;
      }
      .g--object-fit-md-scale {
        object-fit: scale-down !important;
      }
      .g--object-fit-md-none {
        object-fit: none !important;
      }
    }

    @media (min-width: 992px) {
      .g--object-fit-lg-contain {
        object-fit: contain !important;
      }
      .g--object-fit-lg-cover {
        object-fit: cover !important;
      }
      .g--object-fit-lg-fill {
        object-fit: fill !important;
      }
      .g--object-fit-lg-scale {
        object-fit: scale-down !important;
      }
      .g--object-fit-lg-none {
        object-fit: none !important;
      }
    }

    @media (min-width: 1200px) {
      .g--object-fit-xl-contain {
        object-fit: contain !important;
      }
      .g--object-fit-xl-cover {
        object-fit: cover !important;
      }
      .g--object-fit-xl-fill {
        object-fit: fill !important;
      }
      .g--object-fit-xl-scale {
        object-fit: scale-down !important;
      }
      .g--object-fit-xl-none {
        object-fit: none !important;
      }
    }

    @media (min-width: 1400px) {
      .g--object-fit-xxl-contain {
        object-fit: contain !important;
      }
      .g--object-fit-xxl-cover {
        object-fit: cover !important;
      }
      .g--object-fit-xxl-fill {
        object-fit: fill !important;
      }
      .g--object-fit-xxl-scale {
        object-fit: scale-down !important;
      }
      .g--object-fit-xxl-none {
        object-fit: none !important;
      }
    }
    /*object fit ends*/


    /*justify content begins*/
    .u-justify-content-start {
      justify-content: flex-start !important;
    }
    .u-justify-content-end {
      justify-content: flex-end !important;
    }
    .u-justify-content-center {
      justify-content: center !important;
    }
    .u-justify-content-between {
      justify-content: space-between !important;
    }
    .u-justify-content-around {
      justify-content: space-around !important;
    }
    .u-justify-content-evenly {
      justify-content: space-evenly !important;
    }

    @media (min-width: 576px) {
      .u-justify-content-sm-start {
        justify-content: flex-start !important;
      }
      .u-justify-content-sm-end {
        justify-content: flex-end !important;
      }
      .u-justify-content-sm-center {
        justify-content: center !important;
      }
      .u-justify-content-sm-between {
        justify-content: space-between !important;
      }
      .u-justify-content-sm-around {
        justify-content: space-around !important;
      }
      .u-justify-content-sm-evenly {
        justify-content: space-evenly !important;
      }
    }

    @media (min-width: 768px) {
      .u-justify-content-md-start {
        justify-content: flex-start !important;
      }
      .u-justify-content-md-end {
        justify-content: flex-end !important;
      }
      .u-justify-content-md-center {
        justify-content: center !important;
      }
      .u-justify-content-md-between {
        justify-content: space-between !important;
      }
      .u-justify-content-md-around {
        justify-content: space-around !important;
      }
      .u-justify-content-md-evenly {
        justify-content: space-evenly !important;
      }
    }

    @media (min-width: 992px) {
      .u-justify-content-lg-start {
        justify-content: flex-start !important;
      }
      .u-justify-content-lg-end {
        justify-content: flex-end !important;
      }
      .u-justify-content-lg-center {
        justify-content: center !important;
      }
      .u-justify-content-lg-between {
        justify-content: space-between !important;
      }
      .u-justify-content-lg-around {
        justify-content: space-around !important;
      }
      .u-justify-content-lg-evenly {
        justify-content: space-evenly !important;
      }
    }

    @media (min-width: 1200px) {
      .u-justify-content-xl-start {
        justify-content: flex-start !important;
      }
      .u-justify-content-xl-end {
        justify-content: flex-end !important;
      }
      .u-justify-content-xl-center {
        justify-content: center !important;
      }
      .u-justify-content-xl-between {
        justify-content: space-between !important;
      }
      .u-justify-content-xl-around {
        justify-content: space-around !important;
      }
      .u-justify-content-xl-evenly {
        justify-content: space-evenly !important;
      }
    }

    @media (min-width: 1400px) {
      .u-justify-content-xxl-start {
        justify-content: flex-start !important;
      }
      .u-justify-content-xxl-end {
        justify-content: flex-end !important;
      }
      .u-justify-content-xxl-center {
        justify-content: center !important;
      }
      .u-justify-content-xxl-between {
        justify-content: space-between !important;
      }
      .u-justify-content-xxl-around {
        justify-content: space-around !important;
      }
      .u-justify-content-xxl-evenly {
        justify-content: space-evenly !important;
      }
    }
    /*justify content ends*/


    /*text align begins*/
     .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;
        }
    }
     /*text align ends*/

     /*width begins*/
    .u-w-25 {
         width: 25% !important;
    }
     .u-w-50 {
         width: 50% !important;
    }
     .u-w-75 {
         width: 75% !important;
    }
     .u-w-100 {
         width: 100% !important;
    }
     .u-w-auto {
         width: auto !important;
    }
     @media (min-width: 576px) {
         .u-w-sm-25 {
             width: 25% !important;
        }
         .u-w-sm-50 {
             width: 50% !important;
        }
         .u-w-sm-75 {
             width: 75% !important;
        }
         .u-w-sm-100 {
             width: 100% !important;
        }
         .u-w-sm-auto {
             width: auto !important;
        }
    }
     @media (min-width: 768px) {
         .u-w-md-25 {
             width: 25% !important;
        }
         .u-w-md-50 {
             width: 50% !important;
        }
         .u-w-md-75 {
             width: 75% !important;
        }
         .u-w-md-100 {
             width: 100% !important;
        }
         .u-w-md-auto {
             width: auto !important;
        }
    }
     @media (min-width: 992px) {
         .u-w-lg-25 {
             width: 25% !important;
        }
         .u-w-lg-50 {
             width: 50% !important;
        }
         .u-w-lg-75 {
             width: 75% !important;
        }
         .u-w-lg-100 {
             width: 100% !important;
        }
         .u-w-lg-auto {
             width: auto !important;
        }
    }
     @media (min-width: 1200px) {
         .u-w-xl-25 {
             width: 25% !important;
        }
         .u-w-xl-50 {
             width: 50% !important;
        }
         .u-w-xl-75 {
             width: 75% !important;
        }
         .u-w-xl-100 {
             width: 100% !important;
        }
         .u-w-xl-auto {
             width: auto !important;
        }
    }
     @media (min-width: 1400px) {
         .u-w-xxl-25 {
             width: 25% !important;
        }
         .u-w-xxl-50 {
             width: 50% !important;
        }
         .u-w-xxl-75 {
             width: 75% !important;
        }
         .u-w-xxl-100 {
             width: 100% !important;
        }
         .u-w-xxl-auto {
             width: auto !important;
        }
    }
     /*width ends*/

     
    /*position absolute begins*/
     @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;
        }
    }
    /*position absolute ends*/
}
/*page additional utility classes ends*/