/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.paragraphSystem,
.row {
  margin-left: -15px;
  margin-right: -15px;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after,
.paragraphSystem:after,
.container:after,
.container-fluid:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}.customClass .helloWorld { /* look for me in sass folder */
}.image .right {
  text-align: right; }

.image .left {
  text-align: left; }

.image .middle {
  text-align: center; }

@media only screen and (max-width: 767px) {
  .image .component-content {
    text-align: center; } }
/* aman css */
/* global CSS  */

.line-height-1-75,
.line-height-1-75 * {
    line-height: 1.75;
}

.bg-light-brown {
    background-color: #FAECD0;
}

.bg-face >.component-content{
    background-color: #FFFAE3;
}

@media (min-width: 992px) {

.btn-red p {
    font-size: 20px;
    line-height: 2;
    padding: 20px 0;
}
    .play-icon {
        min-width: 8%;
        position: absolute;
        transform: translate(27%, 27%);
        height: 100%;
    }

    .margin-top-80-dt {
        margin-top: 5rem;
    }

    .text-overlap .richText {
        font-size: 1.5rem;
    }

    .line-height-d-42 {
        line-height: 42px;
    }
}

.rounded-btn-white {
    background-color: #fff;
    border: 2px solid #E64911;
    border-radius: 40px;
    padding: .5rem;
}

.rounded-btn-white h4 {
    font-size: 2rem;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .btn-red p {
    line-height: 26px;
    }
    .font-m-40 {
        font-size: 40px;
    }

    .padding-m-40 {
        padding: 2.5rem;
    }

    .padding-top-24-mb {
        padding-top: 1.5rem;
    }

    .padding-y-24-mb {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .rounded-btn-white h4 {
        font-size: 1.125rem;
        line-height: 1.75;
    }

    .line-height-m-1-75 {
        line-height: 1.75;
    }

    .p-m--5 {
        padding: 10px;
    }
}

.centerd-text ,
.centerd-text >.component-content>.paragraphSystem.content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.underline-gradient {
    text-decoration: underline;
    text-underline-position: under;
}

.text-overlap {
    position: relative;
}

.text-overlap .richText {
    position: absolute;
    bottom: 23px;
    font-size: 14px;
    color: #fff;
    line-height: 1.75;
}

@media (min-width: 992px) {
    .text-overlap .richText {
        font-size: 1.5rem;
    }
    .centerd-d-text ,
.centerd-d-text >.component-content>.paragraphSystem.content {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

.bg-dot-orange .component-content{
    overflow: auto;
    background-size: cover;
    border-radius: 32px;
}

.btn-skyblue {
    background-color: #5BC5F0 !important;
    color: #fff !important;
}
.overflow-component >.component-content{
overflow: auto;
}
.border-radius-32 >.component-content{
border-radius: 32px;
}@charset "UTF-8";

:root {
    --primary-color: #DC4101;
    --primary-color-light: #F4BE08;
    --primary-color-dark: #E64510;
    --secondary-color: #252F71;
    --secondary-color-dark: #242F60;
    --orange-red-color: rgba(230, 99, 6, 1)
}

html,
body {
  color: #323131;
  font-family: 'DiodrumVoltaren';
  font-weight: normal;
  font-style: normal;
  height: 100%;
  letter-spacing: 0.6px;
}

@media (min-width:992px) {
    .body-increased {
        font-size: 1.375rem;
        line-height: 23px
    }
}

.h1-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    line-height: 38px;
    letter-spacing: 0;
    color: var(--primary-color)
}

@media (min-width:768px) {
    .h1-styles {
        font-size: 3.5rem;
        line-height: 64px
    }
}

.h2-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 1.625rem;
    line-height: 32px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .h2-styles {
        font-size: 2.8125rem;
        line-height: 50px
    }
}

.h3-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 1.375rem;
    line-height: 28px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .h3-styles {
        font-size: 2rem;
        line-height: 42px
    }
}

.h4-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 24px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .h4-styles {
        font-size: 1.375rem;
        line-height: 32px
    }
}

.h5-styles {
    font-family: DiodrumVoltaren;
    font-weight: 600;
    font-style: normal;
    font-size: .9375rem;
    line-height: 20px;
    letter-spacing: 0;
    color: #323131
}

@media (min-width:768px) {
    .h5-styles {
        font-size: 1.125rem;
        line-height: 26px
    }
}

.color-light-orange {
    color: var(--primary-color-light)
}

.color-accessible-orange {
    color: var(--primary-color)
}

.color-wordmark-blue {
    color: var(--secondary-color)
}

.color-wordmark-dark-blue {
    color: var(--secondary-color-dark)
}

.color-dark-grey {
    color: #323131
}

.color-light-grey {
    color: #f5f5f5
}

.color-white {
    color: #fff
}

.color-orange-gradient {
    color: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light))
}

.color-green {
    color: #006b1e
}

.background-wordmark-blue {
    background-color: var(--secondary-color)
}

.background-wordmark-dark-blue {
    background-color: var(--secondary-color-dark)
}

.background-wordmark-dark-blue figcaption {
    color: #F4BE08
}
@media (min-width:992px) {
    .background-wordmark-dark-blue figcaption {
        font-size: 25px;
    }
}
@media (max-width:991px) {
    .background-wordmark-dark-blue figcaption {
        padding-top: 15px
    }
}

.bg-color-half-orange-white {
    max-width: calc(1140px + (100vw - 1140px)/ 2);
    padding-right: 16px
}

.bg-color-half-orange-white>.component-content {
    border-bottom-right-radius: 60px;
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light));
    padding-left: calc((100vw - 1140px)/ 2) !important
}

.bg-color-half-orange-white ul li {
    position: relative;
    list-style-type: none !important
}

.bg-color-half-orange-white ul li::after {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 7px;
    width: 7px;
    left: -15px;
    top: 13px;
    bottom: 2px
}

@media (min-width:992px) {
    .bg-color-half-orange-white {
        padding-right: 0
    }
}

.bg-color-half-blue-white {
    padding-left: calc((100vw - 1140px)/ 2) !important;
    background: linear-gradient(90deg, var(--secondary-color) 0, var(--secondary-color) 50%, #fff 50%)
}

.bg-color-orange-gradient {
    background: radial-gradient(at bottom left, var(--primary-color-dark), var(--primary-color-light))
}

.bg-color-blue {
    background: var(--secondary-color)
}

.bg-color-light-grey {
    background: #f5f5f5
}

.weight-semibold {
    font-weight: 600
}

.weight-bold {
    font-weight: 700
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("../../assets/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../assets/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Extralight.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Extralight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-ExtralightItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-ExtralightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Light.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-LightItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Medium.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-MediumItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Regular.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-RegularItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Semibold.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-SemiboldItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-Bold.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DiodrumVoltaren';
  src: url("../../assets/fonts/DiodrumVoltaren-BoldItalic.woff2") format("woff2"), url("../../assets/fonts/DiodrumVoltaren-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Slider — carousel chrome moved to components/carousel.css */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .slick-slide img {
    width: 100%;
    height: 100%;
  }
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.container-fluid,
.paragraphSystem,
.row,
[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

* {
  outline: 0;
}

a {
  text-decoration: none;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
  display: none !important;
}

html,
body {
  width: 100%;
}

img {
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

input[type="search"] {
  box-sizing: content-box;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
  color: #252F71;
  margin: 10px 0; 
}

ul,
ol {
  padding-inline-start: 15px;
  -webkit-padding-start: 15px;
  color: var(--primary-color);
}

.richText ul:not(.list--tabs) {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 17px !important;
}

.richText ul:not(.list--tabs).indented {
  margin-left: 25px !important;
}

.richText ol {
  counter-reset: item;
  margin: 0 !important;
  padding: 0 !important;
}

.richText ol li {
  display: block;
}

.richText ol li::before {
  content: counter(item) ". ";
  counter-increment: item;
  color: black;
  font-weight: 400;
  font-size: 0.9375rem;
}

.list-marking-white ol li {
  display: block;
}

.list-marking-white ol li::before {
  content: counter(item) ". ";
  font-weight: 700;
  counter-increment: item;
  color: #fff;
  font-size: 0.9375rem;
}

ol.alpha-numeric {
  list-style-type: lower-alpha;
}

ol.alpha-numeric li::before {
  content: counter(item, lower-alpha) ". ";
}

.richText ul:not(.list--tabs) li {
  list-style-type: disc;
  word-break: break-word;
}

.richText ul:not(.list--tabs) li::before {
  display: none !important;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

.richText a.no-decoration {
  text-decoration: none;
}

.richText a.no-decoration:hover span.color-accessible-orange {
  color: var(--secondary-color);
}

a:-webkit-any-link {
  cursor: pointer;
  text-decoration: none;
}


.reference-header .first > .component-content > .content {
    display: flex;
    align-items: center;
    padding: 14px 47px;
}

.Header>.inner>.component-content { 
    height: 90px;
}

.navigation-logo {
    flex: 1;
}

.navigation-logo img {
    display: block;
}

.haleon-logo {
    margin-right: 28px;
}

@media (max-width:991px) {
    .reference-header .first > .component-content > .content {
        padding: 10px 20px;
    }

    .Header>.inner>.component-content { 
        height: 56px;
    }
    
    .navigation-logo img {
        max-width: 106px !important;
        max-height: 100% !important
    }

    .haleon-logo {
        max-width: 65px;
        margin-right: 6px;
    }
}

.reference-header .haleon-logo img {
    display: block;
}

.button-where-to-buy {
    display: inline-block;
    background-color: var(--secondary-color);
    border-radius: 35px;
    color: #fff;
    line-height: 100%;
    font-family: DiodrumVoltaren;
    font-weight: 700;
}

@media (min-width: 992px) {
    .button-where-to-buy {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 14px;
        padding-right: 10px;
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .button-where-to-buy {
        padding: 7px 10px 5px 11px;
        font-size: 12px;
    }
}

@media only screen and (min-width:992px) {
    .sync-slider .slick-slide {
        width: 235px !important
    }
}

@-moz-keyframes bounce-in {
    0% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    50% {
        -moz-transform: scale(.85, .85);
        transform: scale(.85, .85)
    }

    100% {
        -moz-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }
}

@-webkit-keyframes bounce-in {
    0% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    50% {
        -webkit-transform: scale(.85, .85);
        transform: scale(.85, .85)
    }

    100% {
        -webkit-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }
}

@keyframes bounce-in {
    0% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    50% {
        -moz-transform: scale(.85, .85);
        -ms-transform: scale(.85, .85);
        -webkit-transform: scale(.85, .85);
        transform: scale(.85, .85)
    }

    100% {
        -moz-transform: scale(.68, .68);
        -ms-transform: scale(.68, .68);
        -webkit-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }
}

@-moz-keyframes bounce-out {
    0% {
        -moz-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }

    100% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@-webkit-keyframes bounce-out {
    0% {
        -webkit-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }

    100% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@keyframes bounce-out {
    0% {
        -moz-transform: scale(.68, .68);
        -ms-transform: scale(.68, .68);
        -webkit-transform: scale(.68, .68);
        transform: scale(.68, .68)
    }

    100% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@-moz-keyframes zoom-in {
    0% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes zoom-in {
    0% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-moz-keyframes zoom-in-around {
    0% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -moz-transform: scale(.66, .66);
        transform: scale(.66, .66)
    }
}

@-webkit-keyframes zoom-in-around {
    0% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -webkit-transform: scale(.66, .66);
        transform: scale(.66, .66)
    }
}

@keyframes zoom-in-around {
    0% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    100% {
        -moz-transform: scale(.66, .66);
        -ms-transform: scale(.66, .66);
        -webkit-transform: scale(.66, .66);
        transform: scale(.66, .66)
    }
}

@-moz-keyframes zoom-out {
    0% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -moz-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@-webkit-keyframes zoom-out {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@keyframes zoom-out {
    0% {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -moz-transform: scale(.5, .5);
        -ms-transform: scale(.5, .5);
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@media only screen and (min-width:992px) {
    .sync-slider1 .slick-track {
        transform: translate3d(0, 0, 0) !important
    }
}

@media (min-width: 768px) {
    .banner-with-image .promotional-banner {
        width: auto;
        max-width: 100%;
        max-height: none;
    }
}

@media (max-width:991px) {
    .padding-0-mb {
        padding: 0 !important
    }
}

.padding-10-top {
    padding-top: 10px
}

.padding-10-bottom {
    padding-bottom: 10px
}

.padding-20-top {
    padding-top: 20px
}

.padding-20-bottom {
    padding-bottom: 20px
}

.padding-30-top {
    padding-top: 30px
}

.padding-30-bottom {
    padding-bottom: 30px
}

.padding-40-top {
    padding-top: 40px
}

.padding-40-bottom {
    padding-bottom: 40px
}

.padding-50-top {
    padding-top: 50px
}

@media (min-width:992px) {
    .padding-50-top-dt {
        padding-top: 50px
    }
}

.padding-50-bottom {
    padding-bottom: 50px
}

.padding-60-top {
    padding-top: 60px
}

.padding-60-bottom {
    padding-bottom: 60px
}

.padding-80-top {
    padding-top: 80px
}

.padding-80-bottom {
    padding-bottom: 80px
}

@media screen and (max-width:991px) {
    .padding-15-left-mb {
        padding-left: 15px !important
    }
}

.padding-15-right-mb {
    padding-right: 15px !important
}

@media (min-width:992px) {
    .padding-15-right-mb {
        padding-right: initial !important
    }
}

@media (min-width:992px) {
    .padding-15-left-dt {
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .padding-15-right-dt {
        padding-right: 15px
    }
}

.padding-30-left-mb {
    padding-left: 30px !important
}

@media (min-width:992px) {
    .padding-30-left-mb {
        padding-left: initial !important
    }
}

.padding-30-right-mb {
    padding-right: 30px !important
}

@media (min-width:992px) {
    .padding-30-right-mb {
        padding-right: initial !important
    }
}

@media (min-width:992px) {
    .padding-30-left-dt {
        padding-left: 30px
    }
}

@media (min-width:992px) {
    .padding-30-right-dt {
        padding-right: 30px
    }
}

@media (min-width:992px) {
    .padding-10-top-dt {
        padding-top: 10px
    }
}

@media (min-width:992px) {
    .padding-20-top-dt {
        padding-top: 20px
    }
}

@media (min-width:992px) {
    .padding-25-top-dt {
        padding-top: 25px
    }
}

@media (min-width:992px) {
    .padding-30-top-dt {
        padding-top: 30px
    }
}

@media (min-width:992px) {
    .padding-40-top-dt {
        padding-top: 40px
    }
}

@media (min-width:992px) {
    .padding-42-top-dt {
        padding-top: 42px
    }
}

@media (min-width:992px) {
    .padding-50-top-dt {
        padding-top: 50px
    }
}

@media (min-width:992px) {
    .padding-56-top-dt {
        padding-top: 56px
    }
}

@media (min-width:992px) {
    .padding-60-top-dt {
        padding-top: 60px
    }
}

@media (min-width:992px) {
    .padding-80-top-dt {
        padding-top: 80px
    }
}

@media screen and (max-width:991px) {
    .padding-12-top-mb {
        padding-top: 12px
    }
}

@media screen and (max-width:991px) {
    .padding-16-top-mb {
        padding-top: 16px
    }
}

@media screen and (max-width:991px) {
    .padding-18-top-mb {
        padding-top: 18px
    }
}

@media screen and (max-width:991px) {
    .padding-20-top-mb {
        padding-top: 20px
    }
}

@media screen and (max-width:991px) {
    .padding-24-top-mb {
        padding-top: 24px
    }
}

@media screen and (max-width:991px) {
    .padding-40-top-mb {
        padding-top: 40px
    }
}

@media screen and (max-width:991px) {
    .padding-60-top-mb {
        padding-top: 60px
    }
}

.padding-top-md {
    padding-top: 30px
}

@media (min-width:992px) {
    .padding-top-md {
        padding-top: 75px
    }
}

@media (max-width:991px) {
    .padding-0-right-mb {
        padding-right: 0 !important
    }
}

@media (min-width:992px) {
    .padding-15-right-dt {
        padding-right: 15px
    }
}

@media (min-width:992px) {
    .padding-30-right-dt {
        padding-right: 30px
    }
}

@media screen and (max-width:991px) {
    .padding-16-right-dt {
        padding-right: 16px
    }
}

@media (max-width:767px) {
    .padding-10-right-sm {
        padding-right: 10px !important
    }
}

@media (max-width:767px) {
    .padding-5-right-sm {
        padding-right: 5px !important
    }
}

@media (min-width:992px) {
    .padding-10-bottom-dt {
        padding-bottom: 10px
    }
}

@media (min-width:992px) {
    .padding-17-bottom-dt {
        padding-bottom: 17px
    }
}

@media (min-width:992px) {
    .padding-20-bottom-dt {
        padding-bottom: 20px
    }
}

@media (min-width:992px) {
    .padding-25-bottom-dt {
        padding-bottom: 25px
    }
}

@media (min-width:992px) {
    .padding-30-bottom-dt {
        padding-bottom: 30px
    }
}

@media (min-width:992px) {
    .padding-40-bottom-dt {
        padding-bottom: 40px
    }
}

@media (min-width:992px) {
    .padding-50-bottom-dt {
        padding-bottom: 50px
    }
}

@media (min-width:992px) {
    .padding-60-bottom-dt {
        padding-bottom: 60px
    }
}

@media (min-width:992px) {
    .padding-74-bottom-dt {
        padding-bottom: 74px
    }
}

@media (min-width:992px) {
    .padding-80-bottom-dt {
        padding-bottom: 80px
    }
}

@media screen and (max-width:991px) {
    .padding-12-bottom-mb {
        padding-bottom: 12px
    }
}

@media screen and (max-width:991px) {
    .padding-16-bottom-mb {
        padding-bottom: 16px
    }
}

@media screen and (max-width:991px) {
    .padding-20-bottom-mb {
        padding-bottom: 20px
    }
}

@media screen and (max-width:991px) {
    .padding-24-bottom-mb {
        padding-bottom: 24px
    }
}

@media screen and (max-width:991px) {
    .padding-26-bottom-mb {
        padding-bottom: 26px
    }
}

@media screen and (max-width:991px) {
    .padding-36-bottom-mb {
        padding-bottom: 36px
    }
}

@media screen and (max-width:991px) {
    .padding-40-bottom-mb {
        padding-bottom: 40px
    }
}

@media screen and (max-width:991px) {
    .padding-50-bottom-mb {
        padding-bottom: 50px
    }
}

@media screen and (max-width:991px) {
    .padding-56-bottom-mb {
        padding-bottom: 56px
    }
}

.padding-bottom-md {
    padding-bottom: 30px
}

@media (min-width:992px) {
    .padding-bottom-md {
        padding-bottom: 75px
    }
}

@media (min-width:992px) {
    .padding-15-left-dt {
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .padding-30-left-dt {
        padding-left: 30px
    }
}

@media screen and (max-width:991px) {
    .padding-30-left-mb {
        padding-left: 30px
    }
}

@media screen and (max-width:991px) {
    .padding-16-left-mb {
        padding-left: 16px
    }
}

@media screen and (max-width:767px) {
    .margin-100-top-xs {
        margin-top: 100px
    }
}

@media screen and (max-width:991px) {
    .margin-0-top-mb {
        margin-top: 0
    }
}

@media screen and (max-width:991px) {
    .margin-24-top-mb {
        margin-top: 24px
    }
}

@media screen and (max-width:991px) {
    .margin-40-top-mb {
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .margin-16-top-dt {
        margin-top: 16px
    }
}

@media (min-width:992px) {
    .margin-20-top-dt {
        margin-top: 20px
    }
}

@media (min-width:992px) {
    .margin-30-top-dt {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .margin-40-top-dt {
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .margin-60-top-dt {
        margin-top: 60px
    }
}

@media (min-width:992px) {
    .margin-80-top-dt {
        margin-top: 80px
    }
}

.margin-80-top {
    margin-top: 80px
}

@media screen and (max-width:991px) {
    .margin-16-bottom-mb {
        margin-bottom: 16px
    }
}

@media screen and (max-width:991px) {
    .margin-24-bottom-mb {
        margin-bottom: 24px
    }
}

@media screen and (max-width:991px) {
    .margin-42-bottom-mb {
        margin-bottom: 42px
    }
}

@media screen and (max-width:991px) {
    .margin-54-bottom-mb {
        margin-bottom: 54px
    }
}

@media screen and (max-width:991px) {
    .margin-60-bottom-mb {
        margin-bottom: 60px
    }
}

@media screen and (max-width:991px) {
    .margin-40-bottom-mb {
        margin-bottom: 40px
    }
}

@media screen and (max-width:991px) {
    .margin-78-bottom-mb {
        margin-bottom: 78px
    }
}

@media screen and (max-width:991px) {
    .margin-80-bottom-mb {
        margin-bottom: 80px
    }
}

@media (min-width:992px) {
    .margin-60-bottom-dt {
        margin-bottom: 60px
    }
}

@media (min-width:992px) {
    .margin-40-bottom-dt {
        margin-bottom: 40px
    }
}

@media (min-width:992px) {
    .margin-100-bottom-dt {
        margin-bottom: 100px
    }
}

@media (min-width:992px) {
    .margin-80-bottom-dt {
        margin-bottom: 80px
    }
}

@media (min-width:992px) {
    .margin-30-bottom-dt {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    .margin-20-bottom-dt {
        margin-bottom: 20px
    }
}

.margin-left-16 {
    margin-left: 16px
}

@media (min-width:992px) {
    .margin-16-left-dt {
        margin-left: 16px !important
    }
}

.margin-0-left {
    margin-left: 0 !important
}

.margin-5-left {
    margin-left: 5px
}

@media (min-width:992px) {
    .margin-15-left-dt {
        margin-left: 15px !important
    }
}

@media (min-width:992px) {
    .margin-20-left-dt {
        margin-left: 20px !important
    }
}

@media (min-width:768px) {
    .margin-30-right-tb {
        margin-right: 30px
    }
}


.container-full-width {
    display: flex;
    float: none;
    justify-content: center;
    width: 100% !important
}

.container-full-width>.component-content {
    max-width: 100%
}

.container {
    clear: both;
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 16px;
    width: 100%
}

@media (min-width:992px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width:1200px) {
    .container {
        padding: 0
    }
}

.container .component-content {
    max-width: 100%
}

.container-750 {
    clear: both;
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 16px;
    width: 100%
}

@media (min-width:992px) {
    .container-750 {
        max-width: 750px;
        padding: 0
    }
}

.container-750 .component-content {
    max-width: 100%
}

.container-quote {
    clear: both;
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 16px;
    width: 100vw
}

@media (min-width:768px) {
    .container-quote {
        max-width: 750px;
        padding: 0
    }
}

.container-quote .component-content {
    max-width: 100%
}

.container-rounded-bottom-right {
    border-bottom-right-radius: 60px;
    float: left
}

.container-rounded-left {
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    float: right
}

.container-wide {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    float: none;
    clear: both
}

.screen-change .content {
    display: flex;
    flex-wrap: wrap
}

@media (max-width:991px) {
    .screen-change .content .mb-first {
        order: 1
    }
}

@media (max-width:991px) {
    .screen-change .content .mb-second {
        order: 2
    }
}

@media (max-width:991px) {
    .screen-change .content .mb-third {
        order: 3
    }
}

@media (max-width:991px) {
    .screen-change .content .mb-fourth {
        order: 4
    }
}

@media (max-width:991px) {
    .screen-change .content .mb-fifth {
        order: 5
    }
}


@media (min-width:992px) {
    .screen-change-dt .content {
        display: flex;
        flex-wrap: wrap
    }

    .screen-change-dt .dt-first {
        order: 1
    }

    .screen-change-dt .dt-second {
        order: 2
    }

    .screen-change-dt .dt-third {
        order: 3
    }

    .screen-change-dt .dt-fourth {
        order: 4
    }

    .screen-change-dt .dt-fifth {
        order: 5
    }

    .screen-change-dt .dt-sixth {
        order: 6
    }
}



#footer .background-wordmark-dark-blue {
    padding: 40px 24px
}

@media (min-width:992px) {
    #footer .background-wordmark-dark-blue {
        padding: 120px 0
    }
}

#footer .background-wordmark-dark-blue .footer-logo figure {
    text-align: left
}

#footer .background-wordmark-dark-blue .footer-logo img {
    max-width: 136px;
    max-height: 46px;
    height: 100%;
    width: 100%
}

@media (min-width:992px) {
    #footer .background-wordmark-dark-blue .footer-logo img {
        max-width: 201px;
        max-height: 60px
    }
}

#footer .background-wordmark-dark-blue .footer-links {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 32px;
    margin-top: 32px;
    margin-bottom: 32px;
    font-weight: 700;
}

@media (min-width:992px) {
    #footer .background-wordmark-dark-blue .footer-links {
        padding: 0 0 0 32px;
        margin: 0;
        border-bottom: none;
        font-size: 20px;
        line-height: 35px;
    }

    #footer .background-wordmark-dark-blue .footer-links:after {
        content: "";
        position: absolute;
        height: 100%;
        border-right: 1px solid rgba(255, 255, 255, .1);
        right: 0;
        top: 8%
    }
}

#footer .background-wordmark-dark-blue .footer-links ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding-bottom: 13px;
    list-style: none;
    padding-left: 0 !important
}

@media (min-width:992px) {
    #footer .background-wordmark-dark-blue .footer-links ul {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 18px
    }
}

#footer .background-wordmark-dark-blue .footer-links ul li {
    padding-left: 0;
    list-style-type: none;
    width: 50%;
    padding: 8px 0;
}

@media (max-width:991px) {
    #footer .background-wordmark-dark-blue .footer-links ul li {
        padding: 8px 8px;
    }
}

#footer .background-wordmark-dark-blue .footer-links ul li::before {
    display: none
}

#footer .background-wordmark-dark-blue .footer-links ul li a:focus,
#footer .background-wordmark-dark-blue .footer-links ul li a:hover {
    color: var(--primary-color)
}

#footer .background-wordmark-dark-blue .reference-social-icons .content {
    display: flex;
    flex-direction: column
}

@media (max-width:991px) {
    #footer .background-wordmark-dark-blue .reference-social-icons .content {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

#footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    padding: 8px 0;
    font-weight: 700;
}

#footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link .content{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 150px;
}

#footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link .content > a{
    display: none;
}

@media (min-width:992px) {
    #footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link {
        justify-content: space-between;
        font-size: 20px;
    }

    #footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link .content{
        max-width: 180px;
    }
}

@media (max-width:991px) {
    #footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link {
        width: 50%;
        padding: 5px 8px;
    }

    #footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link .image img{
        max-height: 28px;
    }
}

#footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    text-decoration: none
}

#footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link a:focus span,
#footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link a:hover span {
    color: var(--primary-color)
}

#footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link a i {
    margin-left: 10px
}

#footer .background-wordmark-dark-blue .reference-social-icons .content .reference-icons-with-link a i:hover {
    color: var(--primary-color)
}

#footer .background-wordmark-dark-blue .reference-social-icons .content .icon {
    height: 35px;
    width: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

#footer .background-wordmark-dark-blue .reference-social-icons .content .icon:hover {
    border: 1px solid var(--primary-color)
}

.Footer .component-content.left {
    text-align: left;
}

/* @media (min-width:992px) {
    #footer .background-wordmark-dark-blue .container {
        width: 65%;
        margin: 0
    }
} */

@media (min-width:992px) {
    .image figcaption {
        padding-top: 18px;
    }
}

@media (max-width:991px) {
    .image figcaption {
        padding-top: 12px;
    }
}

@media (max-width:991px) {
    .text-center-mobile {
        text-align: center;
    }
}

@media (min-width:992px) {
    .product-points .image {
        margin-top: 32px;
    }

    .product-points .image img {
        max-height: 118px;
    }
}

@media (max-width:991px) {
    .product-points .image {
        margin-top: 32px;
    }

    .product-points .image img {
        max-height: 72px;
    }
}/* Carousel + Slick navigation (aligned with aem-theme-voltaren-voltaren-delta development) */

.carousel > .component-content {
    position: relative;
}

.carousel ul {
    padding-inline-start: 0;
    -webkit-padding-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.carousel-nav {
    display: none;
}

.slick-prev,
.slick-next {
    display: none !important;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: 1px solid var(--primary-color);
    outline: none;
}

@media (min-width: 992px) {
    .slick-prev,
    .slick-next {
        display: inline-block !important;
    }
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    background-color: var(--primary-color);
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
    color: #ffffff;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: 0.5;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.5;
}

.slick-prev:before,
.slick-next:before {
    font-family: FontAwesome, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
}

.slick-prev {
    z-index: 1;
    border-bottom-left-radius: 30px;
    padding: 14px 21px;
}

.slick-prev:before {
    content: '\f104';
    color: var(--primary-color);
    font-size: 1.5rem;
}

.slick-next {
    z-index: 1;
    padding: 14px 21px;
    border-bottom-right-radius: 30px;
}

.slick-next:before {
    content: '\f105';
    color: var(--primary-color);
    font-size: 1.5rem;
}

[dir='rtl'] .slick-next:before {
    content: '\f105';
}

/* Dots — voltaren-delta */
.slick-dots {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
    width: auto;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    padding-left: 8px;
    padding-right: 8px;
}

.slick-dots li:first-of-type {
    padding-left: 0;
}

@media (min-width: 992px) {
    .slick-dots li li:first-of-type {
        padding-left: 16px;
    }
}

.slick-dots li button {
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    background: transparent;
    height: 8px;
    width: 8px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    padding: 0;
    background-color: rgba(227, 114, 0, 0.8);
    opacity: 1;
    outline: 1px solid #242f60;
}

.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button:focus {
    outline: 1px solid var(--secondary-color) !important;
    opacity: 1;
}

.slick-dots li.slick-active button {
    background-color: var(--primary-color);
    height: 15px;
    width: 15px;
    opacity: 1;
    outline: none;
}

.slick-dots li.slick-active button:hover,
.slick-dots li.slick-active button:focus {
    outline: none;
}

.carousel-full-width .slick-prev,
.carousel-full-width .slick-next {
    position: absolute;
    bottom: 60px;
}

@media (min-width: 992px) {
    .carousel-full-width .slick-prev,
    .carousel-full-width .slick-next {
        display: block !important;
    }
}

.carousel-full-width .slick-next {
    left: 84px;
}

.carousel-full-width .slick-dots {
    text-align: center;
}

@media (min-width: 992px) {
    .carousel-full-width .slick-dots {
        position: absolute;
        bottom: 25px;
        padding-bottom: 0;
        left: calc(18.5vw + 125px);
        width: auto;
        text-align: left;
        right: auto;
    }
}

.carousel-half-width .slick-prev {
    position: absolute;
    bottom: 0;
}

.carousel-half-width .slick-next {
    margin-left: 68px;
}

.carousel-half-width .slick-arrow {
    margin-top: 30px;
}

.carousel-half-width .slick-dots {
}

@media (min-width: 992px) {
    .carousel-half-width .slick-dots {
        padding: 0;
        padding-left: 16px;
        display: inline-block;
        transform: translateY(-24%);
    }
}

.button-toggle-autoplay {
    position: absolute;
    margin: auto;
    right: 15px;
    bottom: 60px;
    width: 60px;
    height: 60px;
    border: none;
    padding: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB2CAMAAAAqeZcjAAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuMWI2NWE3OWI0LCAyMDIyLzA2LzEzLTIyOjAxOjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTcxM0ZBREQyRERDMTFFRDlGQUVGNjI4MENGNjc0ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTcxM0ZBREUyRERDMTFFRDlGQUVGNjI4MENGNjc0ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNzEzRkFEQjJEREMxMUVEOUZBRUY2MjgwQ0Y2NzQ4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNzEzRkFEQzJEREMxMUVEOUZBRUY2MjgwQ0Y2NzQ4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhjHsZEAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAC91BMVEVHcEzvdxzvdh3qXxLqXBPqVxLsZhXpUhPsaBTrYxLoTxLrZBHoUBHudxvudRvrYBTrXhXrYhPudRvvdhzsbRXrXhPqWRXtbhjoTxHqWBPveRzpVRPsYxXucxroTRLsaBbrYRXtcBjnSxHoURLudhzvdx3oURLucRrtbxjraxPsahTqXRLpVBLoURPucBrudBvpVBLrXhbqWxLqWhXtbhrtchnrZxXvfR3oTxLudxvueR3qXxToUBLpVBLpVRLuchnqVxLqWxTudRzrYhTucxruchrucxrtcxnqWRPrYxTrZxboUhHrYxfsZhftcRrtbBrtbhvtbBroThLraBjoUBLuehzuehrnTBHoUBLucxrucxvqWBPpVBPtcBnpVxTqYBXqXRbsaxnrZhXpXBTsaRjsahfvfh3tcBvqWRLueB3////saxroUhPudh3pWRXtbhvuchzpVBTtcBvqXBbrZBjqXxfpVhTsaRnoTxPrYRfqWxbsZhnudBztbRrveh7nTRLueB3qXhbpVRTrZRjtbxvpWhXpVxTrYxjnTBLoUxPoThLvex7sZRnsbBrudx3rYBfoTRLsahrpUxTucRznSxLueR3ucxzudRzoSADwfB/saxvmPgDwilTqWBfrYhfohxHqXRfoTADwh1TnSRLsahnsbBvsbh3nQQDwjVXmRxHwfx/vfR7sZxvpTQDvhVPoSwLnRgDwfSDqXRbqUwDnQwDmShHqVwHsZRLrZBnwex/tbRvnRQDpUQD628jqWxfylV/tcBzlNwDueR7mRRDwgB/0qH3qWwzrYhz98Oj2t5Pudx7zm2nsZxXpTwDve0LqWgLuejf+9/LtaR3uch34yK//+vfrXgj6077qYRn1r4j85NjtcSj5zrX3wqPpUwz3u53rYBDrYg7whkrsaxnrYQ3tbyvxkVbrYRHxlWroTwn86d7uglHnUBPwfyHxj17oRQDtdS373s7scDX86uHtdS7pVg/vil3vhkbrYxHveh/rXQ3sYhTpVRU6vstAAAAAanRSTlMAuPIHImAE8xIauw/Pn74thzfK1TQW1mKhd8/LJZX6HdYp8bHn7PCMaj8KbY7adt2c6XH4y1eP+amR3cvmwE1KQVTvR37EXlJonciU9nSw9vjTxu3r4qrs4TqDgJGdgsGj6Jfi9ODx/Vf2ki3G+QAACI5JREFUaN61m3dYU1cUwB8iDtwgKjLFUbc46ta6dx1V6+6ejxjAsNEERCUSrCQGyFA+EAKNQBERpYqsal0o7lm1bq3du7Z/9L6EJC/Je+/eN3I+/ub3nfO77977zjvBMJYxsOvsGQFuM4f16duixbQ+473cOqyetaoN5soImh0wc1rE5ayIjdlZG9eb4gz4S8r8tGeHWb1cw+w1w+vjDRsiLkcQsRHEemt8lpnUkJnpPW6V0Ez/oaO21G0gIiKCipsEouFLxfhxXYRjth06Kjx8S/gWE3bDLlpuklSrVXiP6yQMNGDRkSPhRFi4Wc7cbFBngiuVKrTShV15Q9utXqQL37QpnMyNYMjXBFZ04Lm+Xl+qVIbt2OTIzaJeV81cqVRbHDCQO7T7EoMujAhH7i7mfEHG5ctntOL4xHRUmqFhSiRuNpkr1ZaPf41TqrElsWGWcK4zLF+guPwV9tTRsUQwcJv9ZtP5VSgUxW4sd80B80piCyBcqF/A7TuL1QJOL0lPjLXLl4tfwN3XAZ06KL0kMdGRi5pvph1XoUXmdk6pSkxkw2Xyq9jnhkZ9ryoqKoUdl8mvdJ9XWwTqBEAFQcllv29ICe5H7aDUuWYqNVeJlG+2o999PaFeU1PM1FRB69wRsoaT46OauYL6Pf4mE3VETnx8vCVfIf0qyhm4naIBNX4nM9d534jIQvB7vDstNjg33o4rpF/tGB+63T85Otqei+wXdu4TZaZZzh7JAGvmusQv9fYcJCGojvmmIvrdheD3+KtUu9MBMxaJy8mvdozz8Tt1a3KyhZvjIr/Hna8b79dIrNyd1H4L+PotHuN4KAyqkUhsXI5+oef+Dw6bpPvIXAk9N0owv8X2LwxvmahkLrXfAp73Oq3dw9tmZEKCI9feLyoXlq+WfHmeuyfBmZvj4PfSy6YS3n61y0nvV2JxQgJ1viS/Ty/c1vx7ie+9TjvdivXdhsItO3uxtqw0RVfA615XbrvRdROL6blWv2W7cfzO49IKg5KPX0UL64vzNjEdl+w373McxJ1LmsM6PvuG1rIz+4rFYqZ8m7lmLH71rKZCp2S+1zGdC8UdyTWGc5uxOH7lseYaAeZWZ4XUfCC0jNkK45rudVYsjp94mndfx5VbbL7erIncBueCfElY/NTZinOxSm5+teYq+0VuhnNBnclYHD92vuyajtO9rkFKvCS02RwTg8S1x+L46UN5jUoudf5nNsBOBlgkbpkDFr/1oLS0sZD9ud9AnPZrCSwKV+OIxfFvnuQ1FRrY+s0kjiE/VQwaV7Mbd47TTzWHC9nd60CZ22DurVWRaFxKLH6qtvpQoY6d38wBWCdVZORmFG4ONRbHr98+2mQwsDn3G/pjnwAsGpcOi189cTvvfiGLfJMCsDUEFqnOtFgC3FRtShjt3F/vhoVGmgPO3U+PBbvHz2XXClHzPeOF9RaZqCp4nRmxOH7zUZ5pTaOc+96Y3/dmLtwvBIt/V9tU/dCAku+ZYdgQkUiEVmcYFlT6L7B76BD2jT7YRBEqF47F8XuFpY0GeD+nL7ZMZOVC1jMKFr/4JK8izADjTsP6iWxcZr9HUbBgn64taIT5bWHBItT56F4kLH7n78Owc8GGhXPRsj12oYJ4jpjvddPMSwqJexAFe/PQuTADdJ/siw3Z7sCl9VsEL/KV3zWPCuH3jaw+mF/cdsR8D8Kw1y9UV4Sh3Ouyh2GeGSJELgR76mx1aaMOrZ/jjfWIi0PkMmNP5/z0bQnq+74X1jmDgkvplwl760HRoUvI/ZysmZgHwKLlS7+kfql9qTG1NxD7OZfXYV3S4uLSnLhU+yQt9sS5oq9L2PRzLg/F2gUCLlK+NNjrF44CKLt+DmhgDCGq7Mx1Pvcpsad+1ID6su3nBGFYqJygpsHXFQX24umT+pdVrPs5w4h+rjlbuF/9F06n60l9RTr7fl3dOuL1NsMkF+7XEfvbeX3eDS79ujrTC+5KdRwN196vA/bmH0XJN6I59duDCOz8yuZ0IX7tsFd+1Z+7wdivo+XWeZteq7uqZRlxCHUmYY+d1x88EE3Tn4T1+euGmlsmEyst3DQmrhV78ZlGvzWXZT+WdO63NGMHV8ro87WtZwv2yp76u9FM/Trm7zhblli+OqllMhncb5EJe+tP/f7cGvp+Dtxvf0sbbiXBhfrVvwA3/xfP6+/WQPuETH4XWwdB5oMqy6B+65/h9+7WP68RI/Vj6faNI6NsY0lyuQyeb9n5vfWaXKQ+Ib3f8CP9bQ3lSaZ0IX73lOm31aD1Cen9GhaT51jUMjIX+Z7D3q+yP/ljwdhmLq1fFTKX8VzQvWs/i5Uvt+PyyZeJq3T4zBdqlMG4aP0cRr+6Dx3HF0PyZTKEdUXmboX7tT/3dTucxtV8v5LLXe1XudDp02KrFflyF/i1W88PKUbkphjVcphfFQ+/oM6UY1uDjZZ0WfgVo/tVzqP+OD/JKBPIbw6V3w/caYZxQyrlrvObOIBu7mIq0Av3y4FL1Hk0/ZhJD6PcNX6jSoKZxh57gKdXoDrbr+dg5mFLT6MTN42/39SlsMnD9qQ6C7Wuqhb4Q0d0QwT2G5VSlYowLN3WzygX8jmKz1kwAGn0z5N4jgTzu3O4P+Kg41i1WjC/OcE+yGOdY0n7Bk+/wWzGlOcE2vZJHve63OTO7qxGdlu+ka/mfS7kDp/OekA5tDKfp9/ct7n8qMMjxJjP/V6XIEnuzG343GdwoFHObV0dqJG8w/0HFf698znd2yWSCfx+xTHFU61m67dG0s2D9+8oJreXm+526Pe64SME+dXI5N7L1JVyRL8jJ80ZiAkU7h69ZZWV8L6Z2G+EDyZoBHl4Bsoz0tJoz4X/Yvx8O2EuiLZTB7cPTAORESeyRaRKpYpUdQv18MdcFz5TBq31bL+itTX6DZkU6ju5Jct/8z+AvOoQpwKyVwAAAABJRU5ErkJggg==');
    cursor: pointer;
}

.button-toggle-autoplay.is-play {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTgiIGhlaWdodD0iMTE4IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDExOCAxMTgiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50LTIpOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQpOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIyNi4yNDE3OCIgeTE9IjgwLjMxNzM0IiB4Mj0iNzAuOTkwNzciIHkyPSIzNy4yMzA5MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9Ii4xMzIiIHN0b3AtY29sb3I9IiNmMDU1MjUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjY5MjIwIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMiIgeDE9IjQ3LjEzMDY3IiB5MT0iODAuNjEzNjQiIHgyPSI5MS44Nzk2NSIgeTI9IjM3LjUyNzIiIHhsaW5rOmhyZWY9IiNsaW5lYXItZ3JhZGllbnQiLz4KICA8L2RlZnM+CiAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xIiBkYXRhLW5hbWU9IkVsbGlwc2UgMSIgY2xhc3M9ImNscy0yIiBjeD0iNTkiIGN5PSI1OSIgcj0iNTkiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik01My41MjMwNSw4My45MDM2aC0xMC4wODI1Yy0yLjc0OTc3LTI1LDAtNTAsMC01MGgxMC4wODI1czIuNjQ3OTMsMjUsMCw1MFoiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NC40MTE5NCw4NC4xOTk5aC0xMC4wODI1Yy0yLjc0OTc3LTI1LDAtNTAsMC01MGgxMC4wODI1czIuNjQ3OTMsMjUsMCw1MFoiLz4KPC9zdmc+');
}

@media (min-width: 1600px) {
    .button-toggle-autoplay {
        right: 16px;
    }
}

@media (min-width: 992px) {
    .show-five .button-toggle-autoplay {
        display: none;
    }

    .carousel-visible-control .button-toggle-autoplay {
        bottom: 60px;
    }
}

.carousel-homepage {
    border-bottom: 1px solid #cfcfcf;
}

.carousel-homepage .slick-arrow {
    display: none !important;
}

.carousel-homepage.carousel-bottom-border-none {
    border-bottom: none;
}

@media (min-width: 992px) {
    .carousel-homepage {
        border-bottom: none;
        max-height: 720px;
    }

    .carousel-homepage > .component-content {
        max-height: 720px;
    }
}

@media (min-width: 992px) {
    .carousel-homepage .slick-list.draggable {
        max-height: 720px;
    }
}

@media (min-width: 992px) {
    .carousel-homepage .carouselSlide .box.component.section .content.paragraphSystem {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.carousel-full-width .slick-prev{
  left: 16px;
}
/* Home hero: keep Slick's natural dot placement (DevTools-disbled rules) */
@media (min-width: 992px) {
    .page-home .carousel.carousel-full-width .slick-dots {
        position: static;
        bottom: auto;
        left: auto;
        right: auto;
        width: auto;
        transform: none;
        margin: 0;
        text-align: center;
    }

    .page-home .carousel.index_carousel ul.slick-dots {
        width: auto;
        bottom: auto;
        left: auto;
        right: auto;
        transform: none;
    }
}

@media (min-width: 992px) {
    .carousel-full-width .highlight.slick-prev {
        border: 1px solid #323131;
    }

    .carousel-full-width .highlight.slick-next {
        border: 1px solid #323131;
    }
}

.carousel-slides > .carousel-slide:not(:first-child) {
    display: none;
}

.carousel-slides .carousel-slide:first-child,
.carousel-slides .carousel-slide:nth-child(2) {
    padding-bottom: 50px !important;
}

@media (min-width: 992px) {
    .carousel-slides .carousel-slide:first-child,
    .carousel-slides .carousel-slide:nth-child(2) {
        padding-bottom: 0;
    }
}

.carousel--ordinary .slick-next,
.carousel--ordinary .slick-prev {
    height: 50px;
}

.carousel--ordinary .slick-next {
    left: auto;
    right: 25px;
    bottom: 0;
    margin: auto;
}

.carousel--ordinary .slick-prev {
    right: auto;
    left: 25px;
    bottom: 0;
    margin: auto;
}

@media (max-width: 991px) {
    .carousel--ordinary .slick-next,
    .carousel--ordinary .slick-prev {
        bottom: -39px;
    }
}

.carousel--ordinary .slick-dots {
    left: 0;
    padding-bottom: 15px;
}

@media (max-width: 991px) {
    .carousel-visible-control .slick-dots button {
        background-color: var(--primary-color);
    }

    .carousel-visible-control .slick-dots li.slick-active button {
        background-color: var(--primary-color);
    }
}

.carousel-visible-control .slick-next,
.carousel-visible-control .slick-prev {
    display: block !important;
}

@media (max-width: 767px) {
    .carousel-control-sm .slick-next,
    .carousel-control-sm .slick-prev {
        height: 40px;
        width: 40px;
        padding: 0;
    }
}

.carousel-slide {
    display: block;
}

.carousel.carousel-slides-to-show-3 .slick-prev, 
.carousel.carousel-slides-to-show-3 .slick-next {
    position: absolute;
    top: 35%;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.carousel.carousel-slides-to-show-3 .slick-prev{
    left: -80px;
}
.carousel.carousel-slides-to-show-3 .slick-next{
    right: -80px;
}

@media (max-width: 1280px) {
    .carousel.carousel-slides-to-show-3 .slick-prev{
        left: -10px;
    }
    .carousel.carousel-slides-to-show-3 .slick-next{
        right: -10px;
    }
}

.carousel.carousel-slides-to-show-3 .slick-prev::before {
    content: url("data:image/svg+xml,%0A%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 30L14 22M14 22L22 14M14 22H30M2 22C2 33.0457 10.9543 42 22 42C33.0457 42 42 33.0457 42 22C42 10.9543 33.0457 2 22 2C10.9543 2 2 10.9543 2 22Z' stroke='%23DC4101' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.carousel.carousel-slides-to-show-3 .slick-next::before {
    content: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M22 30L30 22M30 22L22 14M30 22H14M42 22C42 33.0457 33.0457 42 22 42C10.9543 42 2 33.0457 2 22C2 10.9543 10.9543 2 22 2C33.0457 2 42 10.9543 42 22Z' stroke='%23DC4101' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.background-wordmark-blue .carousel.carousel-slides-to-show-3 .slick-prev::before {
    content: url("data:image/svg+xml,%0A%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 30L14 22M14 22L22 14M14 22H30M2 22C2 33.0457 10.9543 42 22 42C33.0457 42 42 33.0457 42 22C42 10.9543 33.0457 2 22 2C10.9543 2 2 10.9543 2 22Z' stroke='%23F5EFF7' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.background-wordmark-blue .carousel.carousel-slides-to-show-3 .slick-next::before {
    content: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M22 30L30 22M30 22L22 14M30 22H14M42 22C42 33.0457 33.0457 42 22 42C10.9543 42 2 33.0457 2 22C2 10.9543 10.9543 2 22 2C33.0457 2 42 10.9543 42 22Z' stroke='%23F5EFF7' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media (min-width: 992px) {
    .carousel.carousel-slides-to-show-3 .carousel-slide .carouselSlide {
        margin-left: 3px;
        margin-right: 3px;
    }
}

/* Science carousel cards: Figma-like unified card styling */
.carousel.carousel-science.carousel-slides-to-show-3 .image figure {
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 372px;
    border-radius: 35px;
    overflow: hidden;
}

.carousel.carousel-science.carousel-slides-to-show-3 .image figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.carousel.carousel-science.carousel-slides-to-show-3 .image figcaption p {
    margin: 0;
}

.carousel.carousel-science.carousel-slides-to-show-3 .image figcaption,
.carousel.carousel-science.carousel-slides-to-show-3 .image figcaption .color-white {
    color: #fff;
}

/* Middle card (slides-item1) has blue caption background */
.carousel.carousel-science.carousel-slides-to-show-3 .carouselSlide.slides-item1 .image figcaption {
    background: #252f71;
}

/* Side cards have yellow outline in Figma */
.carousel.carousel-science.carousel-slides-to-show-3 .carouselSlide:not(.slides-item1) .image figure {
    border: 1px solid #f4be08;
}

/* Side cards have orange caption background + yellow border */
.carousel.carousel-science.carousel-slides-to-show-3 .carouselSlide:not(.slides-item1) .image figcaption {
    background: #dc4101;
}

@media (min-width: 992px) {
    .carousel.carousel-science.carousel-slides-to-show-3 .image figure {
        margin-left: auto;
        margin-right: auto;
    }

    .carousel.carousel-science.carousel-slides-to-show-3 .image picture {
        display: block;
        width: 100%;
        height: 372px;
    }

    .carousel.carousel-science.carousel-slides-to-show-3 .image img {
        width: 100%;
        height: 372px;
        object-fit: cover;
    }

    .carousel.carousel-science.carousel-slides-to-show-3 .image figcaption {
        min-height: 104px;
    }
}

@media (max-width: 991px) {
    .carousel.carousel-science.carousel-slides-to-show-3 .image figure {
        width: 100%;
        max-width: 372px;
        margin-left: 0;
        margin-right: 0;
    }

    .carousel.carousel-science.carousel-slides-to-show-3 .image picture {
        display: block;
        width: 100%;
        height: 372px;
    }

    .carousel.carousel-science.carousel-slides-to-show-3 .image img {
        width: 100%;
        height: 372px;
        object-fit: cover;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .carousel.carousel-science .slick-list {
        margin-left: -6px;
        margin-right: -6px;
    }

    .carousel.carousel-science .slick-slide {
        width: 372px;
        position: relative;
        z-index: 1;
    }

    .carousel.carousel-science .slick-slide > div {
        padding-left: 6px;
        padding-right: 6px;
        box-sizing: border-box;
    }

    .carousel.carousel-science .slick-slide.slick-current.slick-active {
        z-index: 2;
    }
}

@media (max-width: 767px) {
    .carousel-left-mobile-mode .carousel-slide .carouselSlide {
        margin-right: 6px;
    }
}

/* Index carousel (India home hero) */
.carousel.index_carousel {
    max-height: 720px;
    border: none;
    padding: 0;
    position: relative;
    margin: 0 auto;
    max-width: 1440px;
}

.carousel.index_carousel .component {
    margin-bottom: 0;
}

.carousel.index_carousel p {
    margin: 0;
}

.carousel.index_carousel .carousel-nav {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 18px;
    margin: 0;
    text-align: left;
    overflow: visible;
}

.carousel.index_carousel .carousel-nav li {
    display: inline-block;
    margin: 0 10px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.carousel.index_carousel .carousel-nav li a {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: #e86215;
    border-radius: 50%;
    border: none;
}

.carousel.index_carousel .carousel-nav li.is-active a {
    width: 20px;
    height: 20px;
}

.carousel.index_carousel .carousel-nav .carousel-nav-next,
.carousel.index_carousel .carousel-nav .carousel-nav-prev {
    display: none;
}

.carousel.index_carousel .inner_container_width {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.carousel.index_carousel .subtitle {
    display: block;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    color: #252f71;
    margin-bottom: 18px;
}

.carousel.index_carousel h4 {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 0;
}

.carousel.index_carousel .blue_button,
.carousel.index_carousel .carousel_text {
    display: none;
}

.carousel.index_carousel img {
    display: block;
}

@media (min-width: 768px) {
    .carousel.index_carousel .inner_container_width {
        top: 41px;
    }

    .carousel.index_carousel .subtitle {
        font-size: 26px;
        margin-bottom: 40px;
    }

    .carousel.index_carousel h4 {
        font-size: 50px;
        margin-bottom: 50px;
    }

    .carousel.index_carousel .blue_button {
        display: inline-block;
    }

    .carousel.index_carousel .carousel-nav {
        bottom: 40px;
    }

    .doc_banner h1 {
        font-size: 55px;
    }
}

@media (min-width: 992px) {
    .carousel.index_carousel .inner_container_width {
        top: 30px;
    }

    .carousel.index_carousel .subtitle {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .carousel.index_carousel h4 {
        font-size: 40px;
        letter-spacing: -1.75px;
        margin-bottom: 15px;
    }

    .carousel.index_carousel .carousel_text {
        display: block;
        font-size: 16px;
        line-height: 22px;
        color: #333;
    }

    .carousel.index_carousel .carousel-nav {
        bottom: 30px;
    }

    .carousel.index_carousel .blue_button {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .carousel.index_carousel .inner_container_width {
        top: 45px;
    }

    .carousel.index_carousel .subtitle {
        margin-bottom: 15px;
    }

    .carousel.index_carousel h4 {
        font-size: 60px;
        letter-spacing: -1.75px;
        margin-bottom: 20px;
    }

    .carousel.index_carousel .carousel_text {
        display: block;
        font-size: 16px;
        line-height: 22px;
        color: #333;
    }

    .carousel.index_carousel .carousel-nav {
        width: 1110px;
        bottom: 35px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        right: auto;
    }
}

@media (min-width: 1300px) {
    .carousel.index_carousel .inner_container_width {
        top: 55px;
    }

    .carousel.index_carousel .subtitle {
        margin-bottom: 20px;
    }

    .carousel.index_carousel h4 {
        font-size: 70px;
        margin-bottom: 30px;
    }
}

.page-home .carousel.index_carousel .carousel-nav.swiper-pagination-clickable {
    background-color: #fff;
    bottom: 0;
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
}

.carousel-slides .carousel-slide:first-child,
.carousel-slides .carousel-slide:nth-child(2) {
    padding-bottom: 0 !important;
}
/* 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: #001B71;
  --color-11: #323131;
  --color-12: #B1A14D;
  --color-13: #F6F4E3;
  --color-14: #EAEFFF;
  --color-15: #E64810;
  --color-16: #FFF0E2;
  --color-17: #D5F1FF;
  --color-18: #E64911;
  --color-19: #1A3D90;
  --color-20: #e50011;
  
}
/*=====================   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
}
.visibility-hidden{
  visibility: hidden;
}
.d-block{
  display: block;
}
.d-inline-block{
  display: inline-block;
}
.w-100{
  width: 100%;
}
.bg-sky-blue-light{
  background: #e2e9f9;
}
.bg-orange-light >.component-content{
  background:var(--color-13);
}
.bg-blue-light-2 >.component-content{
  background:var(--color-17);
}
.box-dark-blue-2{
  background:var(--color-19);
}
.bg-orange{
  background:var(--color-12);
}
.bg-blue-light{
  background:var(--color-14);
}
.bg-blue-2{
  background:var(--color-10);
}
.box-shadow{
  box-shadow: -2px 2px 4px 1px #0000000f;
}
.line-height-1-5,.line-height-1-5 *{
  line-height: 1.5;
}
@media (max-width: 991px) {
    .hide-m {
        display: none !important
    }
    .line-height-m-32,.line-height-m-32 *{
      line-height: 32px;
    }
    .line-height-m-30,.line-height-m-30 *{
      line-height: 30px;
    }
    .line-height-m-28,.line-height-m-28 *{
      line-height: 28px;
    }
    .line-height-m-24,.line-height-m-24 *{
      line-height: 24px;
    }
    .line-height-m-2,.line-height-m-2 *{
      line-height: 2;
    }
    .line-height-m-inherit{
      line-height: inherit;
    }
    .d-block-m{
      display: block;
    }
    .d-inline-block-m{
      display: inline-block;
    }
}

@media (min-width: 992px) {
    .hide-d {
        display: none !important
    }
    .hide-desktop {
      display: none;
  }
  .line-height-d-48,.line-height-d-48 *{
    line-height: 48px;
  }
  .line-height-d-40,.line-height-d-40 *{
    line-height: 40px;
  }
  .line-height-d-32,.line-height-d-32 *{
    line-height: 32px;
  }
  .line-height-d-2,.line-height-d-2 *{
    line-height: 2;
  }
  .float-right-d{
    float: right;
  }
}

.position-relative{
  position: relative;
}
.position-absolute{
  position: absolute;
}
/*=====================   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-voltaren-dark-grey,
.text-voltaren-dark-grey *{
  color: var(--color-11);
}
.text-voltaren-red,
.text-voltaren-red *{
  color: var(--color-12);
}
.text-orange-2{
  color:var(--color-12);
}
.text-red{
  color:var(--color-15);
}
.text-red-2{
  color:var(--color-18);
}
.text-red-3{
  color:var(--color-20);
}
.text-blue-2{
  color:var(--color-19);
}
.bg-white{
  background: #ffffff;
}
/*=====================   Text Color end ===================*/

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

.font-weight-500, .font-weight-500 * {
  font-weight: 500;
}
.font-weight-600,.font-weight-600 * {
  font-weight: 600;
}

@media (min-width: 992px) {
  .font-d-12{
    font-size: 12px;
  }
  .font-d-14{
    font-size: 14px;
  }
  .font-d-16{
    font-size: 16px;
  }
  .font-d-18{
    font-size: 18px;
  }
  .font-d-20{
    font-size: 20px;
  }
.font-d-24 {
  font-size: 24px;
}
.font-d-25 {
  font-size: 25px;
}
.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-42 {
  font-size: 42px;
}
.font-d-46 {
  font-size: 46px;
}
.font-d-48 {
  font-size: 48px;
}
.font-d-50 {
  font-size: 50px;
}
.font-d-60 {
  font-size: 60px;
}


}
@media (max-width:991px) {
  .font-m-12{
    font-size: 12px;
  }
  .font-m-14{
    font-size: 14px;
    line-height: 1.75;
  }
  .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-25 {
    font-size: 25px;
  }
  .font-m-28 {
    font-size: 28px;
  }
  .font-m-30 {
    font-size: 30px;
  }
  .font-m-32 {
    font-size: 32px;
  }
  .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
    }

    .m-d-t-05 {
      margin-top: -5px !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)
  }
  .border-none{
    border: none!important;
  }
  @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
  }
  .border-radius-32{
    border-radius: 32px;
  }
  @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 ===================*/
  .image-top-5{
    position: relative;
    top: 5px;
  }
  .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
    }
    .rotate-90-m{
      transform: rotate(90deg);
    }
  }
  
  @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;
    }

    .container-9 {
      max-width: 900px;
    }
    .container-11 {
      max-width: 1100px;
      clear: both;
      float: none;
      margin: 0 auto;
    }
  }
  
  .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;
  }
 @media(min-width:992px){
  .align-baseline-d >.component-content>.paragraphSystem.content{
    align-items: baseline;
  }
  /* ashish css */
  .line-height-d-1,.line-height-d-1 *{
    line-height: 1;
  }
  .line-height-d-1-2,
  .line-height-d-1-2 * {
    line-height: 1.2;
}
  .font-d-64 {
    font-size: 64px;
  }
  .font-d-72 {
    font-size: 72px;
  }
  .font-d-120 {
    font-size: 120px;
  }
 }

.bg-brown-light {
  background: var(--color-16);
}

@media(max-width:991px){
  .font-m-12 {
    font-size: 12px;
  }
  .line-height-m-1-5,.line-height-m-1-5 *{
    line-height: 1.5;
  }
  .font-m-80 {
    font-size: 80px;
  }
}

/* ashish css */