.container {
        width: 100%;
        max-width: 1250px;
        margin: auto;
        }

        .row {
        display: flex;
        flex-wrap: wrap;
        max-width: 1250px;
        }

        [class*="col-"] {
        position: relative;
        width: 100%;
        }

        .flex-v-center {
        display: flex;
        align-items: center;
        }

        .flex-v-top {
        display: flex;
        align-items: flex-start;
        }

        .flex-v-bottom {
        display: flex;
        align-items: flex-end;
        }

        .v-align-top {
        vertical-align: top !important;
        }

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

        .v-align-bottom {
        vertical-align: bottom !important;
        }


        .col-1  { flex: 0 0 8.33%;  max-width: 8.33%;  }
        .col-2  { flex: 0 0 16.66%; max-width: 16.66%; }
        .col-3  { flex: 0 0 25%;    max-width: 25%;    }
        .col-4  { flex: 0 0 33.33%; max-width: 33.33%; }
        .col-5  { flex: 0 0 41.66%; max-width: 41.66%; }
        .col-6  { flex: 0 0 50%;    max-width: 50%;    }
        .col-7  { flex: 0 0 58.33%; max-width: 58.33%; }
        .col-8  { flex: 0 0 66.66%; max-width: 66.66%; }
        .col-9  { flex: 0 0 75%;    max-width: 75%;    }
        .col-10 { flex: 0 0 83.33%; max-width: 83.33%; }
        .col-11 { flex: 0 0 91.66%; max-width: 91.66%; }
        .col-12 { flex: 0 0 100%;   max-width: 100%;   }

        @media (min-width: 576px) {
        .col-sm-1  { flex: 0 0 8.33%;  max-width: 8.33%;  }
        .col-sm-2  { flex: 0 0 16.66%; max-width: 16.66%; }
        .col-sm-3  { flex: 0 0 25%;    max-width: 25%;    }
        .col-sm-4  { flex: 0 0 33.33%; max-width: 33.33%; }
        .col-sm-5  { flex: 0 0 41.66%; max-width: 41.66%; }
        .col-sm-6  { flex: 0 0 50%;    max-width: 50%;    }
        .col-sm-7  { flex: 0 0 58.33%; max-width: 58.33%; }
        .col-sm-8  { flex: 0 0 66.66%; max-width: 66.66%; }
        .col-sm-9  { flex: 0 0 75%;    max-width: 75%;    }
        .col-sm-10 { flex: 0 0 83.33%; max-width: 83.33%; }
        .col-sm-11 { flex: 0 0 91.66%; max-width: 91.66%; }
        .col-sm-12 { flex: 0 0 100%;   max-width: 100%;   }
        }

        @media (min-width: 768px) {
        .col-md-1  { flex: 0 0 8.33%;  max-width: 8.33%;  }
        .col-md-2  { flex: 0 0 16.66%; max-width: 16.66%; }
        .col-md-3  { flex: 0 0 25%;    max-width: 25%;    }
        .col-md-4  { flex: 0 0 33.33%; max-width: 33.33%; }
        .col-md-5  { flex: 0 0 41.66%; max-width: 41.66%; }
        .col-md-6  { flex: 0 0 50%;    max-width: 50%;    }
        .col-md-7  { flex: 0 0 58.33%; max-width: 58.33%; }
        .col-md-8  { flex: 0 0 66.66%; max-width: 66.66%; }
        .col-md-9  { flex: 0 0 75%;    max-width: 75%;    }
        .col-md-10 { flex: 0 0 83.33%; max-width: 83.33%; }
        .col-md-11 { flex: 0 0 91.66%; max-width: 91.66%; }
        .col-md-12 { flex: 0 0 100%;   max-width: 100%;   }
        }

        @media (min-width: 992px) {
        .col-lg-1  { flex: 0 0 8.33%;  max-width: 8.33%;  }
        .col-lg-2  { flex: 0 0 16.66%; max-width: 16.66%; }
        .col-lg-3  { flex: 0 0 25%;    max-width: 25%;    }
        .col-lg-4  { flex: 0 0 33.33%; max-width: 33.33%; }
        .col-lg-5  { flex: 0 0 41.66%; max-width: 41.66%; }
        .col-lg-6  { flex: 0 0 50%;    max-width: 50%;    }
        .col-lg-7  { flex: 0 0 58.33%; max-width: 58.33%; }
        .col-lg-8  { flex: 0 0 66.66%; max-width: 66.66%; }
        .col-lg-9  { flex: 0 0 75%;    max-width: 75%;    }
        .col-lg-10 { flex: 0 0 83.33%; max-width: 83.33%; }
        .col-lg-11 { flex: 0 0 91.66%; max-width: 91.66%; }
        .col-lg-12 { flex: 0 0 100%;   max-width: 100%;   }
        }

        @media (min-width: 1200px) {
        .col-xl-1  { flex: 0 0 8.33%;  max-width: 8.33%;  }
        .col-xl-2  { flex: 0 0 16.66%; max-width: 16.66%; }
        .col-xl-3  { flex: 0 0 25%;    max-width: 25%;    }
        .col-xl-4  { flex: 0 0 33.33%; max-width: 33.33%; }
        .col-xl-5  { flex: 0 0 41.66%; max-width: 41.66%; }
        .col-xl-6  { flex: 0 0 50%;    max-width: 50%;    }
        .col-xl-7  { flex: 0 0 58.33%; max-width: 58.33%; }
        .col-xl-8  { flex: 0 0 66.66%; max-width: 66.66%; }
        .col-xl-9  { flex: 0 0 75%;    max-width: 75%;    }
        .col-xl-10 { flex: 0 0 83.33%; max-width: 83.33%; }
        .col-xl-11 { flex: 0 0 91.66%; max-width: 91.66%; }
        .col-xl-12 { flex: 0 0 100%;   max-width: 100%;   }
        }

        @media (min-width: 1400px) {
        .col-xxl-1  { flex: 0 0 8.33%;  max-width: 8.33%;  }
        .col-xxl-2  { flex: 0 0 16.66%; max-width: 16.66%; }
        .col-xxl-3  { flex: 0 0 25%;    max-width: 25%;    }
        .col-xxl-4  { flex: 0 0 33.33%; max-width: 33.33%; }
        .col-xxl-5  { flex: 0 0 41.66%; max-width: 41.66%; }
        .col-xxl-6  { flex: 0 0 50%;    max-width: 50%;    }
        .col-xxl-7  { flex: 0 0 58.33%; max-width: 58.33%; }
        .col-xxl-8  { flex: 0 0 66.66%; max-width: 66.66%; }
        .col-xxl-9  { flex: 0 0 75%;    max-width: 75%;    }
        .col-xxl-10 { flex: 0 0 83.33%; max-width: 83.33%; }
        .col-xxl-11 { flex: 0 0 91.66%; max-width: 91.66%; }
        .col-xxl-12 { flex: 0 0 100%;   max-width: 100%;   }
        }

        .p-0 { padding: 0 !important; }
        .p-1 { padding: 0.25rem !important; }
        .p-2 { padding: 0.5rem !important; }
        .p-3 { padding: 1rem !important; }
        .p-4 { padding: 1.5rem !important; }
        .p-5 { padding: 3rem !important; }

        .px-0 { padding-left: 0 !important; padding-right: 0 !important; }
        .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
        .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
        .px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
        .px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
        .px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

        .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
        .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
        .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
        .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
        .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
        .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

        .pt-0 { padding-top: 0 !important; }
        .pt-1 { padding-top: 0.25rem !important; }
        .pt-2 { padding-top: 0.5rem !important; }
        .pt-3 { padding-top: 1rem !important; }
        .pt-4 { padding-top: 1.5rem !important; }
        .pt-5 { padding-top: 3rem !important; }

        .pr-0 { padding-right: 0 !important; }
        .pr-1 { padding-right: 0.25rem !important; }
        .pr-2 { padding-right: 0.5rem !important; }
        .pr-3 { padding-right: 1rem !important; }
        .pr-4 { padding-right: 1.5rem !important; }
        .pr-5 { padding-right: 3rem !important; }

        .pb-0 { padding-bottom: 0 !important; }
        .pb-1 { padding-bottom: 0.25rem !important; }
        .pb-2 { padding-bottom: 0.5rem !important; }
        .pb-3 { padding-bottom: 1rem !important; }
        .pb-4 { padding-bottom: 1.5rem !important; }
        .pb-5 { padding-bottom: 3rem !important; }

        .pl-0 { padding-left: 0 !important; }
        .pl-1 { padding-left: 0.25rem !important; }
        .pl-2 { padding-left: 0.5rem !important; }
        .pl-3 { padding-left: 1rem !important; }
        .pl-4 { padding-left: 1.5rem !important; }
        .pl-5 { padding-left: 3rem !important; }

        .m-0 { margin: 0 !important; }
        .m-1 { margin: 0.25rem !important; }
        .m-2 { margin: 0.5rem !important; }
        .m-3 { margin: 1rem !important; }
        .m-4 { margin: 1.5rem !important; }
        .m-5 { margin: 3rem !important; }

        .mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
        .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
        .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
        .mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
        .mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
        .mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }

        .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
        .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
        .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
        .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
        .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
        .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

        .mt-0 { margin-top: 0 !important; }
        .mt-1 { margin-top: 0.25rem !important; }
        .mt-2 { margin-top: 0.5rem !important; }
        .mt-3 { margin-top: 1rem !important; }
        .mt-4 { margin-top: 1.5rem !important; }
        .mt-5 { margin-top: 3rem !important; }

        .mr-0 { margin-right: 0 !important; }
        .mr-1 { margin-right: 0.25rem !important; }
        .mr-2 { margin-right: 0.5rem !important; }
        .mr-3 { margin-right: 1rem !important; }
        .mr-4 { margin-right: 1.5rem !important; }
        .mr-5 { margin-right: 3rem !important; }

        .mb-0 { margin-bottom: 0 !important; }
        .mb-1 { margin-bottom: 0.25rem !important; }
        .mb-2 { margin-bottom: 0.5rem !important; }
        .mb-3 { margin-bottom: 1rem !important; }
        .mb-4 { margin-bottom: 1.5rem !important; }
        .mb-5 { margin-bottom: 3rem !important; }

        .ml-0 { margin-left: 0 !important; }
        .ml-1 { margin-left: 0.25rem !important; }
        .ml-2 { margin-left: 0.5rem !important; }
        .ml-3 { margin-left: 1rem !important; }
        .ml-4 { margin-left: 1.5rem !important; }
        .ml-5 { margin-left: 3rem !important; }

        .m-auto{
            margin:auto;
        }

        .text-start {
        text-align: left !important;
        }

        .text-end {
        text-align: right !important;
        }

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

        .text-justify {
        text-align: justify !important;
        }

        .text-left {
        text-align: left !important;
        }
        .text-right {
        text-align: right !important;
        }

        .d-none { display: none !important; }
        .d-inline { display: inline !important; }
        .d-inline-block { display: inline-block !important; }
        .d-block { display: block !important; }
        .d-flex { display: flex !important; }
        .d-inline-flex { display: inline-flex !important; }
        .d-grid { display: grid !important; }
        .d-inline-grid { display: inline-grid !important; }
        .d-table { display: table !important; }
        .d-table-cell { display: table-cell !important; }


        .img-fluid{
            max-width: 100%; 
            display: block; 
            height: auto;
        }

        .d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.d-grid { display: grid !important; }
.d-inline-grid { display: inline-grid !important; }
.d-table { display: table !important; }
.d-table-cell { display: table-cell !important; }

@media (min-width: 576px) {
  .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; }
  .d-sm-grid { display: grid !important; }
  .d-sm-inline-grid { display: inline-grid !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-cell { display: table-cell !important; }
}

@media (min-width: 768px) {
  .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; }
  .d-md-grid { display: grid !important; }
  .d-md-inline-grid { display: inline-grid !important; }
  .d-md-table { display: table !important; }
  .d-md-table-cell { display: table-cell !important; }
}

@media (min-width: 992px) {
  .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; }
  .d-lg-grid { display: grid !important; }
  .d-lg-inline-grid { display: inline-grid !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-cell { display: table-cell !important; }
}

@media (min-width: 1200px) {
  .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; }
  .d-xl-grid { display: grid !important; }
  .d-xl-inline-grid { display: inline-grid !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-cell { display: table-cell !important; }
}

@media (min-width: 1400px) {
  .d-xxl-none { display: none !important; }
  .d-xxl-inline { display: inline !important; }
  .d-xxl-inline-block { display: inline-block !important; }
  .d-xxl-block { display: block !important; }
  .d-xxl-flex { display: flex !important; }
  .d-xxl-inline-flex { display: inline-flex !important; }
  .d-xxl-grid { display: grid !important; }
  .d-xxl-inline-grid { display: inline-grid !important; }
  .d-xxl-table { display: table !important; }
  .d-xxl-table-cell { display: table-cell !important; }
}