/* global css */
:root{
  --color-1: #000000;
  --color-2: #ffffff;
  --color-3: #F2F2F2;
  --color-4: #E8EFDB;
  --color-5: #76CBD9;
  --color-6: #E4E7F0;
  --color-7: #99CEC8;
  --color-8: #5FB4E6;
  --color-9: #E6DBC3;
  --color-10: #2E3C76;
  --color-11: #262626;
  --color-12: #B9994F;
  
}
/*=====================   General class start ===================*/
.hide {
    display: none !important
}

.hide-keep {
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important
}
@media (max-width: 991px) {
    .hide-m {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hide-d {
        display: none !important
    }
    .hide-desktop {
      display: none;
  }
}
.position-relative{
  position: relative;
}
/*=====================   General class end ===================*/

/*=====================   Text Color start ===================*/
.text-white,
.text-white *{
  color: var(--color-2);
}
.text-black,
.text-black *{
  color: var(--color-1);
}
.text-blue,
.text-blue *{
  color: var(--color-10);
}
/*=====================   Text Color end ===================*/

/*=====================   Font Style class start ===================*/
.font-weight-bold {
  font-weight: bold;
}
.font-weight-600 {
  font-weight: 600;
}

@media (min-width: 992px) {
  .font-d-14{
    font-size: 14px;
  }
  .font-d-16{
    font-size: 16px;
  }
  .font-d-18{
    font-size: 18px;
  }
.font-d-24 {
  font-size: 24px;
}
.font-d-26{
  font-size: 26px;
}
.font-d-28 {
  font-size: 28px;
}
.font-d-30 {
  font-size: 30px;
}

.font-d-32 {
  font-size: 32px;
}
.font-d-36 {
  font-size: 36px;
}
.font-d-35 {
  font-size: 35px;
}

.font-d-40 {
  font-size: 40px;
}
.font-d-48 {
  font-size: 48px;
}
.font-d-60 {
  font-size: 60px;
}


}
@media (max-width:991px) {
  .font-m-14{
    font-size: 14px;
  }
  .font-m-16{
    font-size: 16px;
  }
  .font-m-18{
    font-size: 18px;
  }
  .font-m-20{
    font-size: 20px;
  }
  .font-m-24 {
    font-size: 24px;
  }
  .font-m-28 {
    font-size: 28px;
  }
  .font-m-30 {
    font-size: 30px;
  }
  .font-m-48{
    font-size: 48px;
  }
}
/*=====================   Font Style class end ===================*/
/*=====================   margin padding class start ===================*/

@media (min-width:992px) {
    .p-d-0 {
      padding: 0 !important
    }
  
    .m-d-0 {
      margin: 0 !important
    }
    .m-d-auto{
      margin: auto;
    }
  
    .p-d-1 {
      padding: 1rem !important
    }
  
    .m-d-1 {
      margin: 1rem !important
    }
  
    .p-d-2 {
      padding: 2rem !important
    }
  
    .m-d-2 {
      margin: 2rem !important
    }
  
    .p-d-3 {
      padding: 3rem !important
    }
  
    .m-d-3 {
      margin: 3rem !important
    }
  
    .p-d-4 {
      padding: 4rem !important
    }
  
    .m-d-4 {
      margin: 4rem !important
    }
  
    .p-d-5 {
      padding: 5rem !important
    }
  
    .m-d-5 {
      margin: 5rem !important
    }
  
    .p-d-t-0 {
      padding-top: 0 !important
    }
  
    .m-d-t-0 {
      margin-top: 0 !important
    }
  
    .p-d-t-1 {
      padding-top: 1rem !important
    }
  
    .m-d-t-1 {
      margin-top: 1rem !important
    }
  
    .p-d-t-2 {
      padding-top: 2rem !important
    }
  
    .m-d-t-2 {
      margin-top: 2rem !important
    }
  
    .p-d-t-3 {
      padding-top: 3rem !important
    }
  
    .m-d-t-3 {
      margin-top: 3rem !important
    }
  
    .p-d-t-4 {
      padding-top: 4rem !important
    }

    .m-d-auto {
      margin: auto !important;
    }
  
    .m-d-t-4 {
      margin-top: 4rem !important
    }
  
    .p-d-t-5 {
      padding-top: 5rem !important
    }
  
    .m-d-t-5 {
      margin-top: 5rem !important
    }
  
    .p-d-b-0 {
      padding-bottom: 0 !important
    }
  
    .m-d-b-0 {
      margin-bottom: 0 !important
    }
  
    .p-d-b-1 {
      padding-bottom: 1rem !important
    }
  
    .m-d-b-1 {
      margin-bottom: 1rem !important
    }
  
    .p-d-b-2 {
      padding-bottom: 2rem !important
    }
  
    .m-d-b-2 {
      margin-bottom: 2rem !important
    }
  
    .p-d-b-3 {
      padding-bottom: 3rem !important
    }
  
    .m-d-b-3 {
      margin-bottom: 3rem !important
    }
  
    .p-d-b-4 {
      padding-bottom: 4rem !important
    }
  
    .m-d-b-4 {
      margin-bottom: 4rem !important
    }
  
    .p-d-b-5 {
      padding-bottom: 5rem !important
    }
  
    .m-d-b-5 {
      margin-bottom: 5rem !important
    }
  
    .p-d-l-0 {
      padding-left: 0 !important
    }
  
    .m-d-l-0 {
      margin-left: 0 !important
    }
  
    .p-d-l-1 {
      padding-left: 1rem !important
    }
  
    .m-d-l-1 {
      margin-left: 1rem !important
    }
  
    .p-d-l-2 {
      padding-left: 2rem !important
    }
  
    .m-d-l-2 {
      margin-left: 2rem !important
    }
  
    .p-d-l-3 {
      padding-left: 3rem !important
    }
  
    .m-d-l-3 {
      margin-left: 3rem !important
    }
  
    .p-d-l-4 {
      padding-left: 4rem !important
    }
  
    .m-d-l-4 {
      margin-left: 4rem !important
    }
  
    .p-d-l-5 {
      padding-left: 5rem !important
    }
    .p-d-l-6 {
      padding-left: 6rem !important
    }
  
    .m-d-l-5 {
      margin-left: 5rem !important
    }
  
    .p-d-r-0 {
      padding-right: 0 !important
    }
  
    .m-d-r-0 {
      margin-right: 0 !important
    }
  
    .p-d-r-1 {
      padding-right: 1rem !important
    }
  
    .m-d-r-1 {
      margin-right: 1rem !important
    }
  
    .p-d-r-2 {
      padding-right: 2rem !important
    }
  
    .m-d-r-2 {
      margin-right: 2rem !important
    }
  
    .p-d-r-3 {
      padding-right: 3rem !important
    }
  
    .m-d-r-3 {
      margin-right: 3rem !important
    }
  
    .p-d-r-4 {
      padding-right: 4rem !important
    }
  
    .m-d-r-4 {
      margin-right: 4rem !important
    }
  
    .p-d-r-5 {
      padding-right: 5rem !important
    }
  
    .m-d-r-5 {
      margin-right: 5rem !important
    }
  
    .p-d-y-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important
    }
  
    .m-d-y-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important
    }
  
    .p-d-y-1 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important
    }
  
    .m-d-y-1 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important
    }
  
    .p-d-y-2 {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important
    }
  
    .m-d-y-2 {
      margin-top: 2rem !important;
      margin-bottom: 2rem !important
    }
  
    .p-d-y-3 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important
    }
  
    .m-d-y-3 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important
    }
  
    .p-d-y-4 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important
    }
  
    .m-d-y-4 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important
    }
  
    .p-d-y-5 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important
    }
  
    .m-d-y-5 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important
    }
  
    .p-d-x-0 {
      padding-left: 0 !important;
      padding-right: 0 !important
    }
  
    .m-d-x-0 {
      margin-left: 0 !important;
      margin-right: 0 !important
    }
  
    .p-d-x-1 {
      padding-left: 1rem !important;
      padding-right: 1rem !important
    }
  
    .m-d-x-1 {
      margin-left: 1rem !important;
      margin-right: 1rem !important
    }
  
    .p-d-x-2 {
      padding-left: 2rem !important;
      padding-right: 2rem !important
    }
  
    .m-d-x-2 {
      margin-left: 2rem !important;
      margin-right: 2rem !important
    }
  
    .p-d-x-3 {
      padding-left: 3rem !important;
      padding-right: 3rem !important
    }
  
    .m-d-x-3 {
      margin-left: 3rem !important;
      margin-right: 3rem !important
    }
  
    .p-d-x-4 {
      padding-left: 4rem !important;
      padding-right: 4rem !important
    }
  
    .m-d-x-4 {
      margin-left: 4rem !important;
      margin-right: 4rem !important
    }
  
    .p-d-x-5 {
      padding-left: 5rem !important;
      padding-right: 5rem !important
    }
  
    .m-d-x-5 {
      margin-left: 5rem !important;
      margin-right: 5rem !important
    }
  }
  
  @media (max-width:991px) {
    .p-m-0 {
      padding: 0 !important
    }
  
    .m-m-0 {
      margin: 0 !important
    }
  
    .p-m-1 {
      padding: 1rem !important
    }
  
    .m-m-1 {
      margin: 1rem !important
    }
  
    .p-m-2 {
      padding: 2rem !important
    }
  
    .m-m-2 {
      margin: 2rem !important
    }
  
    .p-m-3 {
      padding: 3rem !important
    }
  
    .m-m-3 {
      margin: 3rem !important
    }
  
    .p-m-4 {
      padding: 4rem !important
    }
  
    .m-m-4 {
      margin: 4rem !important
    }
  
    .p-m-5 {
      padding: 5rem !important
    }
  
    .m-m-5 {
      margin: 5rem !important
    }
  
    .p-m-t-0 {
      padding-top: 0 !important
    }
  
    .m-m-t-0 {
      margin-top: 0 !important
    }
  
    .p-m-t-1 {
      padding-top: 1rem !important
    }
  
    .m-m-t-1 {
      margin-top: 1rem !important
    }
  
    .p-m-t-2 {
      padding-top: 2rem !important
    }
  
    .m-m-t-2 {
      margin-top: 2rem !important
    }
  
    .p-m-t-3 {
      padding-top: 3rem !important
    }
  
    .m-m-t-3 {
      margin-top: 3rem !important
    }
  
    .p-m-t-4 {
      padding-top: 4rem !important
    }
  
    .m-m-t-4 {
      margin-top: 4rem !important
    }
  
    .p-m-t-5 {
      padding-top: 5rem !important
    }
  
    .m-m-t-5 {
      margin-top: 5rem !important
    }
  
    .p-m-b-0 {
      padding-bottom: 0 !important
    }
  
    .m-m-b-0 {
      margin-bottom: 0 !important
    }
  
    .p-m-b-1 {
      padding-bottom: 1rem !important
    }
  
    .m-m-b-1 {
      margin-bottom: 1rem !important
    }
  
    .p-m-b-2 {
      padding-bottom: 2rem !important
    }
  
    .m-m-b-2 {
      margin-bottom: 2rem !important
    }
  
    .p-m-b-3 {
      padding-bottom: 3rem !important
    }
  
    .m-m-b-3 {
      margin-bottom: 3rem !important
    }
  
    .p-m-b-4 {
      padding-bottom: 4rem !important
    }
  
    .m-m-b-4 {
      margin-bottom: 4rem !important
    }
  
    .p-m-b-5 {
      padding-bottom: 5rem !important
    }
  
    .m-m-b-5 {
      margin-bottom: 5rem !important
    }
  
    .p-m-l-0 {
      padding-left: 0 !important
    }
  
    .m-m-l-0 {
      margin-left: 0 !important
    }
  
    .p-m-l-1 {
      padding-left: 1rem !important
    }
  
    .m-m-l-1 {
      margin-left: 1rem !important
    }
  
    .p-m-l-2 {
      padding-left: 2rem !important
    }
  
    .m-m-l-2 {
      margin-left: 2rem !important
    }
  
    .p-m-l-3 {
      padding-left: 3rem !important
    }
  
    .m-m-l-3 {
      margin-left: 3rem !important
    }
  
    .p-m-l-4 {
      padding-left: 4rem !important
    }
  
    .m-m-l-4 {
      margin-left: 4rem !important
    }
  
    .p-m-l-5 {
      padding-left: 5rem !important
    }
  
    .m-m-l-5 {
      margin-left: 5rem !important
    }
  
    .p-m-r-0 {
      padding-right: 0 !important
    }
  
    .m-m-r-0 {
      margin-right: 0 !important
    }
  
    .p-m-r-1 {
      padding-right: 1rem !important
    }
  
    .m-m-r-1 {
      margin-right: 1rem !important
    }
  
    .p-m-r-2 {
      padding-right: 2rem !important
    }
  
    .m-m-r-2 {
      margin-right: 2rem !important
    }
  
    .p-m-r-3 {
      padding-right: 3rem !important
    }
  
    .m-m-r-3 {
      margin-right: 3rem !important
    }
  
    .p-m-r-4 {
      padding-right: 4rem !important
    }
  
    .m-m-r-4 {
      margin-right: 4rem !important
    }
  
    .p-m-r-5 {
      padding-right: 5rem !important
    }
  
    .m-m-r-5 {
      margin-right: 5rem !important
    }
  
    .p-m-y-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important
    }
  
    .m-m-y-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important
    }
  
    .p-m-y-1 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important
    }
  
    .m-m-y-1 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important
    }
  
    .p-m-y-2 {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important
    }
  
    .m-m-y-2 {
      margin-top: 2rem !important;
      margin-bottom: 2rem !important
    }
  
    .p-m-y-3 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important
    }
  
    .m-m-y-3 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important
    }
  
    .p-m-y-4 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important
    }
  
    .m-m-y-4 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important
    }
  
    .p-m-y-5 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important
    }
  
    .m-m-y-5 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important
    }
  
    .p-m-x-0 {
      padding-left: 0 !important;
      padding-right: 0 !important
    }
  
    .m-m-x-0 {
      margin-left: 0 !important;
      margin-right: 0 !important
    }
  
    .p-m-x-1 {
      padding-left: 1rem !important;
      padding-right: 1rem !important
    }
  
    .m-m-x-1 {
      margin-left: 1rem !important;
      margin-right: 1rem !important
    }
  
    .p-m-x-2 {
      padding-left: 2rem !important;
      padding-right: 2rem !important
    }
  
    .m-m-x-2 {
      margin-left: 2rem !important;
      margin-right: 2rem !important
    }
  
    .p-m-x-3 {
      padding-left: 3rem !important;
      padding-right: 3rem !important
    }
  
    .m-m-x-3 {
      margin-left: 3rem !important;
      margin-right: 3rem !important
    }
  
    .p-m-x-4 {
      padding-left: 4rem !important;
      padding-right: 4rem !important
    }
  
    .m-m-x-4 {
      margin-left: 4rem !important;
      margin-right: 4rem !important
    }
  
    .p-m-x-5 {
      padding-left: 5rem !important;
      padding-right: 5rem !important
    }
  
    .m-m-x-5 {
      margin-left: 5rem !important;
      margin-right: 5rem !important
    }
  }

/*=====================   margin padding class end =====================*/


/*=====================   border class start ===================*/
.border {
    border: 1px solid rgba(0, 0, 0, 0)
  }
  
  @media (min-width:992px) {
    .border-d {
      border: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-top {
    border-top: 1px solid rgba(0, 0, 0, 0)
  }
  
  @media (min-width:992px) {
    .border-d-top {
      border-top: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-left {
    border-left: 1px solid rgba(0, 0, 0, 0)
  }
  
  @media (min-width:992px) {
    .border-d-left {
      border-left: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0)
  }
  
  @media (min-width:992px) {
    .border-d-bottom {
      border-bottom: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-right {
    border-right: 1px solid rgba(0, 0, 0, 0)
  }
  
  @media (min-width:992px) {
    .border-d-right {
      border-right: 1px solid rgba(0, 0, 0, 0)
    }
  }
  
  .border-0 {
    border: none
  }
  
  @media (min-width:992px) {
    .border-d-0 {
      border: none
    }
  }
  
  #exit-notification .exit-notification-inner .exit-notification-buttons button,
  .rounded {
    overflow: hidden;
    border-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d {
      overflow: hidden;
      border-radius: 5px !important
    }
  }
  
  .rounded-top {
    overflow: hidden;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-top {
      overflow: hidden;
      border-top-left-radius: 5px !important;
      border-top-right-radius: 5px !important
    }
  }
  
  .rounded-left {
    overflow: hidden;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-left {
      overflow: hidden;
      border-top-left-radius: 5px !important;
      border-bottom-left-radius: 5px !important
    }
  }
  
  .rounded-bottom {
    overflow: hidden;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-bottom {
      overflow: hidden;
      border-bottom-left-radius: 5px !important;
      border-bottom-right-radius: 5px !important
    }
  }
  
  .rounded-right {
    overflow: hidden;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-right {
      overflow: hidden;
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important
    }
  }
  
  .rounded-top-left {
    overflow: hidden;
    border-top-left-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-top-left {
      overflow: hidden;
      border-top-left-radius: 5px !important
    }
  }
  
  .rounded-top-right {
    overflow: hidden;
    border-top-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-top-right {
      overflow: hidden;
      border-top-right-radius: 5px !important
    }
  }
  
  .rounded-bottom-left {
    overflow: hidden;
    border-bottom-left-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-bottom-left {
      overflow: hidden;
      border-bottom-left-radius: 5px !important
    }
  }
  
  .rounded-bottom-right {
    overflow: hidden;
    border-bottom-right-radius: 5px !important
  }
  
  @media (min-width:992px) {
    .rounded-d-bottom-right {
      overflow: hidden;
      border-bottom-right-radius: 5px !important
    }
  }
  
  .rounded-pill {
    overflow: hidden;
    border-radius: 50rem !important
  }
  
  @media (min-width:992px) {
    .rounded-d-pill {
      overflow: hidden;
      border-radius: 50rem !important
    }
  }
  
  .rounded-circle {
    overflow: hidden;
    border-radius: 50% !important
  }
  
  @media (min-width:992px) {
    .rounded-d-circle {
      overflow: hidden;
      border-radius: 50% !important
    }
  }
  
  .rounded-0 {
    overflow: hidden;
    border-radius: 0 !important
  }
  
  @media (min-width:992px) {
    .rounded-d-0 {
      overflow: hidden;
      border-radius: 0 !important
    }
  }

  /*=====================   border class end ===================*/



  /*=====================   border class end ===================*/


  /*=====================   width & max-width class end ===================*/
  .flex-1{
    flex: 1;
  }
  .max-image-w-none img {
    max-width: none !important
  }
  
  .min-image-w-auto img,
  .min-w-auto {
    min-width: auto !important
  }
  
  .image-w-auto img {
    width: auto !important
  }
  
  .max-image-w-none image,
  .max-w-none {
    max-width: none !important
  }
  
  @media (max-width:991px) {
    .max-w-m-auto {
      max-width: none !important
    }
  }
  
  @media (min-width:992px) {
    .max-w-d-auto {
      max-width: none !important
    }
    .verticle-center-d{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .d-flex-desktop-inner>.component-content>.paragraphSystem{
      display: flex;
    }
  }
  
  .w-auto {
    max-width: none !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    width: auto !important;
    min-width: auto !important
  }
  
  @media (min-width:992px) {
    .w-d-auto {
      max-width: none !important;
      -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
      width: auto !important;
      min-width: auto !important
    }
  }
  
  @media (min-width:992px) {
      
    .w-d-1 {
        width: 1% !important
    }

    .w-d-1,
    .max-w-d-1,
    .max-image-w-d-1 img {
      max-width: 1% !important
    }

    .w-d-2 {
        width: 2% !important
    }

    .w-d-2 
    .max-w-d-2,
    .max-image-w-d-2 img{
      max-width: 2% !important
    }
    
    .w-d-3 {
        width: 3% !important
    }
    .w-d-3,
    .max-w-d-3,
    .max-image-w-d-3 img {
      max-width: 3% !important
    }

    .max-w-d-4,
    .w-d-4 {
      max-width: 4% !important
    }
  
    .w-d-4 {
      width: 4% !important
    }
  
    .max-image-w-d-4 img {
      max-width: 4% !important
    }
  
    .max-w-d-5,
    .w-d-5 {
      max-width: 5% !important
    }
  
    .w-d-5 {
      width: 5% !important
    }
  
    .max-image-w-d-5 img {
      max-width: 5% !important
    }
  
    .max-w-d-6,
    .w-d-6 {
      max-width: 6% !important
    }
  
    .w-d-6 {
      width: 6% !important
    }
  
    .max-image-w-d-6 img {
      max-width: 6% !important
    }
  
    .max-w-d-7,
    .w-d-7 {
      max-width: 7% !important
    }
  
    .w-d-7 {
      width: 7% !important
    }
  
    .max-image-w-d-7 img {
      max-width: 7% !important
    }
  
    .max-w-d-8,
    .w-d-8 {
      max-width: 8% !important
    }
  
    .w-d-8 {
      width: 8% !important
    }
  
    .max-image-w-d-8 img {
      max-width: 8% !important
    }
  
    .max-w-d-9,
    .w-d-9 {
      max-width: 9% !important
    }
  
    .w-d-9 {
      width: 9% !important
    }
  
    .max-image-w-d-9 img {
      max-width: 9% !important
    }
  
    .max-w-d-10,
    .w-d-10 {
      max-width: 10% !important
    }
  
    .w-d-10 {
      width: 10% !important
    }
  
    .max-image-w-d-10 img {
      max-width: 10% !important
    }
  
    .max-w-d-11,
    .w-d-11 {
      max-width: 11% !important
    }
  
    .w-d-11 {
      width: 11% !important
    }
  
    .max-image-w-d-11 img {
      max-width: 11% !important
    }
  
    .max-w-d-12,
    .w-d-12 {
      max-width: 12% !important
    }
  
    .w-d-12 {
      width: 12% !important
    }
  
    .max-image-w-d-12 img {
      max-width: 12% !important
    }
  
    .max-w-d-13,
    .w-d-13 {
      max-width: 13% !important
    }
  
    .w-d-13 {
      width: 13% !important
    }
  
    .max-image-w-d-13 img {
      max-width: 13% !important
    }
  
    .max-w-d-14,
    .w-d-14 {
      max-width: 14% !important
    }
  
    .w-d-14 {
      width: 14% !important
    }
  
    .max-image-w-d-14 img {
      max-width: 14% !important
    }
  
    .max-w-d-15,
    .w-d-15 {
      max-width: 15% !important
    }
  
    .w-d-15 {
      width: 15% !important
    }
  
    .max-image-w-d-15 img {
      max-width: 15% !important
    }
  
    .max-w-d-16,
    .w-d-16 {
      max-width: 16% !important
    }
  
    .w-d-16 {
      width: 16% !important
    }
  
    .max-image-w-d-16 img {
      max-width: 16% !important
    }
  
    .max-w-d-17,
    .w-d-17 {
      max-width: 17% !important
    }
  
    .w-d-17 {
      width: 17% !important
    }
  
    .max-image-w-d-17 img {
      max-width: 17% !important
    }
  
    .max-w-d-18,
    .w-d-18 {
      max-width: 18% !important
    }
  
    .w-d-18 {
      width: 18% !important
    }
  
    .max-image-w-d-18 img {
      max-width: 18% !important
    }
  
    .max-w-d-19,
    .w-d-19 {
      max-width: 19% !important
    }
  
    .w-d-19 {
      width: 19% !important
    }
  
    .max-image-w-d-19 img {
      max-width: 19% !important
    }
  
    .max-w-d-20,
    .w-d-20 {
      max-width: 20% !important
    }
  
    .w-d-20 {
      width: 20% !important
    }
  
    .max-image-w-d-20 img {
      max-width: 20% !important
    }
  
    .max-w-d-21,
    .w-d-21 {
      max-width: 21% !important
    }
  
    .w-d-21 {
      width: 21% !important
    }
  
    .max-image-w-d-21 img {
      max-width: 21% !important
    }
  
    .max-w-d-22,
    .w-d-22 {
      max-width: 22% !important
    }
  
    .w-d-22 {
      width: 22% !important
    }
  
    .max-image-w-d-22 img {
      max-width: 22% !important
    }
  
    .max-w-d-23,
    .w-d-23 {
      max-width: 23% !important
    }
  
    .w-d-23 {
      width: 23% !important
    }
  
    .max-image-w-d-23 img {
      max-width: 23% !important
    }
  
    .max-w-d-24,
    .w-d-24 {
      max-width: 24% !important
    }
  
    .w-d-24 {
      width: 24% !important
    }
  
    .max-image-w-d-24 img {
      max-width: 24% !important
    }
  
    .max-w-d-25,
    .w-d-25 {
      max-width: 25% !important
    }
  
    .w-d-25 {
      width: 25% !important
    }
  
    .max-image-w-d-25 img {
      max-width: 25% !important
    }
  
    .max-w-d-26,
    .w-d-26 {
      max-width: 26% !important
    }
  
    .w-d-26 {
      width: 26% !important
    }
  
    .max-image-w-d-26 img {
      max-width: 26% !important
    }
  
    .max-w-d-27,
    .w-d-27 {
      max-width: 27% !important
    }
  
    .w-d-27 {
      width: 27% !important
    }
  
    .max-image-w-d-27 img {
      max-width: 27% !important
    }
  
    .max-w-d-28,
    .w-d-28 {
      max-width: 28% !important
    }
  
    .w-d-28 {
      width: 28% !important
    }
  
    .max-image-w-d-28 img {
      max-width: 28% !important
    }
  
    .max-w-d-29,
    .w-d-29 {
      max-width: 29% !important
    }
  
    .w-d-29 {
      width: 29% !important
    }
  
    .max-image-w-d-29 img {
      max-width: 29% !important
    }
  
    .max-w-d-30,
    .w-d-30 {
      max-width: 30% !important
    }
  
    .w-d-30 {
      width: 30% !important
    }
  
    .max-image-w-d-30 img {
      max-width: 30% !important
    }
  
    .max-w-d-31,
    .w-d-31 {
      max-width: 31% !important
    }
  
    .w-d-31 {
      width: 31% !important
    }
  
    .max-image-w-d-31 img {
      max-width: 31% !important
    }
  
    .max-w-d-32,
    .w-d-32 {
      max-width: 32% !important
    }
  
    .w-d-32 {
      width: 32% !important
    }
  
    .max-image-w-d-32 img {
      max-width: 32% !important
    }
  
    .max-w-d-33,
    .w-d-33 {
      max-width: 33% !important
    }
  
    .w-d-33 {
      width: 33% !important
    }
  
    .max-image-w-d-33 img {
      max-width: 33% !important
    }
  
    .max-w-d-34,
    .w-d-34 {
      max-width: 34% !important
    }
  
    .w-d-34 {
      width: 34% !important
    }
  
    .max-image-w-d-34 img {
      max-width: 34% !important
    }
  
    .max-w-d-35,
    .w-d-35 {
      max-width: 35% !important
    }
  
    .w-d-35 {
      width: 35% !important
    }
  
    .max-image-w-d-35 img {
      max-width: 35% !important
    }
  
    .max-w-d-36,
    .w-d-36 {
      max-width: 36% !important
    }
  
    .w-d-36 {
      width: 36% !important
    }
  
    .max-image-w-d-36 img {
      max-width: 36% !important
    }
  
    .max-w-d-37,
    .w-d-37 {
      max-width: 37% !important
    }
  
    .w-d-37 {
      width: 37% !important
    }
  
    .max-image-w-d-37 img {
      max-width: 37% !important
    }
  
    .max-w-d-38,
    .w-d-38 {
      max-width: 38% !important
    }
  
    .w-d-38 {
      width: 38% !important
    }
  
    .max-image-w-d-38 img {
      max-width: 38% !important
    }
  
    .max-w-d-39,
    .w-d-39 {
      max-width: 39% !important
    }
  
    .w-d-39 {
      width: 39% !important
    }
  
    .max-image-w-d-39 img {
      max-width: 39% !important
    }
  
    .max-w-d-40,
    .w-d-40 {
      max-width: 40% !important
    }
  
    .w-d-40 {
      width: 40% !important
    }
  
    .max-image-w-d-40 img {
      max-width: 40% !important
    }
  
    .max-w-d-41,
    .w-d-41 {
      max-width: 41% !important
    }
  
    .w-d-41 {
      width: 41% !important
    }
  
    .max-image-w-d-41 img {
      max-width: 41% !important
    }
  
    .max-w-d-42,
    .w-d-42 {
      max-width: 42% !important
    }
  
    .w-d-42 {
      width: 42% !important
    }
  
    .max-image-w-d-42 img {
      max-width: 42% !important
    }
  
    .max-w-d-43,
    .w-d-43 {
      max-width: 43% !important
    }
  
    .w-d-43 {
      width: 43% !important
    }
  
    .max-image-w-d-43 img {
      max-width: 43% !important
    }
  
    .max-w-d-44,
    .w-d-44 {
      max-width: 44% !important
    }
  
    .w-d-44 {
      width: 44% !important
    }
  
    .max-image-w-d-44 img {
      max-width: 44% !important
    }
  
    .max-w-d-45,
    .w-d-45 {
      max-width: 45% !important
    }
  
    .w-d-45 {
      width: 45% !important
    }
  
    .max-image-w-d-45 img {
      max-width: 45% !important
    }
  
    .max-w-d-46,
    .w-d-46 {
      max-width: 46% !important
    }
  
    .w-d-46 {
      width: 46% !important
    }
  
    .max-image-w-d-46 img {
      max-width: 46% !important
    }
  
    .max-w-d-47,
    .w-d-47 {
      max-width: 47% !important
    }
  
    .w-d-47 {
      width: 47% !important
    }
  
    .max-image-w-d-47 img {
      max-width: 47% !important
    }
  
    .max-w-d-48,
    .w-d-48 {
      max-width: 48% !important
    }
  
    .w-d-48 {
      width: 48% !important
    }
  
    .max-image-w-d-48 img {
      max-width: 48% !important
    }
  
    .max-w-d-49,
    .w-d-49 {
      max-width: 49% !important
    }
  
    .w-d-49 {
      width: 49% !important
    }
  
    .max-image-w-d-49 img {
      max-width: 49% !important
    }
  
    .max-w-d-50,
    .w-d-50 {
      max-width: 50% !important
    }
  
    .w-d-50 {
      width: 50% !important
    }
  
    .max-image-w-d-50 img {
      max-width: 50% !important
    }
  
    .max-w-d-51,
    .w-d-51 {
      max-width: 51% !important
    }
  
    .w-d-51 {
      width: 51% !important
    }
  
    .max-image-w-d-51 img {
      max-width: 51% !important
    }
  
    .max-w-d-52,
    .w-d-52 {
      max-width: 52% !important
    }
  
    .w-d-52 {
      width: 52% !important
    }
  
    .max-image-w-d-52 img {
      max-width: 52% !important
    }
  
    .max-w-d-53,
    .w-d-53 {
      max-width: 53% !important
    }
  
    .w-d-53 {
      width: 53% !important
    }
  
    .max-image-w-d-53 img {
      max-width: 53% !important
    }
  
    .max-w-d-54,
    .w-d-54 {
      max-width: 54% !important
    }
  
    .w-d-54 {
      width: 54% !important
    }
  
    .max-image-w-d-54 img {
      max-width: 54% !important
    }
  
    .max-w-d-55,
    .w-d-55 {
      max-width: 55% !important
    }
  
    .w-d-55 {
      width: 55% !important
    }
  
    .max-image-w-d-55 img {
      max-width: 55% !important
    }
  
    .max-w-d-56,
    .w-d-56 {
      max-width: 56% !important
    }
  
    .w-d-56 {
      width: 56% !important
    }
  
    .max-image-w-d-56 img {
      max-width: 56% !important
    }
  
    .max-w-d-57,
    .w-d-57 {
      max-width: 57% !important
    }
  
    .w-d-57 {
      width: 57% !important
    }
  
    .max-image-w-d-57 img {
      max-width: 57% !important
    }
  
    .max-w-d-58,
    .w-d-58 {
      max-width: 58% !important
    }
  
    .w-d-58 {
      width: 58% !important
    }
  
    .max-image-w-d-58 img {
      max-width: 58% !important
    }
  
    .max-w-d-59,
    .w-d-59 {
      max-width: 59% !important
    }
  
    .w-d-59 {
      width: 59% !important
    }
  
    .max-image-w-d-59 img {
      max-width: 59% !important
    }
  
    .max-w-d-60,
    .w-d-60 {
      max-width: 60% !important
    }
  
    .w-d-60 {
      width: 60% !important
    }
  
    .max-image-w-d-60 img {
      max-width: 60% !important
    }
  
    .max-w-d-61,
    .w-d-61 {
      max-width: 61% !important
    }
  
    .w-d-61 {
      width: 61% !important
    }
  
    .max-image-w-d-61 img {
      max-width: 61% !important
    }
  
    .max-w-d-62,
    .w-d-62 {
      max-width: 62% !important
    }
  
    .w-d-62 {
      width: 62% !important
    }
  
    .max-image-w-d-62 img {
      max-width: 62% !important
    }
  
    .max-w-d-63,
    .w-d-63 {
      max-width: 63% !important
    }
  
    .w-d-63 {
      width: 63% !important
    }
  
    .max-image-w-d-63 img {
      max-width: 63% !important
    }
  
    .max-w-d-64,
    .w-d-64 {
      max-width: 64% !important
    }
  
    .w-d-64 {
      width: 64% !important
    }
  
    .max-image-w-d-64 img {
      max-width: 64% !important
    }
  
    .max-w-d-65,
    .w-d-65 {
      max-width: 65% !important
    }
  
    .w-d-65 {
      width: 65% !important
    }
  
    .max-image-w-d-65 img {
      max-width: 65% !important
    }
  
    .max-w-d-66,
    .w-d-66 {
      max-width: 66% !important
    }
  
    .w-d-66 {
      width: 66% !important
    }
  
    .max-image-w-d-66 img {
      max-width: 66% !important
    }
  
    .max-w-d-67,
    .w-d-67 {
      max-width: 67% !important
    }
  
    .w-d-67 {
      width: 67% !important
    }
  
    .max-image-w-d-67 img {
      max-width: 67% !important
    }
  
    .max-w-d-68,
    .w-d-68 {
      max-width: 68% !important
    }
  
    .w-d-68 {
      width: 68% !important
    }
  
    .max-image-w-d-68 img {
      max-width: 68% !important
    }
  
    .max-w-d-69,
    .w-d-69 {
      max-width: 69% !important
    }
  
    .w-d-69 {
      width: 69% !important
    }
  
    .max-image-w-d-69 img {
      max-width: 69% !important
    }
  
    .max-w-d-70,
    .w-d-70 {
      max-width: 70% !important
    }
  
    .w-d-70 {
      width: 70% !important
    }
  
    .max-image-w-d-70 img {
      max-width: 70% !important
    }
  
    .max-w-d-71,
    .w-d-71 {
      max-width: 71% !important
    }
  
    .w-d-71 {
      width: 71% !important
    }
  
    .max-image-w-d-71 img {
      max-width: 71% !important
    }
  
    .max-w-d-72,
    .w-d-72 {
      max-width: 72% !important
    }
  
    .w-d-72 {
      width: 72% !important
    }
  
    .max-image-w-d-72 img {
      max-width: 72% !important
    }
  
    .max-w-d-73,
    .w-d-73 {
      max-width: 73% !important
    }
  
    .w-d-73 {
      width: 73% !important
    }
  
    .max-image-w-d-73 img {
      max-width: 73% !important
    }
  
    .max-w-d-74,
    .w-d-74 {
      max-width: 74% !important
    }
  
    .w-d-74 {
      width: 74% !important
    }
  
    .max-image-w-d-74 img {
      max-width: 74% !important
    }
  
    .max-w-d-75,
    .w-d-75 {
      max-width: 75% !important
    }
  
    .w-d-75 {
      width: 75% !important
    }
  
    .max-image-w-d-75 img {
      max-width: 75% !important
    }
  
    .max-w-d-76,
    .w-d-76 {
      max-width: 76% !important
    }
  
    .w-d-76 {
      width: 76% !important
    }
  
    .max-image-w-d-76 img {
      max-width: 76% !important
    }
  
    .max-w-d-77,
    .w-d-77 {
      max-width: 77% !important
    }
  
    .w-d-77 {
      width: 77% !important
    }
  
    .max-image-w-d-77 img {
      max-width: 77% !important
    }
  
    .max-w-d-78,
    .w-d-78 {
      max-width: 78% !important
    }
  
    .w-d-78 {
      width: 78% !important
    }
  
    .max-image-w-d-78 img {
      max-width: 78% !important
    }
  
    .max-w-d-79,
    .w-d-79 {
      max-width: 79% !important
    }
  
    .w-d-79 {
      width: 79% !important
    }
  
    .max-image-w-d-79 img {
      max-width: 79% !important
    }
  
    .max-w-d-80,
    .w-d-80 {
      max-width: 80% !important
    }
  
    .w-d-80 {
      width: 80% !important
    }
  
    .max-image-w-d-80 img {
      max-width: 80% !important
    }
  
    .max-w-d-81,
    .w-d-81 {
      max-width: 81% !important
    }
  
    .w-d-81 {
      width: 81% !important
    }
  
    .max-image-w-d-81 img {
      max-width: 81% !important
    }
  
    .max-w-d-82,
    .w-d-82 {
      max-width: 82% !important
    }
  
    .w-d-82 {
      width: 82% !important
    }
  
    .max-image-w-d-82 img {
      max-width: 82% !important
    }
  
    .max-w-d-83,
    .w-d-83 {
      max-width: 83% !important
    }
  
    .w-d-83 {
      width: 83% !important
    }
  
    .max-image-w-d-83 img {
      max-width: 83% !important
    }
  
    .max-w-d-84,
    .w-d-84 {
      max-width: 84% !important
    }
  
    .w-d-84 {
      width: 84% !important
    }
  
    .max-image-w-d-84 img {
      max-width: 84% !important
    }
  
    .max-w-d-85,
    .w-d-85 {
      max-width: 85% !important
    }
  
    .w-d-85 {
      width: 85% !important
    }
  
    .max-image-w-d-85 img {
      max-width: 85% !important
    }
  
    .max-w-d-86,
    .w-d-86 {
      max-width: 86% !important
    }
  
    .w-d-86 {
      width: 86% !important
    }
  
    .max-image-w-d-86 img {
      max-width: 86% !important
    }
  
    .max-w-d-87,
    .w-d-87 {
      max-width: 87% !important
    }
  
    .w-d-87 {
      width: 87% !important
    }
  
    .max-image-w-d-87 img {
      max-width: 87% !important
    }
  
    .max-w-d-88,
    .w-d-88 {
      max-width: 88% !important
    }
  
    .w-d-88 {
      width: 88% !important
    }
  
    .max-image-w-d-88 img {
      max-width: 88% !important
    }
  
    .max-w-d-89,
    .w-d-89 {
      max-width: 89% !important
    }
  
    .w-d-89 {
      width: 89% !important
    }
  
    .max-image-w-d-89 img {
      max-width: 89% !important
    }
  
    .max-w-d-90,
    .w-d-90 {
      max-width: 90% !important
    }
  
    .w-d-90 {
      width: 90% !important
    }
  
    .max-image-w-d-90 img {
      max-width: 90% !important
    }
  
    .max-w-d-91,
    .w-d-91 {
      max-width: 91% !important
    }
  
    .w-d-91 {
      width: 91% !important
    }
  
    .max-image-w-d-91 img {
      max-width: 91% !important
    }
  
    .max-w-d-92,
    .w-d-92 {
      max-width: 92% !important
    }
  
    .w-d-92 {
      width: 92% !important
    }
  
    .max-image-w-d-92 img {
      max-width: 92% !important
    }
  
    .max-w-d-93,
    .w-d-93 {
      max-width: 93% !important
    }
  
    .w-d-93 {
      width: 93% !important
    }
  
    .max-image-w-d-93 img {
      max-width: 93% !important
    }
  
    .max-w-d-94,
    .w-d-94 {
      max-width: 94% !important
    }
  
    .w-d-94 {
      width: 94% !important
    }
  
    .max-image-w-d-94 img {
      max-width: 94% !important
    }
  
    .max-w-d-95,
    .w-d-95 {
      max-width: 95% !important
    }
  
    .w-d-95 {
      width: 95% !important
    }
  
    .max-image-w-d-95 img {
      max-width: 95% !important
    }
  
    .max-w-d-96,
    .w-d-96 {
      max-width: 96% !important
    }
  
    .w-d-96 {
      width: 96% !important
    }
  
    .max-image-w-d-96 img {
      max-width: 96% !important
    }
  
    .max-w-d-97,
    .w-d-97 {
      max-width: 97% !important
    }
  
    .w-d-97 {
      width: 97% !important
    }
  
    .max-image-w-d-97 img {
      max-width: 97% !important
    }
  
    .max-w-d-98,
    .w-d-98 {
      max-width: 98% !important
    }
  
    .w-d-98 {
      width: 98% !important
    }
  
    .max-image-w-d-98 img {
      max-width: 98% !important
    }
  
    .max-w-d-99,
    .w-d-99 {
      max-width: 99% !important
    }
  
    .w-d-99 {
      width: 99% !important
    }
  
    .max-image-w-d-99 img {
      max-width: 99% !important
    }
  
    .max-w-d-100,
    .w-d-100 {
      max-width: 100% !important
    }
  
    .w-d-100 {
      width: 100% !important
    }
  
    .max-image-w-d-100 img {
      max-width: 100% !important
    }
  }
  
  @media (max-width:991px) {
  
    .max-w-m-1,
    .w-m-1 {
      max-width: 1% !important
    }
  
    .w-m-1 {
      width: 1% !important
    }
  
    .max-image-w-m-1 img {
      max-width: 1% !important
    }
  
    .max-w-m-2,
    .w-m-2 {
      max-width: 2% !important
    }
  
    .w-m-2 {
      width: 2% !important
    }
  
    .max-image-w-m-2 img {
      max-width: 2% !important
    }
  
    .max-w-m-3,
    .w-m-3 {
      max-width: 3% !important
    }
  
    .w-m-3 {
      width: 3% !important
    }
  
    .max-image-w-m-3 img {
      max-width: 3% !important
    }
  
    .max-w-m-4,
    .w-m-4 {
      max-width: 4% !important
    }
  
    .w-m-4 {
      width: 4% !important
    }
  
    .max-image-w-m-4 img {
      max-width: 4% !important
    }
  
    .max-w-m-5,
    .w-m-5 {
      max-width: 5% !important
    }
  
    .w-m-5 {
      width: 5% !important
    }
  
    .max-image-w-m-5 img {
      max-width: 5% !important
    }
  
    .max-w-m-6,
    .w-m-6 {
      max-width: 6% !important
    }
  
    .w-m-6 {
      width: 6% !important
    }
  
    .max-image-w-m-6 img {
      max-width: 6% !important
    }
  
    .max-w-m-7,
    .w-m-7 {
      max-width: 7% !important
    }
  
    .w-m-7 {
      width: 7% !important
    }
  
    .max-image-w-m-7 img {
      max-width: 7% !important
    }
  
    .max-w-m-8,
    .w-m-8 {
      max-width: 8% !important
    }
  
    .w-m-8 {
      width: 8% !important
    }
  
    .max-image-w-m-8 img {
      max-width: 8% !important
    }
  
    .max-w-m-9,
    .w-m-9 {
      max-width: 9% !important
    }
  
    .w-m-9 {
      width: 9% !important
    }
  
    .max-image-w-m-9 img {
      max-width: 9% !important
    }
  
    .max-w-m-10,
    .w-m-10 {
      max-width: 10% !important
    }
  
    .w-m-10 {
      width: 10% !important
    }
  
    .max-image-w-m-10 img {
      max-width: 10% !important
    }
  
    .max-w-m-11,
    .w-m-11 {
      max-width: 11% !important
    }
  
    .w-m-11 {
      width: 11% !important
    }
  
    .max-image-w-m-11 img {
      max-width: 11% !important
    }
  
    .max-w-m-12,
    .w-m-12 {
      max-width: 12% !important
    }
  
    .w-m-12 {
      width: 12% !important
    }
  
    .max-image-w-m-12 img {
      max-width: 12% !important
    }
  
    .max-w-m-13,
    .w-m-13 {
      max-width: 13% !important
    }
  
    .w-m-13 {
      width: 13% !important
    }
  
    .max-image-w-m-13 img {
      max-width: 13% !important
    }
  
    .max-w-m-14,
    .w-m-14 {
      max-width: 14% !important
    }
  
    .w-m-14 {
      width: 14% !important
    }
  
    .max-image-w-m-14 img {
      max-width: 14% !important
    }
  
    .max-w-m-15,
    .w-m-15 {
      max-width: 15% !important
    }
  
    .w-m-15 {
      width: 15% !important
    }
  
    .max-image-w-m-15 img {
      max-width: 15% !important
    }
  
    .max-w-m-16,
    .w-m-16 {
      max-width: 16% !important
    }
  
    .w-m-16 {
      width: 16% !important
    }
  
    .max-image-w-m-16 img {
      max-width: 16% !important
    }
  
    .max-w-m-17,
    .w-m-17 {
      max-width: 17% !important
    }
  
    .w-m-17 {
      width: 17% !important
    }
  
    .max-image-w-m-17 img {
      max-width: 17% !important
    }
  
    .max-w-m-18,
    .w-m-18 {
      max-width: 18% !important
    }
  
    .w-m-18 {
      width: 18% !important
    }
  
    .max-image-w-m-18 img {
      max-width: 18% !important
    }
  
    .max-w-m-19,
    .w-m-19 {
      max-width: 19% !important
    }
  
    .w-m-19 {
      width: 19% !important
    }
  
    .max-image-w-m-19 img {
      max-width: 19% !important
    }
  
    .max-w-m-20,
    .w-m-20 {
      max-width: 20% !important
    }
  
    .w-m-20 {
      width: 20% !important
    }
  
    .max-image-w-m-20 img {
      max-width: 20% !important
    }
  
    .max-w-m-21,
    .w-m-21 {
      max-width: 21% !important
    }
  
    .w-m-21 {
      width: 21% !important
    }
  
    .max-image-w-m-21 img {
      max-width: 21% !important
    }
  
    .max-w-m-22,
    .w-m-22 {
      max-width: 22% !important
    }
  
    .w-m-22 {
      width: 22% !important
    }
  
    .max-image-w-m-22 img {
      max-width: 22% !important
    }
  
    .max-w-m-23,
    .w-m-23 {
      max-width: 23% !important
    }
  
    .w-m-23 {
      width: 23% !important
    }
  
    .max-image-w-m-23 img {
      max-width: 23% !important
    }
  
    .max-w-m-24,
    .w-m-24 {
      max-width: 24% !important
    }
  
    .w-m-24 {
      width: 24% !important
    }
  
    .max-image-w-m-24 img {
      max-width: 24% !important
    }
  
    .max-w-m-25,
    .w-m-25 {
      max-width: 25% !important
    }
  
    .w-m-25 {
      width: 25% !important
    }
  
    .max-image-w-m-25 img {
      max-width: 25% !important
    }
  
    .max-w-m-26,
    .w-m-26 {
      max-width: 26% !important
    }
  
    .w-m-26 {
      width: 26% !important
    }
  
    .max-image-w-m-26 img {
      max-width: 26% !important
    }
  
    .max-w-m-27,
    .w-m-27 {
      max-width: 27% !important
    }
  
    .w-m-27 {
      width: 27% !important
    }
  
    .max-image-w-m-27 img {
      max-width: 27% !important
    }
  
    .max-w-m-28,
    .w-m-28 {
      max-width: 28% !important
    }
  
    .w-m-28 {
      width: 28% !important
    }
  
    .max-image-w-m-28 img {
      max-width: 28% !important
    }
  
    .max-w-m-29,
    .w-m-29 {
      max-width: 29% !important
    }
  
    .w-m-29 {
      width: 29% !important
    }
  
    .max-image-w-m-29 img {
      max-width: 29% !important
    }
  
    .max-w-m-30,
    .w-m-30 {
      max-width: 30% !important
    }
  
    .w-m-30 {
      width: 30% !important
    }
  
    .max-image-w-m-30 img {
      max-width: 30% !important
    }
  
    .max-w-m-31,
    .w-m-31 {
      max-width: 31% !important
    }
  
    .w-m-31 {
      width: 31% !important
    }
  
    .max-image-w-m-31 img {
      max-width: 31% !important
    }
  
    .max-w-m-32,
    .w-m-32 {
      max-width: 32% !important
    }
  
    .w-m-32 {
      width: 32% !important
    }
  
    .max-image-w-m-32 img {
      max-width: 32% !important
    }
  
    .max-w-m-33,
    .w-m-33 {
      max-width: 33% !important
    }
  
    .w-m-33 {
      width: 33% !important
    }
  
    .max-image-w-m-33 img {
      max-width: 33% !important
    }
  
    .max-w-m-34,
    .w-m-34 {
      max-width: 34% !important
    }
  
    .w-m-34 {
      width: 34% !important
    }
  
    .max-image-w-m-34 img {
      max-width: 34% !important
    }
  
    .max-w-m-35,
    .w-m-35 {
      max-width: 35% !important
    }
  
    .w-m-35 {
      width: 35% !important
    }
  
    .max-image-w-m-35 img {
      max-width: 35% !important
    }
  
    .max-w-m-36,
    .w-m-36 {
      max-width: 36% !important
    }
  
    .w-m-36 {
      width: 36% !important
    }
  
    .max-image-w-m-36 img {
      max-width: 36% !important
    }
  
    .max-w-m-37,
    .w-m-37 {
      max-width: 37% !important
    }
  
    .w-m-37 {
      width: 37% !important
    }
  
    .max-image-w-m-37 img {
      max-width: 37% !important
    }
  
    .max-w-m-38,
    .w-m-38 {
      max-width: 38% !important
    }
  
    .w-m-38 {
      width: 38% !important
    }
  
    .max-image-w-m-38 img {
      max-width: 38% !important
    }
  
    .max-w-m-39,
    .w-m-39 {
      max-width: 39% !important
    }
  
    .w-m-39 {
      width: 39% !important
    }
  
    .max-image-w-m-39 img {
      max-width: 39% !important
    }
  
    .max-w-m-40,
    .w-m-40 {
      max-width: 40% !important
    }
  
    .w-m-40 {
      width: 40% !important
    }
  
    .max-image-w-m-40 img {
      max-width: 40% !important
    }
  
    .max-w-m-41,
    .w-m-41 {
      max-width: 41% !important
    }
  
    .w-m-41 {
      width: 41% !important
    }
  
    .max-image-w-m-41 img {
      max-width: 41% !important
    }
  
    .max-w-m-42,
    .w-m-42 {
      max-width: 42% !important
    }
  
    .w-m-42 {
      width: 42% !important
    }
  
    .max-image-w-m-42 img {
      max-width: 42% !important
    }
  
    .max-w-m-43,
    .w-m-43 {
      max-width: 43% !important
    }
  
    .w-m-43 {
      width: 43% !important
    }
  
    .max-image-w-m-43 img {
      max-width: 43% !important
    }
  
    .max-w-m-44,
    .w-m-44 {
      max-width: 44% !important
    }
  
    .w-m-44 {
      width: 44% !important
    }
  
    .max-image-w-m-44 img {
      max-width: 44% !important
    }
  
    .max-w-m-45,
    .w-m-45 {
      max-width: 45% !important
    }
  
    .w-m-45 {
      width: 45% !important
    }
  
    .max-image-w-m-45 img {
      max-width: 45% !important
    }
  
    .max-w-m-46,
    .w-m-46 {
      max-width: 46% !important
    }
  
    .w-m-46 {
      width: 46% !important
    }
  
    .max-image-w-m-46 img {
      max-width: 46% !important
    }
  
    .max-w-m-47,
    .w-m-47 {
      max-width: 47% !important
    }
  
    .w-m-47 {
      width: 47% !important
    }
  
    .max-image-w-m-47 img {
      max-width: 47% !important
    }
  
    .max-w-m-48,
    .w-m-48 {
      max-width: 48% !important
    }
  
    .w-m-48 {
      width: 48% !important
    }
  
    .max-image-w-m-48 img {
      max-width: 48% !important
    }
  
    .max-w-m-49,
    .w-m-49 {
      max-width: 49% !important
    }
  
    .w-m-49 {
      width: 49% !important
    }
  
    .max-image-w-m-49 img {
      max-width: 49% !important
    }
  
    .max-w-m-50,
    .w-m-50 {
      max-width: 50% !important
    }
  
    .w-m-50 {
      width: 50% !important
    }
  
    .max-image-w-m-50 img {
      max-width: 50% !important
    }
  
    .max-w-m-51,
    .w-m-51 {
      max-width: 51% !important
    }
  
    .w-m-51 {
      width: 51% !important
    }
  
    .max-image-w-m-51 img {
      max-width: 51% !important
    }
  
    .max-w-m-52,
    .w-m-52 {
      max-width: 52% !important
    }
  
    .w-m-52 {
      width: 52% !important
    }
  
    .max-image-w-m-52 img {
      max-width: 52% !important
    }
  
    .max-w-m-53,
    .w-m-53 {
      max-width: 53% !important
    }
  
    .w-m-53 {
      width: 53% !important
    }
  
    .max-image-w-m-53 img {
      max-width: 53% !important
    }
  
    .max-w-m-54,
    .w-m-54 {
      max-width: 54% !important
    }
  
    .w-m-54 {
      width: 54% !important
    }
  
    .max-image-w-m-54 img {
      max-width: 54% !important
    }
  
    .max-w-m-55,
    .w-m-55 {
      max-width: 55% !important
    }
  
    .w-m-55 {
      width: 55% !important
    }
  
    .max-image-w-m-55 img {
      max-width: 55% !important
    }
  
    .max-w-m-56,
    .w-m-56 {
      max-width: 56% !important
    }
  
    .w-m-56 {
      width: 56% !important
    }
  
    .max-image-w-m-56 img {
      max-width: 56% !important
    }
  
    .max-w-m-57,
    .w-m-57 {
      max-width: 57% !important
    }
  
    .w-m-57 {
      width: 57% !important
    }
  
    .max-image-w-m-57 img {
      max-width: 57% !important
    }
  
    .max-w-m-58,
    .w-m-58 {
      max-width: 58% !important
    }
  
    .w-m-58 {
      width: 58% !important
    }
  
    .max-image-w-m-58 img {
      max-width: 58% !important
    }
  
    .max-w-m-59,
    .w-m-59 {
      max-width: 59% !important
    }
  
    .w-m-59 {
      width: 59% !important
    }
  
    .max-image-w-m-59 img {
      max-width: 59% !important
    }
  
    .max-w-m-60,
    .w-m-60 {
      max-width: 60% !important
    }
  
    .w-m-60 {
      width: 60% !important
    }
  
    .max-image-w-m-60 img {
      max-width: 60% !important
    }
  
    .max-w-m-61,
    .w-m-61 {
      max-width: 61% !important
    }
  
    .w-m-61 {
      width: 61% !important
    }
  
    .max-image-w-m-61 img {
      max-width: 61% !important
    }
  
    .max-w-m-62,
    .w-m-62 {
      max-width: 62% !important
    }
  
    .w-m-62 {
      width: 62% !important
    }
  
    .max-image-w-m-62 img {
      max-width: 62% !important
    }
  
    .max-w-m-63,
    .w-m-63 {
      max-width: 63% !important
    }
  
    .w-m-63 {
      width: 63% !important
    }
  
    .max-image-w-m-63 img {
      max-width: 63% !important
    }
  
    .max-w-m-64,
    .w-m-64 {
      max-width: 64% !important
    }
  
    .w-m-64 {
      width: 64% !important
    }
  
    .max-image-w-m-64 img {
      max-width: 64% !important
    }
  
    .max-w-m-65,
    .w-m-65 {
      max-width: 65% !important
    }
  
    .w-m-65 {
      width: 65% !important
    }
  
    .max-image-w-m-65 img {
      max-width: 65% !important
    }
  
    .max-w-m-66,
    .w-m-66 {
      max-width: 66% !important
    }
  
    .w-m-66 {
      width: 66% !important
    }
  
    .max-image-w-m-66 img {
      max-width: 66% !important
    }
  
    .max-w-m-67,
    .w-m-67 {
      max-width: 67% !important
    }
  
    .w-m-67 {
      width: 67% !important
    }
  
    .max-image-w-m-67 img {
      max-width: 67% !important
    }
  
    .max-w-m-68,
    .w-m-68 {
      max-width: 68% !important
    }
  
    .w-m-68 {
      width: 68% !important
    }
  
    .max-image-w-m-68 img {
      max-width: 68% !important
    }
  
    .max-w-m-69,
    .w-m-69 {
      max-width: 69% !important
    }
  
    .w-m-69 {
      width: 69% !important
    }
  
    .max-image-w-m-69 img {
      max-width: 69% !important
    }
  
    .max-w-m-70,
    .w-m-70 {
      max-width: 70% !important
    }
  
    .w-m-70 {
      width: 70% !important
    }
  
    .max-image-w-m-70 img {
      max-width: 70% !important
    }
  
    .max-w-m-71,
    .w-m-71 {
      max-width: 71% !important
    }
  
    .w-m-71 {
      width: 71% !important
    }
  
    .max-image-w-m-71 img {
      max-width: 71% !important
    }
  
    .max-w-m-72,
    .w-m-72 {
      max-width: 72% !important
    }
  
    .w-m-72 {
      width: 72% !important
    }
  
    .max-image-w-m-72 img {
      max-width: 72% !important
    }
  
    .max-w-m-73,
    .w-m-73 {
      max-width: 73% !important
    }
  
    .w-m-73 {
      width: 73% !important
    }
  
    .max-image-w-m-73 img {
      max-width: 73% !important
    }
  
    .max-w-m-74,
    .w-m-74 {
      max-width: 74% !important
    }
  
    .w-m-74 {
      width: 74% !important
    }
  
    .max-image-w-m-74 img {
      max-width: 74% !important
    }
  
    .max-w-m-75,
    .w-m-75 {
      max-width: 75% !important
    }
  
    .w-m-75 {
      width: 75% !important
    }
  
    .max-image-w-m-75 img {
      max-width: 75% !important
    }
  
    .max-w-m-76,
    .w-m-76 {
      max-width: 76% !important
    }
  
    .w-m-76 {
      width: 76% !important
    }
  
    .max-image-w-m-76 img {
      max-width: 76% !important
    }
  
    .max-w-m-77,
    .w-m-77 {
      max-width: 77% !important
    }
  
    .w-m-77 {
      width: 77% !important
    }
  
    .max-image-w-m-77 img {
      max-width: 77% !important
    }
  
    .max-w-m-78,
    .w-m-78 {
      max-width: 78% !important
    }
  
    .w-m-78 {
      width: 78% !important
    }
  
    .max-image-w-m-78 img {
      max-width: 78% !important
    }
  
    .max-w-m-79,
    .w-m-79 {
      max-width: 79% !important
    }
  
    .w-m-79 {
      width: 79% !important
    }
  
    .max-image-w-m-79 img {
      max-width: 79% !important
    }
  
    .max-w-m-80,
    .w-m-80 {
      max-width: 80% !important
    }
  
    .w-m-80 {
      width: 80% !important
    }
  
    .max-image-w-m-80 img {
      max-width: 80% !important
    }
  
    .max-w-m-81,
    .w-m-81 {
      max-width: 81% !important
    }
  
    .w-m-81 {
      width: 81% !important
    }
  
    .max-image-w-m-81 img {
      max-width: 81% !important
    }
  
    .max-w-m-82,
    .w-m-82 {
      max-width: 82% !important
    }
  
    .w-m-82 {
      width: 82% !important
    }
  
    .max-image-w-m-82 img {
      max-width: 82% !important
    }
  
    .max-w-m-83,
    .w-m-83 {
      max-width: 83% !important
    }
  
    .w-m-83 {
      width: 83% !important
    }
  
    .max-image-w-m-83 img {
      max-width: 83% !important
    }
  
    .max-w-m-84,
    .w-m-84 {
      max-width: 84% !important
    }
  
    .w-m-84 {
      width: 84% !important
    }
  
    .max-image-w-m-84 img {
      max-width: 84% !important
    }
  
    .max-w-m-85,
    .w-m-85 {
      max-width: 85% !important
    }
  
    .w-m-85 {
      width: 85% !important
    }
  
    .max-image-w-m-85 img {
      max-width: 85% !important
    }
  
    .max-w-m-86,
    .w-m-86 {
      max-width: 86% !important
    }
  
    .w-m-86 {
      width: 86% !important
    }
  
    .max-image-w-m-86 img {
      max-width: 86% !important
    }
  
    .max-w-m-87,
    .w-m-87 {
      max-width: 87% !important
    }
  
    .w-m-87 {
      width: 87% !important
    }
  
    .max-image-w-m-87 img {
      max-width: 87% !important
    }
  
    .max-w-m-88,
    .w-m-88 {
      max-width: 88% !important
    }
  
    .w-m-88 {
      width: 88% !important
    }
  
    .max-image-w-m-88 img {
      max-width: 88% !important
    }
  
    .max-w-m-89,
    .w-m-89 {
      max-width: 89% !important
    }
  
    .w-m-89 {
      width: 89% !important
    }
  
    .max-image-w-m-89 img {
      max-width: 89% !important
    }
  
    .max-w-m-90,
    .w-m-90 {
      max-width: 90% !important
    }
  
    .w-m-90 {
      width: 90% !important
    }
  
    .max-image-w-m-90 img {
      max-width: 90% !important
    }
  
    .max-w-m-91,
    .w-m-91 {
      max-width: 91% !important
    }
  
    .w-m-91 {
      width: 91% !important
    }
  
    .max-image-w-m-91 img {
      max-width: 91% !important
    }
  
    .max-w-m-92,
    .w-m-92 {
      max-width: 92% !important
    }
  
    .w-m-92 {
      width: 92% !important
    }
  
    .max-image-w-m-92 img {
      max-width: 92% !important
    }
  
    .max-w-m-93,
    .w-m-93 {
      max-width: 93% !important
    }
  
    .w-m-93 {
      width: 93% !important
    }
  
    .max-image-w-m-93 img {
      max-width: 93% !important
    }
  
    .max-w-m-94,
    .w-m-94 {
      max-width: 94% !important
    }
  
    .w-m-94 {
      width: 94% !important
    }
  
    .max-image-w-m-94 img {
      max-width: 94% !important
    }
  
    .max-w-m-95,
    .w-m-95 {
      max-width: 95% !important
    }
  
    .w-m-95 {
      width: 95% !important
    }
  
    .max-image-w-m-95 img {
      max-width: 95% !important
    }
  
    .max-w-m-96,
    .w-m-96 {
      max-width: 96% !important
    }
  
    .w-m-96 {
      width: 96% !important
    }
  
    .max-image-w-m-96 img {
      max-width: 96% !important
    }
  
    .max-w-m-97,
    .w-m-97 {
      max-width: 97% !important
    }
  
    .w-m-97 {
      width: 97% !important
    }
  
    .max-image-w-m-97 img {
      max-width: 97% !important
    }
  
    .max-w-m-98,
    .w-m-98 {
      max-width: 98% !important
    }
  
    .w-m-98 {
      width: 98% !important
    }
  
    .max-image-w-m-98 img {
      max-width: 98% !important
    }
  
    .max-w-m-99,
    .w-m-99 {
      max-width: 99% !important
    }
  
    .w-m-99 {
      width: 99% !important
    }
  
    .max-image-w-m-99 img {
      max-width: 99% !important
    }
  
    .max-w-m-100,
    .w-m-100 {
      max-width: 100% !important
    }
  
    .w-m-100 {
      width: 100% !important
    }
  
    .max-image-w-m-100 img {
      max-width: 100% !important
    }
  } 
  
  /*=====================   width & max-width class end ===================*/


  /*=====================   background class end ===================*/

  .box.bg-size-cover>.component-content {
    background-size: cover
  }
  
  .box.bg-size-contain>.component-content {
    background-size: contain
  }
  
  .box.bg-size-auto>.component-content {
    background-size: auto
  }
  
  .box.bg-size-w5>.component-content {
    background-size: 5% auto
  }
  
  .box.bg-size-h5>.component-content {
    background-size: auto 5%
  }
  
  .box.bg-size-w10>.component-content {
    background-size: 10% auto
  }
  
  .box.bg-size-h10>.component-content {
    background-size: auto 10%
  }
  
  .box.bg-size-w15>.component-content {
    background-size: 15% auto
  }
  
  .box.bg-size-h15>.component-content {
    background-size: auto 15%
  }
  
  .box.bg-size-w20>.component-content {
    background-size: 20% auto
  }
  
  .box.bg-size-h20>.component-content {
    background-size: auto 20%
  }
  
  .box.bg-size-w25>.component-content {
    background-size: 25% auto
  }
  
  .box.bg-size-h25>.component-content {
    background-size: auto 25%
  }
  
  .box.bg-size-w30>.component-content {
    background-size: 30% auto
  }
  
  .box.bg-size-h30>.component-content {
    background-size: auto 30%
  }
  
  .box.bg-size-w35>.component-content {
    background-size: 35% auto
  }
  
  .box.bg-size-h35>.component-content {
    background-size: auto 35%
  }
  
  .box.bg-size-w40>.component-content {
    background-size: 40% auto
  }
  
  .box.bg-size-h40>.component-content {
    background-size: auto 40%
  }
  
  .box.bg-size-w45>.component-content {
    background-size: 45% auto
  }
  
  .box.bg-size-h45>.component-content {
    background-size: auto 45%
  }
  
  .box.bg-size-w50>.component-content {
    background-size: 50% auto
  }
  
  .box.bg-size-h50>.component-content {
    background-size: auto 50%
  }
  
  .box.bg-size-w55>.component-content {
    background-size: 55% auto
  }
  
  .box.bg-size-h55>.component-content {
    background-size: auto 55%
  }
  
  .box.bg-size-w60>.component-content {
    background-size: 60% auto
  }
  
  .box.bg-size-h60>.component-content {
    background-size: auto 60%
  }
  
  .box.bg-size-w65>.component-content {
    background-size: 65% auto
  }
  
  .box.bg-size-h65>.component-content {
    background-size: auto 65%
  }
  
  .box.bg-size-w70>.component-content {
    background-size: 70% auto
  }
  
  .box.bg-size-h70>.component-content {
    background-size: auto 70%
  }
  
  .box.bg-size-w75>.component-content {
    background-size: 75% auto
  }
  
  .box.bg-size-h75>.component-content {
    background-size: auto 75%
  }
  
  .box.bg-size-w80>.component-content {
    background-size: 80% auto
  }
  
  .box.bg-size-h80>.component-content {
    background-size: auto 80%
  }
  
  .box.bg-size-w85>.component-content {
    background-size: 85% auto
  }
  
  .box.bg-size-h85>.component-content {
    background-size: auto 85%
  }
  
  .box.bg-size-w90>.component-content {
    background-size: 90% auto
  }
  
  .box.bg-size-h90>.component-content {
    background-size: auto 90%
  }
  
  .box.bg-size-w95>.component-content {
    background-size: 95% auto
  }
  
  .box.bg-size-h95>.component-content {
    background-size: auto 95%
  }
  
  .box.bg-size-w100>.component-content {
    background-size: 100% auto
  }
  
  .box.bg-size-h100>.component-content {
    background-size: auto 100%
  }
  
  .box.bg-position-top-left>.component-content {
    background-position: 0 0
  }
  
  .box.bg-position-top-center>.component-content {
    background-position: top
  }
  
  .box.bg-position-top-right>.component-content {
    background-position: 100% 0
  }
  
  .box.bg-position-bottom-left>.component-content {
    background-position: 0 100%
  }
  
  .box.bg-position-bottom-center>.component-content {
    background-position: bottom
  }
  
  .box.bg-position-bottom-right>.component-content {
    background-position: 100% 100%
  }
  
  .box.bg-position-center-left>.component-content {
    background-position: 0
  }
  
  .box.bg-position-center-center>.component-content {
    background-position: 50%
  }
  
  .box.bg-position-center-right>.component-content {
    background-position: 100%
  }
  
  .box.bg-attachment-scroll>.component-content {
    background-attachment: scroll
  }
  
  .box.bg-attachment-local>.component-content {
    background-attachment: local
  }
  
  .box.bg-attachment-fixed>.component-content {
    background-attachment: fixed
  }
  
  .box.bg-repeat-no-r>.component-content {
    background-repeat: no-repeat
  }
  
  .box.bg-repeat-rx>.component-content {
    background-repeat: repeat-x
  }
  
  .box.bg-repeat-ry>.component-content {
    background-repeat: repeat-y
  }
  
  .box.bg-repeat-round>.component-content {
    background-repeat: round
  }
  
  .box.bg-repeat-space>.component-content {
    background-repeat: space
  }

  @media (min-width:768px) {
    .box.bg-size-d-cover>.component-content {
      background-size: cover
    }
  
    .box.bg-size-d-contain>.component-content {
      background-size: contain
    }
  
    .box.bg-size-d-auto>.component-content {
      background-size: auto
    }
  
    .box.bg-size-d-w5>.component-content {
      background-size: 5% auto
    }
  
    .box.bg-size-d-h5>.component-content {
      background-size: auto 5%
    }
  
    .box.bg-size-d-w10>.component-content {
      background-size: 10% auto
    }
  
    .box.bg-size-d-h10>.component-content {
      background-size: auto 10%
    }
  
    .box.bg-size-d-w15>.component-content {
      background-size: 15% auto
    }
  
    .box.bg-size-d-h15>.component-content {
      background-size: auto 15%
    }
  
    .box.bg-size-d-w20>.component-content {
      background-size: 20% auto
    }
  
    .box.bg-size-d-h20>.component-content {
      background-size: auto 20%
    }
  
    .box.bg-size-d-w25>.component-content {
      background-size: 25% auto
    }
  
    .box.bg-size-d-h25>.component-content {
      background-size: auto 25%
    }
  
    .box.bg-size-d-w30>.component-content {
      background-size: 30% auto
    }
  
    .box.bg-size-d-h30>.component-content {
      background-size: auto 30%
    }
  
    .box.bg-size-d-w35>.component-content {
      background-size: 35% auto
    }
  
    .box.bg-size-d-h35>.component-content {
      background-size: auto 35%
    }
  
    .box.bg-size-d-w40>.component-content {
      background-size: 40% auto
    }
  
    .box.bg-size-d-h40>.component-content {
      background-size: auto 40%
    }
  
    .box.bg-size-d-w45>.component-content {
      background-size: 45% auto
    }
  
    .box.bg-size-d-h45>.component-content {
      background-size: auto 45%
    }
  
    .box.bg-size-d-w50>.component-content {
      background-size: 50% auto
    }
  
    .box.bg-size-d-h50>.component-content {
      background-size: auto 50%
    }
  
    .box.bg-size-d-w55>.component-content {
      background-size: 55% auto
    }
  
    .box.bg-size-d-h55>.component-content {
      background-size: auto 55%
    }
  
    .box.bg-size-d-w60>.component-content {
      background-size: 60% auto
    }
  
    .box.bg-size-d-h60>.component-content {
      background-size: auto 60%
    }
  
    .box.bg-size-d-w65>.component-content {
      background-size: 65% auto
    }
  
    .box.bg-size-d-h65>.component-content {
      background-size: auto 65%
    }
  
    .box.bg-size-d-w70>.component-content {
      background-size: 70% auto
    }
  
    .box.bg-size-d-h70>.component-content {
      background-size: auto 70%
    }
  
    .box.bg-size-d-w75>.component-content {
      background-size: 75% auto
    }
  
    .box.bg-size-d-h75>.component-content {
      background-size: auto 75%
    }
  
    .box.bg-size-d-w80>.component-content {
      background-size: 80% auto
    }
  
    .box.bg-size-d-h80>.component-content {
      background-size: auto 80%
    }
  
    .box.bg-size-d-w85>.component-content {
      background-size: 85% auto
    }
  
    .box.bg-size-d-h85>.component-content {
      background-size: auto 85%
    }
  
    .box.bg-size-d-w90>.component-content {
      background-size: 90% auto
    }
  
    .box.bg-size-d-h90>.component-content {
      background-size: auto 90%
    }
  
    .box.bg-size-d-w95>.component-content {
      background-size: 95% auto
    }
  
    .box.bg-size-d-h95>.component-content {
      background-size: auto 95%
    }
  
    .box.bg-size-d-w100>.component-content {
      background-size: 100% auto
    }
  
    .box.bg-size-d-h100>.component-content {
      background-size: auto 100%
    }
  
    .box.bg-position-d-top-left>.component-content {
      background-position: 0 0
    }
  
    .box.bg-position-d-top-center>.component-content {
      background-position: top
    }
  
    .box.bg-position-d-top-right>.component-content {
      background-position: 100% 0
    }
  
    .box.bg-position-d-bottom-left>.component-content {
      background-position: 0 100%
    }
  
    .box.bg-position-d-bottom-center>.component-content {
      background-position: bottom
    }
  
    .box.bg-position-d-bottom-right>.component-content {
      background-position: 100% 100%
    }
  
    .box.bg-position-d-center-left>.component-content {
      background-position: 0
    }
  
    .box.bg-position-d-center-center>.component-content {
      background-position: 50%
    }
  
    .box.bg-position-d-center-right>.component-content {
      background-position: 100%
    }
  
    .box.bg-attachment-d-scroll>.component-content {
      background-attachment: scroll
    }
  
    .box.bg-attachment-d-local>.component-content {
      background-attachment: local
    }
  
    .box.bg-attachment-d-fixed>.component-content {
      background-attachment: fixed
    }
  
    .box.bg-repeat-d-no-r>.component-content {
      background-repeat: no-repeat
    }
  
    .box.bg-repeat-d-rx>.component-content {
      background-repeat: repeat-x
    }
  
    .box.bg-repeat-d-ry>.component-content {
      background-repeat: repeat-y
    }
  
    .box.bg-repeat-d-round>.component-content {
      background-repeat: round
    }
  
    .box.bg-repeat-d-space>.component-content {
      background-repeat: space
    }
  }

  /*=====================   background class end ===================*/


  /*=====================   text-alignment class start ===================*/

  body .text-center-m .richText-content {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  body .text-left-m .richText-content {
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  body .text-right-m .richText-content {
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  
  
  .text-left-m {
    text-align: left !important
  }
  
  .text-right-m {
    text-align: right !important
  }
  
  .text-justify-m {
    text-align: justify !important
  }
  @media (min-width:992px) {
    .text-center-d {
      text-align: center !important
    }
  
    .text-left-d {
      text-align: left !important
    }
  
    .text-right-d {
      text-align: right !important
    }
  
    .text-justify-d {
      text-align: justify !important
    }
  }
  @media (max-width:991px) {
    .richText.text-center .richText-content ul>li {
      text-align: center !important
    }
  
    .richText.text-right .richText-content ul>li {
      text-align: right !important
    }
  
    .richText.text-left .richText-content ul>li {
      text-align: left !important
    }
    .text-center-m {
        text-align: center !important
      }
  }
  @media (min-width:992px) {
    body .text-center-d .richText-content {
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
    }
  
    body .text-left-d .richText-content {
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    body .text-right-d .richText-content {
      -ms-flex-line-pack: end;
      align-content: flex-end;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end
    }
  }
  /*=====================   text-alignment class end ===================*/
  .cursor-pointer{
    cursor: pointer;
  }