/* PADDING */

.pl-none {padding-left: 0px;}
.pl-xs {padding-left: 5px;}
.pl-sm {padding-left: 15px;}
.pl-md {padding-left: 25px;}
.pl-lg {padding-left: 50px;}
.pl-xl {padding-left: 100px;}

.pr-none {padding-right: 0px;}
.pr-xs {padding-right: 5px;}
.pr-sm {padding-right: 15px;}
.pr-md {padding-right: 25px;}
.pr-lg {padding-right: 50px;}
.pr-xl {padding-right: 100px;}


.pt-none {padding-top: 0px;}
.pt-xs {padding-top: 5px;}
.pt-sm {padding-top: 15px;}
.pt-md {padding-top: 25px;}
.pt-lg {padding-top: 50px;}
.pt-xl {padding-top: 100px;}


.pb-none {padding-bottom: 0px;}
.pb-xs {padding-bottom: 5px;}
.pb-sm {padding-bottom: 15px;}
.pb-md {padding-bottom: 25px;}
.pb-lg {padding-bottom: 50px;}
.pb-xl {padding-bottom: 100px;}

.ptb-none {padding: 0px;}
.ptb-xs {padding: 5px 0px 5px 0px;}
.ptb-sm {padding: 15px 0px 15px 0px;}
.ptb-md {padding: 25px 0px 25px 0px;}
.ptb-lg {padding: 50px 0px 50px 0px;}
.ptb-xl {padding: 100px 0px 100px 0px;}

.plr-none {padding: 0px;}
.plr-xs {padding: 0px 5px 0px  5px;}
.plr-sm {padding: 0px 15px 0px 15px;}
.plr-md {padding: 0px 25px 0px 25px;}
.plr-lg {padding: 0px 50px 0px 50px;}
.plr-xl {padding: 0px 100px 0px 100px;}

/* padding end */
/* margin */

.ml-xs {margin-left: 5px;}
.ml-sm {margin-left: 15px;}
.ml-md {margin-left: 25px;}
.ml-lg {margin-left: 50px;}
.ml-xl {margin-left: 100px;}

.mr-xs {margin-right: 5px;}
.mr-sm {margin-right: 15px;}
.mr-md {margin-right: 25px;}
.mr-lg {margin-right: 50px;}
.mr-xl {margin-right: 100px;}

.mt-xs {margin-top: 5px;}
.mt-sm {margin-top: 15px;}
.mt-md {margin-top: 25px;}
.mt-lg {margin-top: 50px;}
.mt-xl {margin-top: 100px;}

.mb-xs {margin-bottom: 5px;}
.mb-sm {margin-bottom: 15px;}
.mb-md {margin-bottom: 25px;}
.mb-lg {margin-bottom: 50px;}
.mb-xl {margin-bottom: 100px;}


.mtb-xs {margin: 5px 0px 5px 0px;}
.mtb-sm {margin: 15px 0px 15px 0px;}
.mtb-md {margin: 25px 0px 25px 0px;}
.mtb-lg {margin: 50px 0px 50px 0px;}
.mtb-xl {margin: 100px 0px 100px 0px;}


.mlr-xs {margin: 0px 5px 0px  5px;}
.mlr-sm {margin: 0px 15px 0px 15px;}
.mlr-md {margin: 0px 25px 0px 25px;}
.mlr-lg {margin: 0px 50px 0px 50px;}
.mlr-xl {margin: 0px 100px 0px 100px;}

/* margin end*/


/* Custom Breakpoints */

@media (min-width: 576px) { /* sm (small devices) */
    .col-sm-1 { width: 8.33333%; }
    .col-sm-2 { width: 16.66667%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33333%; }
    .col-sm-5 { width: 41.66667%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.33333%; }
    .col-sm-8 { width: 66.66667%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.33333%; }
    .col-sm-11 { width: 91.66667%; }
    .col-sm-12 { width: 100%; }
}

@media (min-width: 768px) { /* md (medium devices) */
    .col-md-1 { width: 8.33333%; }
    .col-md-2 { width: 16.66667%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.33333%; }
    .col-md-5 { width: 41.66667%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.33333%; }
    .col-md-8 { width: 66.66667%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.33333%; }
    .col-md-11 { width: 91.66667%; }
    .col-md-12 { width: 100%; }
}

@media (min-width: 992px) { /* lg (large devices) */
    .col-lg-1 { width: 8.33333%; }
    .col-lg-2 { width: 16.66667%; }
    .col-lg-3 { width: 25%; }
    .col-lg-4 { width: 33.33333%; }
    .col-lg-5 { width: 41.66667%; }
    .col-lg-6 { width: 50%; }
    .col-lg-7 { width: 58.33333%; }
    .col-lg-8 { width: 66.66667%; }
    .col-lg-9 { width: 75%; }
    .col-lg-10 { width: 83.33333%; }
    .col-lg-11 { width: 91.66667%; }
    .col-lg-12 { width: 100%; }
}

/* Add additional breakpoints for xl and xxl */
@media (min-width: 1200px) { /* xl (extra large devices) */
    .col-xl-1 { width: 8.33333%; }
    .col-xl-2 { width: 16.66667%; }
    .col-xl-3 { width: 25%; }
    .col-xl-4 { width: 33.33333%; }
    .col-xl-5 { width: 41.66667%; }
    .col-xl-6 { width: 50%; }
    .col-xl-7 { width: 58.33333%; }
    .col-xl-8 { width: 66.66667%; }
    .col-xl-9 { width: 75%; }
    .col-xl-10 { width: 83.33333%; }
    .col-xl-11 { width: 91.66667%; }
    .col-xl-12 { width: 100%; }
}

@media (min-width: 1400px) { /* xxl (extra extra large devices) */
    .col-xxl-1 { width: 8.33333%; }
    .col-xxl-2 { width: 16.66667%; }
    .col-xxl-3 { width: 25%; }
    .col-xxl-4 { width: 33.33333%; }
    .col-xxl-5 { width: 41.66667%; }
    .col-xxl-6 { width: 50%; }
    .col-xxl-7 { width: 58.33333%; }
    .col-xxl-8 { width: 66.66667%; }
    .col-xxl-9 { width: 75%; }
    .col-xxl-10 { width: 83.33333%; }
    .col-xxl-11 { width: 91.66667%; }
    .col-xxl-12 { width: 100%; }
}
/* Offsets for small devices (≥576px) */
@media (min-width: 576px) {
    .col-sm-offset-1 { margin-left: 8.33333%; }
    .col-sm-offset-2 { margin-left: 16.66667%; }
    .col-sm-offset-3 { margin-left: 25%; }
    .col-sm-offset-4 { margin-left: 33.33333%; }
    .col-sm-offset-5 { margin-left: 41.66667%; }
    .col-sm-offset-6 { margin-left: 50%; }
    .col-sm-offset-7 { margin-left: 58.33333%; }
    .col-sm-offset-8 { margin-left: 66.66667%; }
    .col-sm-offset-9 { margin-left: 75%; }
    .col-sm-offset-10 { margin-left: 83.33333%; }
    .col-sm-offset-11 { margin-left: 91.66667%; }
}

/* Offsets for medium devices (≥768px) */
@media (min-width: 768px) {
    .col-md-offset-1 { margin-left: 8.33333%; }
    .col-md-offset-2 { margin-left: 16.66667%; }
    .col-md-offset-3 { margin-left: 25%; }
    .col-md-offset-4 { margin-left: 33.33333%; }
    .col-md-offset-5 { margin-left: 41.66667%; }
    .col-md-offset-6 { margin-left: 50%; }
    .col-md-offset-7 { margin-left: 58.33333%; }
    .col-md-offset-8 { margin-left: 66.66667%; }
    .col-md-offset-9 { margin-left: 75%; }
    .col-md-offset-10 { margin-left: 83.33333%; }
    .col-md-offset-11 { margin-left: 91.66667%; }
}

/* Offsets for large devices (≥992px) */
@media (min-width: 992px) {
    .col-lg-offset-1 { margin-left: 8.33333%; }
    .col-lg-offset-2 { margin-left: 16.66667%; }
    .col-lg-offset-3 { margin-left: 25%; }
    .col-lg-offset-4 { margin-left: 33.33333%; }
    .col-lg-offset-5 { margin-left: 41.66667%; }
    .col-lg-offset-6 { margin-left: 50%; }
    .col-lg-offset-7 { margin-left: 58.33333%; }
    .col-lg-offset-8 { margin-left: 66.66667%; }
    .col-lg-offset-9 { margin-left: 75%; }
    .col-lg-offset-10 { margin-left: 83.33333%; }
    .col-lg-offset-11 { margin-left: 91.66667%; }
}

/* Offsets for extra large devices (≥1200px) */
@media (min-width: 1200px) {
    .col-xl-offset-1 { margin-left: 8.33333%; }
    .col-xl-offset-2 { margin-left: 16.66667%; }
    .col-xl-offset-3 { margin-left: 25%; }
    .col-xl-offset-4 { margin-left: 33.33333%; }
    .col-xl-offset-5 { margin-left: 41.66667%; }
    .col-xl-offset-6 { margin-left: 50%; }
    .col-xl-offset-7 { margin-left: 58.33333%; }
    .col-xl-offset-8 { margin-left: 66.66667%; }
    .col-xl-offset-9 { margin-left: 75%; }
    .col-xl-offset-10 { margin-left: 83.33333%; }
    .col-xl-offset-11 { margin-left: 91.66667%; }
}

/* Offsets for extra extra large devices (≥1400px) */
@media (min-width: 1400px) {
    .col-xxl-offset-1 { margin-left: 8.33333%; }
    .col-xxl-offset-2 { margin-left: 16.66667%; }
    .col-xxl-offset-3 { margin-left: 25%; }
    .col-xxl-offset-4 { margin-left: 33.33333%; }
    .col-xxl-offset-5 { margin-left: 41.66667%; }
    .col-xxl-offset-6 { margin-left: 50%; }
    .col-xxl-offset-7 { margin-left: 58.33333%; }
    .col-xxl-offset-8 { margin-left: 66.66667%; }
    .col-xxl-offset-9 { margin-left: 75%; }
    .col-xxl-offset-10 { margin-left: 83.33333%; }
    .col-xxl-offset-11 { margin-left: 91.66667%; }
}



.img-responsive {
    width: 100%;
    height: auto;
}


.center-image {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.center-content {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}


/* STACK ORDER OF COLUMNS ON MOBILE*/
@media (max-width: 767px) {
    .stack-row {
        display: flex;
        flex-direction: column;
    }
    .stack-1 {
        order: 1;
    }
    .stack-2 {
        order: 2;
    }
    .stack-3 {
        order: 3;
    }
    .stack-4 {
        order: 4;
    }
    .stack-5 {
        order: 5;
    }
    .stack-6 {
        order: 6;
    }
    .stack-7 {
        order: 7;
    }
    .stack-8 {
        order: 8;
    }
    .stack-9 {
        order: 9;
    }
    .stack-10 {
        order: 10;
    }
  }
  /* END STACK ORDER OF COLUMNS ON MOBILE*/
  
  
  
  /* FLEX BOX */
  
    /* FLEX BOX */
    .d-flex {
      display: flex;
    }
    
    .d-inline-flex {
      display: inline-flex;
    }
    
    .flex-row {
      flex-direction: row;
    }
    
    .flex-column {
      flex-direction: column;
    }
    
    .flex-row-reverse {
      flex-direction: row-reverse;
    }
    
    .flex-column-reverse {
      flex-direction: column-reverse;
    }
    
    .justify-content-start {
      justify-content: flex-start;
    }
    
    .justify-content-end {
      justify-content: flex-end;
    }
    
    .justify-content-center {
      justify-content: center;
    }
    
    .justify-content-between {
      justify-content: space-between;
    }
    
    .justify-content-around {
      justify-content: space-around;
    }
    
    .align-items-start {
      align-items: flex-start;
    }
    
    .align-items-end {
      align-items: flex-end;
    }
    
    .align-items-center {
      align-items: center;
    }
    
    .align-items-baseline {
      align-items: baseline;
    }
    
    .align-items-stretch {
      align-items: stretch;
    }
    
    .flex-wrap {
      flex-wrap: wrap;
    }
    
    .flex-nowrap {
      flex-wrap: nowrap;
    }
  
    /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) {
    .flex-sm-wrap {
      flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    .flex-md-wrap {
      flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
  }
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
    .flex-lg-wrap {
      flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
  }
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
    .flex-xl-wrap {
      flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
  }
  
  /* Extra extra large devices (larger desktops, 1400px and up) */
  @media (min-width: 1400px) {
    .flex-xxl-wrap {
      flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
  }
    
    .flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    
    .align-self-start {
      align-self: flex-start;
    }
    
    .align-self-end {
      align-self: flex-end;
    }
    
    .align-self-center {
      align-self: center;
    }
    
    .align-self-baseline {
      align-self: baseline;
    }
    
    .align-self-stretch {
      align-self: stretch;
    }
    
    .flex-grow-0 {
      flex-grow: 0;
    }
    
    .flex-grow-1 {
      flex-grow: 1;
    }
    
    .flex-shrink-0 {
      flex-shrink: 0;
    }
    
    .flex-shrink-1 {
      flex-shrink: 1;
    }
    
    .text-nowrap {
      white-space: nowrap;
  }
  @media (min-width: 991px) {  
    .flex-md-row {
        display: flex;        
    }
  }
  
  
  @media (max-width: 576px) {
    .order-sm-0 { order: 0; }
    .order-sm-1 { order: 1; }
    .order-sm-2 { order: 2; }
    .order-sm-3 { order: 3; }
    .order-sm-4 { order: 4; }
    .order-sm-5 { order: 5; }
    .order-sm-first { order: -1; }
    .order-sm-last { order: 999; }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (max-width: 768px) {
    .order-md-0 { order: 0; }
    .order-md-1 { order: 1; }
    .order-md-2 { order: 2; }
    .order-md-3 { order: 3; }
    .order-md-4 { order: 4; }
    .order-md-5 { order: 5; }
    .order-md-first { order: -1; }
    .order-md-last { order: 999; }
  }
  
  /* Large devices (desktops, 992px and up) */
  @media (max-width: 992px) {
    .order-lg-0 { order: 0; }
    .order-lg-1 { order: 1; }
    .order-lg-2 { order: 2; }
    .order-lg-3 { order: 3; }
    .order-lg-4 { order: 4; }
    .order-lg-5 { order: 5; }
    .order-lg-first { order: -1; }
    .order-lg-last { order: 999; }
  }
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media (max-width: 1200px) {
    .order-xl-0 { order: 0; }
    .order-xl-1 { order: 1; }
    .order-xl-2 { order: 2; }
    .order-xl-3 { order: 3; }
    .order-xl-4 { order: 4; }
    .order-xl-5 { order: 5; }
    .order-xl-first { order: -1; }
    .order-xl-last { order: 999; }
  }
  
  /* Extra extra large devices (larger desktops, 1400px and up) */
  @media (max-width: 1400px) {
    .order-xxl-0 { order: 0; }
    .order-xxl-1 { order: 1; }
    .order-xxl-2 { order: 2; }
    .order-xxl-3 { order: 3; }
    .order-xxl-4 { order: 4; }
    .order-xxl-5 { order: 5; }
    .order-xxl-first { order: -1; }
    .order-xxl-last { order: 999; }
  }
  
  
  
  
  @media (max-width: 767px) {
    .d-flex-remove-xs {
      display: block; 
    }
  }
  
  
  @media (min-width: 767px) and (max-width: 1199px) {
    .d-flex-remove-sm {
      display: block; 
    }
  }
  
  @media (min-width: 1200px) {
    .d-flex-remove-md {
      display: block; 
    }
  }
  
  
      /* FLEX BOX END*/


      @media (max-width: 767px) {
        .hidden-xs { display: none !important; }
    }
    
    /* 768 – 991 px */
    @media (min-width: 768px) and (max-width: 991px) {
        .hidden-sm { display: none !important; }
    }
    
    /* 992 – 1199 px */
    @media (min-width: 992px) and (max-width: 1199px) {
        .hidden-md { display: none !important; }
    }
    
    /* ≥ 1200 px */
    @media (min-width: 1200px) {
        .hidden-lg { display: none !important; }
    }