.campaign-form-mt{
  margin-top: 63px;
}
@media screen and (max-width : 992.9px){
  .campaign-form-mt{
    margin-top: 50px;
  }
}
.head-redesign-help {
  /* background: #3c6aa8;  */
  padding: 0;
  /* background: url(../assets/images/need-design-help/2.1-form-bg.jpg) no-repeat center center; */
  -moz-background-size: cover;
  background-size: cover
}
@media (min-width:576px) {
  .head-redesign-help {
    padding: 0
  }
}
.head-redesign-help__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media (min-width:992px) {
  .head-redesign-help__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}



.head-redesign-help__content {
  margin-bottom: 0;
  width: 100%;
  padding: 40px 20px;
  position: absolute;
  /* background: url(../assets/images/need-design-help/2.1-form-bg.jpg) no-repeat center center; */
  -moz-background-size: cover;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.head-redesign-help__image img{
height: 100%;
/* object-fit: cover; */
}
@media (min-width:576px) {
  .head-redesign-help__content {
    padding: 80px 20px;
  }
}
@media (max-width:576px) {
  .head-redesign-help__image {
     height: 400px;
    }
  }
  @media screen and (min-width:577px) and (max-width:991px) {
    .head-redesign-help__image {
       height: 537px;
      }
  }

 @media (min-width:992px) {
  .head-redesign-help__image {
    width: 841px;
    /* height: 740px; */
    height: 100%;
  }
  /* .head-redesign-help__content{
    row-gap: 300px;
   } */
  }

@media (min-width:992px) {
  .head-redesign-help__content {
    width: 49%;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    background: 0 0
  }
}
@media (min-width:1212px) {
  .head-redesign-help__content {
    padding-left: -webkit-calc((100% - 1220px)/ 2 + 20px);
    padding-left: -moz-calc((100% - 1220px)/ 2 + 20px);
    padding-left: calc((100% - 1220px)/ 2 + 20px)
  }
}
@media (min-width:1441px) {
  .head-redesign-help__content {
    padding-left: -webkit-calc((100% - 1441px)/ 2 + 20px);
    padding-left: -moz-calc((100% - 1441px)/ 2 + 20px);
    padding-left: calc((100% - 1441px)/ 2 + 20px)
  }
}
.head-redesign-help__title {
  color: #fdfeff;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px
}
@media (max-width:334.98px) {
  .head-redesign-help__title {
    font-size: 28px;
    line-height: 35px
  }
}
@media (min-width:335px) {
  .head-redesign-help__title {
    max-width: 300px
  }
}
@media (min-width:576px) {
  .head-redesign-help__title {
    font-size: 48px;
    line-height: 60px;
    max-width: 475px;
    letter-spacing: 2px
  }
}
.head-redesign-help__locations {
  color: #d4c2ac;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  font-weight: 700;
  min-height: 40px;
  margin-bottom: 10px
}
@media (max-width:334.98px) {
  .head-redesign-help__locations {
    font-size: 28px;
    line-height: 35px
  }
}
@media (min-width:576px) {
  .head-redesign-help__locations {
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
    min-height: 60px;
    margin-bottom: 30px
  }
}
.head-redesign-help__desc {
  color: #fdfeff;
  font-size: 16px;
  line-height: 24px;
  max-width: 525px;
  margin-bottom: 30px
}
.head-redesign-help__desc a {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700
}
.head-redesign-help__desc a {
  color: #26282b
}
.head-redesign-help__desc a:active,
.head-redesign-help__desc a:focus,
.head-redesign-help__desc a:visited {
  color: #26282b
}
body.hasHover .head-redesign-help__desc a:hover {
  color: #26282b
}
@media (min-width:576px) {
  .head-redesign-help__desc {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 50px
  }
}
.head-redesign-help__form {
  background-color: #f1efe8;
  width: 100%;
  padding: 40px 20px
}
@media (min-width:576px) {
  .head-redesign-help__form {
    padding: 80px 20px 80px 6.8%
  }
}
@media (min-width:992px) {
  .head-redesign-help__form {
    width: 49%;
    max-width: 611px
  }
}
@media (min-width:1212px) {
  .head-redesign-help__form {
    padding-right: -webkit-calc((100% - 1220px)/ 2 + 20px);
    padding-right: -moz-calc((100% - 1220px)/ 2 + 20px);
    padding-right: calc((100% - 1220px)/ 2 + 20px)
  }
}
@media (min-width:1441px) {
  .head-redesign-help__form {
    max-width: -webkit-calc(611px + (100% - 1441px)/ 2);
    max-width: -moz-calc(611px + (100% - 1441px)/ 2);
    max-width: calc(611px + (100% - 1441px)/ 2);
    padding-left: 99px;
    padding-right: -webkit-calc((100% - 1441px)/ 2 + 20px);
    padding-right: -moz-calc((100% - 1441px)/ 2 + 20px);
    padding-right: calc((100% - 1441px)/ 2 + 20px)
  }
}
.head-redesign-help__form-description {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #454c53;
  /* margin-bottom:40px; */
  margin-bottom: 15px
  
}
.head-redesign-help__form-description a {
  color: #7345b2
}
.head-redesign-help__form-cta button,.head-redesign-help__form-cta a {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px
}
@media (min-width:576px) {
  .head-redesign-help__form-cta button,.head-redesign-help__form-cta a {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px;
    width: auto
  }
}
.head-redesign-help__form-cta .submit {
  width: 100%
}
.head-redesign-help .frm__label {
  color: #454c53
}


/* sumeet changes in fomr compo starts here*/


  .head_redesign {
        position: relative;
        background: #3c6aa8;
        padding: 0;
        height: 100%;
    }
    .form_container {
        width: 40%;
    }
@media (min-width:992px) {
    .head-redesign-help {
        padding: 0;
        margin-bottom: 30px;
    }
    .head-redesign-help-left {
	    display:flex;
      width: 100%;
      height:830px;
    }

    .head-redesign-help-right {
        display: block;
        padding-right:40px;
        
    }
    
    .head-redesign-help__form {
         max-width: 100%;
        width: 100%;
        height: 100%;
    }
    .head-redesign-help__content {
        position: absolute;
        top: 0;
        left: 12%;
        width: 85%;
    }
}
@media (max-width:991px) {
 .head_redesign {
        position: relative;
        padding: 0;
        width: 100%;
    }
.head-redesign-help__content {
    position:absolute;
    top: 0;
    height: 100%;
}
    .head-redesign-help-right {
    display: block;
    width: 100%;
}
.form_container{
    width: 100%;
}
}
@media (max-width:576px) {
  .head-redesign-help__content {
    top: 5%;
    justify-content:inherit;
}

  }
  .campaign-head-redesign-help-left .frm__group .frm__label{
    margin-bottom: 0px;
  }
  .campaign-head-redesign-help-left .frm__group .frm__field{
    padding: 0px 40px 4px 8px;
  }
  .campaign-head-redesign-help-left .frm__group{
    margin-bottom: 15px;
  }
  @media (min-width:992px) {
    .campaign-head-redesign-help-left.head-redesign-help-left {
      height: 600px;
      /* margin-top: 63px;    */
    }
    .campaign-head-redesign-help-left .head-redesign-help__form{
      padding-top: 20px;
      padding-left: 35px;
    }
    .campaign-head-redesign-help-left .head-redesign-help__form-description {
      font-size: 14px;
    }
    .campaign-head-redesign-help-left .head_redesign{
      width: 55%;
    }
    .campaign-head-redesign-help-left .head-redesign-help__image{
      width: 100%;
    }
    
    .campaign-head-redesign-help-left .form_container{
        width: 45% !important;
    }
    .campaign-head-redesign-help-left .head-redesign-help-right{
      padding-right: 20px;
    }
    .campaign-head-redesign-help-left .check-container{
      font-size: 14px;
    }
    .campaign-head-redesign-help-left .form-checkbox .checkmark{
      top: 0;
    }
  }
  
  @media (max-width:991px) {
  .campaign-head-redesign-help-left {
  display: flex;
  flex-direction: column-reverse;
        /* margin-top: 50px; */
}

.campaign-head-redesign-help-left .head-redesign-help__form{
  padding-top: 15px;
}

.campaign-head-redesign-help-left .head-redesign-help__form-description{
  font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
}
.campaign-head-redesign-help-left .frm__group{
  margin-bottom: 0;
}
  }
  .campaign-head-redesign-help-left .home-improv__headline{
    font-family: 'BioRhyme';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.02em;
  color: #333333; 
  margin-bottom: 10px;
  
  }
  @media (min-width:576px) {
    .new_ids_form .campaign-head-redesign-help-left .head-redesign-help__form-cta button{
      width: auto;
      height: auto;
    }
  }

  .ids-form-firstFold .frm__group  {
    margin-bottom: 5px;
  }
  .ids-form-firstFold .home-improv__headline {
    margin-bottom: 7px;
}

.ids-form-firstFold .head-redesign-help__form-description {
    margin-bottom: 9px;
}

  @media (max-width:1211px) {
    .ids-form-firstFold{
      margin-top: 45px;
    }
  }

  @media (min-width: 992px){
    .ids-form-firstFold.head-redesign-help-left {
      height: 560px;
      margin-top:0;
  }
  }
  @media (min-width: 992px) and (max-width: 1211px){
    .ids-form-firstFold.head-redesign-help-left {
      height: 585px;
      margin-top: 47px;
  }
  }

  @media (max-width: 991px){
    .campaign-head-redesign-help-left.ids-form-firstFold{
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }
    }

/* -- */
    .left-redesign .head-redesign-help__content--top {
      width: 100%;
      position: absolute;
      bottom: 0;
      /* text-align: center; */
      left: 0;
      padding: 15px 0 15px 15px;
      background: #f1efe8;
  }
  .left-redesign .head-redesign-help__content{
    left: 0;
    padding-left: 2%;
    width: 100%;
    top: unset;
    bottom: 0;
    color: #000;
  }
  .left-redesign .head-redesign-help__locations{
    display: none;
  }
  .left-redesign h2.head-redesign-help__title {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 22px;
    max-width: unset;
    font-weight: 700;
    color: #000;
    letter-spacing: 0;
}
.left-redesign p.head-redesign-help__desc {
  font-size: 18px;
    max-width: 100%;
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
}
@media (max-width:576px) {
  .left-redesign .head-redesign-help__image{
    height: 470px;
  }
  .left-redesign h2.head-redesign-help__title {
    font-size: 17px;
    line-height: 18px;
    font-weight: normal;
    color: #fdfeff;
    margin-bottom: 4px;
  }
 .left-redesign .head-redesign-help__content{
      left: 0;
      top: 0;
      width: 100%;
      background: linear-gradient(357deg, rgba(38, 40, 43, 0) 66.94%, #26282B 99.74%);
  }
  .left-redesign .head-redesign-help__content--top{
    top: 5px;
    bottom: unset;
    text-align: center;
    left: 0px;
    padding: 0 8px;
    background:none
    }
    .left-redesign p.head-redesign-help__desc{
      font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    color: #fdfeff;
    }
}
@media (min-width:1400px) {
  .left-redesign h2.head-redesign-help__title{
    font-size: 28px;
  }
  .left-redesign p.head-redesign-help__desc{
    font-size: 20px;
  }

}
/* sumeet changes in fomr compo ends here*/
.customer-service-points .campaign-head-redesign-help-left .head-redesign-help__image{
position:relative;
}
.customer-service-points .campaign-head-redesign-help-left .head-redesign-help__image::before{
      position: absolute;
      content:'';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0.6000000238418579;
      background: linear-gradient(270deg, rgba(38, 40, 43, 0.50) 0%, #26282B 100%);

    }

@media (min-width:992px){
 .customer-service-points .head-redesign-help__content {
    left: 72px;
    padding-left: 0;
}
}

/* new_ids_form css changes ------------ */
.new_ids_form .head-redesign-help-left{
  height: unset !important;
  min-height: 563px !important;
}
.new_ids_form .head_redesign{
  background: unset;
  /* max-width: 866px; */
  /* width: 100%; */
  width: 62.31%;
}
.new_ids_form .head-redesign-help__image{
  display: none;
}
.new_ids_form .head-redesign-help__content{
  display: none;
}

.new_ids_form__left {
  position: relative;
  height: 100%;
}

.new_ids_form__left img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.new_ids_form__info {
  position: absolute;
  top: 73px;
  left: 42px;
}

.new_ids_form__info p {
  font-family: Lato;
  font-size: 24px;
  font-weight: 500;
  line-height: 31.2px;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.new_ids_form__info h2 {
  font-family: BioRhyme;
  font-size: 54px;
  font-weight: 700;
  line-height: 54px;
  color: #FFFFFF;
  margin-bottom: 26px;
  max-width: 438px;
  width: 100%;
}

.new_ids_form__info h3 {
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #D0D0D0;
  max-width: 245px;
  width: 100%;
}

/* head redesign-help form start ---  */
.new_ids_form .form_container{
  /* max-width: 574px; */
  width: 37.69% !important;
}
.new_ids_form .head-redesign-help__form {
  background:#F7F2E7 !important;
  padding: 35.5px 70px 30px 66px !important;
}
.new_ids_form .head-redesign-help-right{
  max-width: 438px;
  width: 100%;
  padding-right: unset !important;
}
.new_ids_form .head-redesign-help-right .frm__group{
  position: relative;
  margin-bottom: unset;
 }
.new_ids_form .head-redesign-help-right .frm__label{
  position: absolute;
  top: -7px;
  left: 16px;
  background: #F7F2E7;
  z-index: 999;
  color: #202020 !important;
  margin-bottom: unset !important;
  font-size: 10px !important;
  line-height: 14px !important;
  font-weight: 400;
  text-transform: capitalize;
  padding: 0 4px;
  letter-spacing: 0.50px;
  display: none;
 }
 .new_ids_form .head-redesign-help-right span.error{
  font-size: 14px !important;
  font-weight: 500;
  line-height: unset !important;
  color: #EE4137 !important;
  min-height: 38px;
  margin-top: unset !important;
  padding-top: 3px !important;
 }
 .new_ids_form .head-redesign-help-right #form-field__C_Email~span.error{
  min-height: 32px;
 }
.new_ids_form .head-redesign-help-right input{
  padding: 0px 16px !important;
  border: 1px solid #20202033 !important;
  border-radius: 6px;
  color: #202020 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  min-height: 52px;
 }
 .new_ids_form .head-redesign-help-right input::placeholder{
      opacity: 0.6;
      text-transform: none;
   }
 .new_ids_form .head-redesign-help-right input:focus{
  border: 1px solid #202020 !important;
 }
 .new_ids_form .head-redesign-help-right input:focus~.frm__label{
  display: block !important;
 }
 .new_ids_form .head-redesign-help-right .form-checkbox{
  margin-bottom: 10px !important;
 }
 .new_ids_form .head-redesign-help-right .checkmark{
  height: 20px !important;
  width: 20px !important;
  background-color: #F7F2E7 !important;
  border: 1px solid #7345B2;
 }
 .new_ids_form .head-redesign-help-right .checkmark:after {
  left: 6px !important;
 }
 .new_ids_form .head-redesign-help-right .check-container{
  padding-left: 34px !important;
  font-weight: 400 !important;
  line-height: 18.2px !important;
  color: #323232 !important;
  font-size: 14px !important;
 }
 .new_ids_form .head-redesign-help__form-description{
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 16.8px !important;
  color: #323232 !important;
  margin-bottom: 15px !important;
  opacity: 0.6;
 }
 .new_ids_form .btn--primary{
  padding: 12px 39px !important ;
line-height: 23.4px !important;
color: #F7F2E7 !important;
 }
 .new_ids_form .btn--primary span{
  display: none;
 }
 .new_ids_form .head-redesign-help__form-cta{
  display: flex;
  justify-content: right;
 }

 .new_ids_form .frm__group .country_code {
  position: absolute;
  top: 17px;
  left: 17px;
  z-index: 1;
  display: flex;
  align-items: center;
  column-gap: 7px;
  color: #202020;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.new_ids_form .frm__group .country_code::before {
  content: '';
  background-image: url('../../../content/dam/asianpaintsbeautifulhomes/icons/ids_icons/india.png');
  background-position: center;
  background-size: cover;
  width: 18px;
  height: 12px;
  display: block;
}

.new_ids_form .frm__group .country_code::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: black;
  opacity: 0.2;
  display: inline-block;
  margin-left: 3px;
}
.new_ids_form .frm__group #form-field__C_Mobile{
  text-indent: 75px;
}
.new_ids_form .head-redesign-help-right {
  margin: 0 auto;
}

.new_ids_form  .check-container input:checked~.checkmark{
  background-color: #7345B2 !important;
}

.campagin_consulting_form .country_code{
  display: none;
}

@media screen and (max-width : 992.9px){
  .new_ids_form__left {
    min-height: 400px;
}
  .new_ids_form__info {
    top: 30px;
    left: 20px;
  }

  .new_ids_form__info p {
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
  }

  .new_ids_form__info h2 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 12px;
    max-width: 265px;
  }

  .new_ids_form__info h3 {
    font-size: 14px;
    line-height: 18.2px;
    max-width: 149px;
  }
  .new_ids_form .head-redesign-help-left{
    display: flex;
    flex-direction: column;
    height: auto !important;
  }
  .new_ids_form .head_redesign {
    width: 100%;
  }
  .new_ids_form .form_container {
    width: 100% !important;
  }
  .new_ids_form__left img {
    height: 400px;
  }
  .new_ids_form .head-redesign-help__form {
    padding: 30px 20px 50px !important;
  }
  .new_ids_form .btn--primary {
    font-size: 18px !important;
    width: 100%;
    padding: 10.5px 39px !important;
  }
  .new_ids_form .head-redesign-help-right .form-checkbox {
    margin-bottom: 20px !important;
    margin-top: 8px;
  }
  .new_ids_form .head-redesign-help__form-description{
    margin-bottom: 30px !important;
  }
  .new_ids_form .head-redesign-help-right .check-container {
    padding-left: 30px !important;
    line-height: 18.2px !important;
    font-size: 14px !important;
  }
  .new_ids_form .head-redesign-help-right .frm__label{
    color: #323232 !important;
  }
  .new_ids_form .head-redesign-help-right span.error{
    font-size: 12px !important;
    min-height: 36px;
    padding-top: 4px !important;
  }
}

.otpverify-content .otpverify-details{
  position: absolute;
  top: 17px;
  right: 20px;
  z-index: 1;
}
.otpverify-content .verify-txt{
  font-family: Lato;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  color: #7345B2;
  cursor: pointer;
}
.otpverify-content .otp-sent-txt{
  font-family: Lato;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  color: #2BA45B;
}
.otpverify-content .verfiy-success-icon{
  width: 22px;
  height: 22px;
}
.disabled .head-redesign-help__form-cta .btn--primary{
  background: var(--Neutral-color-grey-200, #B0B1B3);
  color: #FFFFFF !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  border-color: #B0B1B3;
  cursor: not-allowed;

}
@media screen and (max-width : 992.9px){

  .otpverify-content .otpverify-details{
  right: 16px;
}
.otpverify-content .verify-txt{
  font-size: 13px;
  line-height: 130%;
}
.otpverify-content .otp-sent-txt{
  font-size: 13px;
  line-height: 130%;

}
  .otpverify-content .verfiy-success-icon{
  width: 18px;
  height: 18px;
}
}
.cmp-tabs__tab--active {
    border-color:revert;
}

.tab-carousel {
  padding-bottom: 48px;
  position: relative
}
.tab-carousel.bathsensemt{
  margin-top: 100px;
}
.tab-carousel__bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 58%;
  bottom: 0;
  background: #5a7851
}
.tab-carousel__headline {
  color: #26282b;
  font-family: "Playfair Display", serif !important;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  margin-bottom: 32px;
  font-size: 32px;
  line-height: 1.25
}
@media (min-width:992px) {
  .tab-carousel__headline {
    color: #333;
    font-size: 48px;
    letter-spacing: 2px;
    margin-bottom: 44px
  }
}
.tab-carousel__outer {
  margin: 0 -10px 60px
}
.tab-carousel__slider {
  margin-bottom: 35px
}
@media (min-width:576px) {
  .tab-carousel__slider {
    margin-bottom: 40px
  }
}
@media (min-width:992px) {
  .tab-carousel__slider {
    margin-bottom: 0
  }
}
.tab-carousel__slider-navigation {
  display: none
}
@media (min-width:992px) {
  .tab-carousel__slider-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}
.tab-carousel__slider-nav {
  background-color: #fdfeff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #26282b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px!important;
  width: 64px;
  z-index: 2;
  background-color: #fdfeff;
  border: none
}
.tab-carousel__slider-nav.disabled {
  border-color: #9ea4aa;
  color: #9ea4aa;
  cursor: not-allowed
}
.tab-carousel__slider-nav [class^=icon] {
  margin-top: 0
}
.tab-carousel__slider-nav [class^=icon]::before {
  font-size: 24px
}
.tab-carousel__slider-nav.disabled {
  background-color: rgba(253,254,255,.5);
  color: #26282b
}
.tab-carousel__slider-nav.prev {
  margin-right: 15px
}
.tab-carousel__slider .slick-list {
  margin: 0 -10px
}
.tab-carousel__slider .product {
  margin: 0 10px
}
.tab-carousel__bottom {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.tab-carousel__cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.tab-carousel__cta:first-child {
  margin-right: 15px
}
.tab-carousel__cta-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px
}
.tab-carousel__cta a {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px
}
@media (min-width:576px) {
  .tab-carousel__cta a {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px
  }
}
.tab-carousel__item {
  margin: 0 10px;
  position: relative
}
.tab-carousel__item--image {
  width: 100%;
  position: relative;
  overflow: hidden
}
.tab-carousel__item--image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center
}
.tab-carousel__item--image:after {
  content: ' ';
  display: block;
  padding-top: 75.2%;
  width: 100%
}
.tab-carousel__item--text {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: #fdfeff;
  margin-top: 16px
}
@media (min-width:768px) {
  .tab-carousel__item--text {
    font-size: 24px
  }
}
.tab-carousel__tab-buttons {
  position: relative;
  width: 100%;
  margin: 0 0 32px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #e8ebed;
  overflow-x: auto
}
.tab-carousel__tab-buttons {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.tab-carousel__tab-buttons::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}
.tab-carousel__tab-buttons li {
  margin-right: 2.7%
}
.tab-carousel__tab-buttons li button {
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
  background: 0 0;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  color: #26282b;
  padding: 8px;
  border-bottom: 4px solid rgba(38,40,43,0)
}
@media (min-width:576px) {
  .tab-carousel__tab-buttons li button {
    font-size: 18px;
    line-height: 28px
  }
}
.tab-carousel__tab-buttons li button.active {
  border-color: #26282b
}
#home-improv__slider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
#home-improv__slider .slick-slide {
  margin: 0 7.5px
}
#home-improv__slider .slick-slide:first-child {
  margin-left: 0
}
#home-improv__slider .slick-slide:last-child {
  margin-right: 0
}
/*# sourceMappingURL=maps/tab-carousel.css.map */
@media screen and (max-width:768px) {
  .tab-carousel.bathsensemt{
    margin-top: 50px;
  }
}
.inspire-gallery {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 30px 0 62px;
  margin-bottom: 56px
}
@media (min-width:992px) {
  .inspire-gallery {
    padding-top: 55px
  }
}
.inspire-gallery__headline {
  color: #333;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  margin-bottom: 24px
}
@media (min-width:992px) {
  .inspire-gallery__headline {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 48px;
    text-align: center
  }
}
.inspire-gallery__slider-image {
  position: relative;
  width: 100%;
  overflow-y: visible;
  display: none
}
@media (min-width:768px) {
  .inspire-gallery__slider-image {
    display: block
  }
}
.inspire-gallery__slider-image--bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 760px;
  background: #f1efe8;
  -webkit-transform: translate(0,44px);
  -moz-transform: translate(0,44px);
  -ms-transform: translate(0,44px);
  -o-transform: translate(0,44px);
  transform: translate(0,44px)
}
@media (min-width:768px) {
  .inspire-gallery__slider-image--bg {
    -webkit-transform: translate(20%,62px);
    -moz-transform: translate(20%,62px);
    -ms-transform: translate(20%,62px);
    -o-transform: translate(20%,62px);
    transform: translate(20%,62px)
  }
}
@media (min-width:992px) {
  .inspire-gallery__slider-image .slick-slider {
    margin-bottom: 80px;
    padding-bottom: 60px
  }
}
.inspire-gallery__slider-image .slick-list {
  padding: 0!important
}
@media (min-width:992px) {
  .inspire-gallery__slider-image .slick-list {
    padding: 0 30% 0 0!important
  }
}
.inspire-gallery__slider-image .slick-slide {
  position: relative;
  margin: 0 19px 0 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s;
  height: 760px;
  background: #fdfeff
}
.inspire-gallery__slider-image .slick-slide img {
  opacity: .6
}
.inspire-gallery__slider-image .slick-slide.slick-active img {
  opacity: 1
}
.inspire-gallery__slider-image .slick-slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center
}
.inspire-gallery__slider-text {
  position: relative;
  width: 100%
}
.inspire-gallery__slider-text--wrap {
  position: relative;
  width: 100%
}
@media (min-width:768px) {
  .inspire-gallery__slider-text--wrap {
    width: 85%;
    position: absolute;
    right: 0;
    bottom: 107px
  }
}
@media (min-width:1212px) {
  .inspire-gallery__slider-text--wrap {
    width: 58%;
    min-width: 840px
  }
}
@media (min-width:992px) {
  .inspire-gallery__slider-text .slick-slider {
    margin-bottom: 80px;
    padding-bottom: 60px
  }
}
.inspire-gallery__slider-text .slick-list {
  padding: 0 20% 0 0!important
}
@media (min-width:768px) {
  .inspire-gallery__slider-text .slick-list {
    padding: 0 30% 0 0!important
  }
}
@media (min-width:1212px) {
  .inspire-gallery__slider-text .slick-list {
    padding: 0 40% 0 0!important
  }
}
.inspire-gallery__slider-text .slick-track {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.inspire-gallery__slider-text .slick-slide {
  margin: 0 0 0 16px;
  float: none;
  height: auto
}
@media (min-width:768px) {
  .inspire-gallery__slider-text .slick-slide {
    margin: 0 10px
  }
}
@media (min-width:992px) {
  .inspire-gallery__slider-text .slick-slide {
    position: relative
  }
}
.inspire-gallery__slider-text .slick-arrow {
  background-color: #fdfeff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #26282b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px!important;
  width: 64px;
  z-index: 2
}
.inspire-gallery__slider-text .slick-arrow.disabled {
  border-color: #9ea4aa;
  color: #9ea4aa;
  cursor: not-allowed
}
.inspire-gallery__slider-text .slick-arrow [class^=icon] {
  margin-top: 0
}
.inspire-gallery__slider-text .slick-arrow [class^=icon]::before {
  font-size: 24px
}
.inspire-gallery__slider-text .slick-next {
  left: -84px;
  right: auto;
  bottom: 0;
  top: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
}
.inspire-gallery__slider-text .slick-next:before {
  content: '\71';
  font-family: beautiful-homes!important;
  font-size: 14px;
  color: #26282b
}
.inspire-gallery__slider-text .slick-prev {
  left: -84px;
  right: auto;
  bottom: 70px;
  top: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none
}
.inspire-gallery__slider-text .slick-prev:before {
  content: '\72';
  font-family: beautiful-homes!important;
  font-size: 14px;
  color: #26282b
}
.inspire-gallery__text-item {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.inspire-gallery__text-item--image {
  position: relative
}
@media (min-width:768px) {
  .inspire-gallery__text-item--image {
    display: none
  }
}
.inspire-gallery__text-item--image:after {
  content: ' ';
  padding-top: 75%;
  display: block;
  width: 100%
}
.inspire-gallery__text-item--image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center
}
.inspire-gallery__text-item--inner {
  position: relative;
  padding: 16px;
  background: #fdfeff;
  color: #26282b;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2
}
@media (min-width:576px) {
  .inspire-gallery__text-item--inner {
    padding: 24px
  }
}
.inspire-gallery__text-item--icon {
  width: 48px;
  height: 48px;
  margin-left: 32px;
  margin-bottom: 16px
}
@media (min-width:576px) {
  .inspire-gallery__text-item--icon {
    width: 64px;
    height: 64px
  }
}
.inspire-gallery__text-item--content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 16px;
  margin-top: -58px;
}
.inspire-gallery__text-item--content--icon {
  margin-right: 8px;
  font-size: 24px
}
.inspire-gallery__text-item--content--icon.red {
  color: #d51123
}
.inspire-gallery__text-item--content--icon.green {
  color: #43a074
}
.inspire-gallery__text-item--content--text {
  font-size: 14px;
  line-height: 20px
}
@media (min-width:576px) {
  .inspire-gallery__text-item--content--text {
    font-size: 16px
  }
}
.inspire-gallery__text-item--content--text h5 {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px
}
@media (min-width:576px) {
  .inspire-gallery__text-item--content--text h5 {
    font-size: 24px;
    line-height: 29px
  }
  .inspire-gallery__text-item--content--text h5.small {
    font-size: 20px
  }
}
.inspire-gallery .progress-bar {
  width: 100%;
  height: 4px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0
}
.inspire-gallery .progress-bar .in-progress {
  background-color: #f9994c;
  width: 0%;
  height: 4px
}
@media (max-width:767px) {
  .inspire-gallery{
    margin-bottom: 20px;
  }
}
/*# sourceMappingURL=maps/inspire-gallery.css.map */


.featured-stories {
  padding: 40px 0
}
@media (min-width:576px) {
  .featured-stories {
    padding: 50px 0
  }
}
.featured-stories__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (min-width:992px) {
  .featured-stories__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
.featured-stories__row.heading {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px
}
@media (min-width:992px) {
  .featured-stories__row.heading {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
  }
}
@media (min-width:576px) {
  .inner .featured-stories__row.heading {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}
.featured-stories__title {
  color: #333;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  margin-bottom: 10px
}
@media (min-width:992px) {
  .featured-stories__title {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 2px;
    margin-bottom: 0
  }
}
.featured-stories__more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none;
}
@media (min-width:768px) {
  .featured-stories__more {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
.featured-stories__more li {
  color: #454c53;
  font-size: 18px;
  line-height: 28px
}
@media (min-width:768px) {
  .featured-stories__more li:first-child {
    margin-right: 15px
  }
}
.inner .featured-stories__more {
  display: none
}
@media (min-width:576px) {
  .inner .featured-stories__more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}
.inner .featured-stories__more .btn {
  white-space: nowrap
}
.featured-stories__mobile {
  text-align: center
}
@media (min-width:576px) {
  .featured-stories__mobile {
    display: none
  }
}
.featured-story {
  width: 100%
}
@media (min-width:576px) {
  .featured-story {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 49%
  }
}
@media (min-width:992px) {
  .featured-story {
    margin-right: 1%;
    width: 24%
  }
}
@media (min-width:992px) {
  .featured-story:first-child {
    width: 49%
  }
}
@media (min-width:576px) {
  .featured-story:nth-child(6n+1),
  .featured-story:nth-child(6n+6) {
    margin-bottom: 2%
  }
}
@media (min-width:992px) {
  .featured-story:nth-child(6n+1),
  .featured-story:nth-child(6n+6) {
    /* margin-bottom: 1%; */
    width: 48%
  }
  .featured-stories .featured-story:nth-child(6n+1),
  .featured-stories .featured-story:nth-child(6n+6) {
    margin-bottom: 1%;
}
}
@media (max-width:575.98px) {
  .featured-story:nth-child(odd) {
    margin-right: 0
  }
}
@media (max-width:991.98px) {
  .featured-story:nth-child(odd) {
    /* margin-right: 2% */
  }
}
@media (min-width:992px) {
  .featured-story {
    margin-bottom: 1%
  }
}
@media (max-width:991.98px) {
  .featured-story {
    margin-bottom: 2%
  }
}
@media (max-width:575.98px) {
  .featured-story {
    margin-bottom: 30px
  }
}
.featured-story__outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}
@media (min-width:576px) {
  .featured-story__outer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
@media (min-width:576px) {
  .featured-story__author {
    display: none!important
  }
}
.featured-story__author{
  display: none !important;
}
/*# sourceMappingURL=maps/featured-stories.css.map */
@media (min-width:992px) {
.featured-stories .featured_story_homepage{
  display: flex;
  flex-wrap: wrap
}
}
@media (min-width:576px) {
  .featured-stories .featured_story_homepage{
    display: flex;
    flex-wrap: wrap
  }
  }
.featured-story {
  padding: 0
}
.featured-story__inner {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.featured-story__thumbnail {
  position: relative
}
.featured-story__thumbnail img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 257px
}
@media (min-width:992px) {
  .featured-story__thumbnail img {
    height: 458px
  }
}
.featured-story__bookmark {
  background-color: #f1efe8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  line-height: 34px;
  text-align: center;
  height: 34px;
  width: 34px;
  position: absolute;
  top: 10px;
  right: 10px
}
.featured-story__bookmark [class^=icon-]::before {
  color: #454c53;
  width: 11px;
  margin-bottom: 4px;  
  display: flex;
  justify-content: center;
}
.featured-story__video {
  background-color: rgba(0,0,0,.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.featured-story__video [class^=icon-]::before {
  color: #fdfeff;
  font-size: 48px
}
.featured-story__category {
  background-color: #26282b;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: .01em;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 8px 12px
}
.featured-story__content {
  background-color: #f4f2ed;
  padding: 24px 24px 12px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.featured-story__title {
  color: #26282b;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  /* -o-text-overflow: ellipsis;
  text-overflow: ellipsis; */
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}
@media (min-width:992px) {
  .featured-story__title {
    font-size: 24px;
    line-height: 29px;
    -webkit-line-clamp: 3;
    line-clamp: 3
  }
}
.featured-story__desc {
  color: #454c53;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  overflow: hidden;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}
@media (min-width:992px) {
  .featured-story__desc {
    font-size: 18px;
    line-height: 28px;
    -webkit-line-clamp: 3;
    line-clamp: 3
  }
}
.featured__story:not(:first-child):not(:last-child) .featured-story__desc {
  display: none
}
.featured-story__author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.featured-story__author-pic {
  margin-right: 12px;
  width: 24px
}
.featured-story__author-name {
  font-size: 16px;
  font-weight: 24px;
  font-weight: 700;
  color: #000000;
}
.featured-story__read {
  background-color: #f4f2ed;
  color: #454c53;
  padding: 0 24px 34px
}
@media (min-width:992px) {
  .featured-story__read {
    padding-top: 24px
  }
}
.featured-story__read small {
  font-size: 14px;
  line-height: 20px;
  margin-left: 4px
}
.featured-story__read [class^=icon-] {
  margin-right: 5px
}

/*# sourceMappingURL=maps/featured-story.css.map */

.featured-story__btn {
  display: none;
}
@media (max-width: 1212px) {
  .featured-story__btn {
      text-align: center;
      margin-top: 30px;
      margin-bottom: 20px;
  }
  .stores__btn--primary {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #7345b2;
      border-color: #7345b2;
      color: #fff;
  }
  .featured-story__btn a {
      font-size: 16px;
      line-height: 19px;
      padding: 12px 20px;
  }
  @media (min-width: 576px) {
      .featured-story__btn a {
          font-size: 18px;
          line-height: 27px;
          padding: 16px 32px;
      }
  }
  .stores--btn {
      border-width: 1px;
      border-style: solid;
      -webkit-border-radius: 999px;
      -moz-border-radius: 999px;
      border-radius: 999px;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      -webkit-transition-property: color, border-color, background-color, fill;
      -o-transition-property: color, border-color, background-color, fill;
      -moz-transition-property: color, border-color, background-color, fill;
      transition-property: color, border-color, background-color, fill;
      -webkit-transition-duration: .3s;
      -moz-transition-duration: .3s;
      -o-transition-duration: .3s;
      transition-duration: .3s;
  }
  .featured-story__btn {
      display: block;
  }
}

article.featured-story {
  display: flex;
  flex-direction: column;
}
/* @font-face {
  font-style: normal;
  font-family: Montserrat;
  font-weight: 700;
  font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/Montserrat-Bold.woff);
} */

.banner-cta {
  margin: 56px 0
}

.banner-cta__inner {
  background-position: center center;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 43px 16px;
  text-align: center;
  color: #FFF;
}

@media (min-width:576px) {
  .banner-cta__inner {
    padding: 82px 40px
  }
}

.banner-cta__inner h3 {
  color: #FFF;
  font-family: Lato;
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 44px;
  max-width: 800px;
  margin: 0 auto 24px
}

@media (max-width:575.98px) {
  .banner-cta__inner h3 {
    font-size: 24px;
    line-height: 32px
  }
}

.banner-cta__cta a {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px
}

@media (min-width:576px) {
  .banner-cta__cta a {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px;
    width: auto
  }
}

/*# sourceMappingURL=maps/banner-cta.css.map */


.banner__1 .container {
  max-width: 1003px;
}

.banner__1 .btn--primary {
  text-decoration: underline;
  text-transform: uppercase;
  border-radius: 0;
  background: none;
  border: 0;
  color: #FFC55F;
  padding: 0;
}

.banner__1 p {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 12px;
  margin-top: 4px;
}

.banner__1 h3 {
  color: #FFF;
  font-family: Lato;
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
  margin: 0 auto;
}

.banner__1 .banner-cta__inner {
  position: relative;
  padding: 20px;
  border-radius: 8px;
  background-image: none !important;
}

.banner-cta__bg-img {
  display: none;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.banner__1 .banner-cta__bg-img {
  display: block;
}

.banner__2 .container {
  max-width: 1003px;
}

.banner__2 .btn--primary {
  padding: 13px 20px;
  border-radius: 6px;
  background: #FEB940;
  width: max-content;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  color: #000;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  max-width: 230px;
}

.banner__2 .banner-cta__bg-img {
  display: block;
}

.banner__2 .banner-cta__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 88px 24px 100px;
  border-radius: 8px;
  background-image: none !important;
}

.banner__2 p {
  display: none;
}

.banner__2 h3 {
  font-size: 32px;
  font-family: 'Lato';
  line-height: 36px;
  text-align: left;
  margin: 0 20px 0 0;
}

.banner__2 .banner-cta__cta {
  margin-left: auto;
}

.banner__1 .banner-cta__cta a {
  font-size: 12px;
  line-height: 20px;
}

.banner__2 .banner-cta__cta a {
  font-size: 12px;
  line-height: 20px;
}

@media (max-width: 991px) {
  .banner__1 h3 {
    font-size: 18px;
  }

  .banner__1 p {
    font-size: 12px;
  }

  .banner__1 .banner-cta__subheading {
    font-size: 12px;
    margin-top: 2px;
  }

  .banner__2 .banner-cta__inner {
    padding: 20px 9px 20px;
  }

  .banner__2 h3 {
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    margin: 0 0 10px;
  }

  .banner__2 .banner-cta__inner {
    display: block;
  }

  .banner__2 .btn--primary {
    font-family: 'Lato';
    color: #FFC55F;
    line-height: 20px;
    padding: 0;
    background: none;
    text-decoration-line: underline;
    border: none;
  }
}


/* ///banner 3/// */

.banner__3 {
  margin-bottom: 32px;
}



.banner__3 .banner-cta {
  margin: 0;
}



.banner__3 .container {
  padding: 0;
}



.banner__3 .banner-cta__inner {
  border-radius: 6px;
  padding: 20px 62px 20px 68px;
  position: relative;
  background-image: none !important;
}



.banner__3 .banner-cta__inner h3 {
  color: #FFF;
  font-family: Lato;
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
  letter-spacing: normal;
  margin: 0 0 4px 0;
  text-align: left;
  width: 53%;
}



.banner__3 .banner-cta__inner p {
  color: #FFF;
  font-family: Lato;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1.68px;
  text-align: left;
  width: 55%;
}



.banner__3 .banner-cta__cta a {
  padding: 12px 32px;
  width: auto;
  color: #FFF;
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.096px;
  letter-spacing: 0.36px;
  border-radius: 30px;
  background: #7345B2;
}



.banner__3 .banner-cta__cta {
  position: absolute;
  right: 62px;
  top: 50%;
  transform: translateY(-50%);
}

.banner__3 .banner-cta__bg-img {
  display: block;
}

.banner_cta.teaser.banner__3 {
  max-width: 1020px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto 32px auto;
}

@media only screen and (max-width: 992px) {
  .banner__3 .banner-cta__inner {
    padding: 46px 20px;
    box-sizing: border-box
  }



  .banner__3 .banner-cta__cta {
    position: unset;
    transform: none;
  }



  .banner__3 .banner-cta__inner h3 {
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: normal;
    margin-bottom: 12px;
    font-weight: 800;
  }



  .banner__3 .banner-cta__inner p {
    text-align: center;
    width: 100%;
    line-height: 16.408px;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 400;
  }
}
.home-improv {
  padding: 40px 0
}
.home-improv__headline {
  color: #26282b;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  margin-bottom: 10px
}

@media (min-width:992px) {
  .home-improv__headline {
    color: #333;
    font-size: 48px;
    letter-spacing: 2px;
    line-height: 60px
  }
}

.home-improv__brief {
  color: #454c53;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 25px
}

@media (min-width:992px) {
  .home-improv__brief {
    font-size: 18px;
    line-height: 28px
  }
}

.home-improv__outer {
  margin-bottom: 60px
}

.home-improv__cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.home-improv__cta:first-child {
  margin-right: 15px
}

.home-improv__cta-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px
}

.home-improv__cta a {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px
}

@media (min-width:576px) {
  .home-improv__cta a {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px
  }
}

.home-improv__misc {
  color: #454c53;
  font-size: 16px;
  line-height: 20px;
  text-align: center
}

@media (min-width:576px) {
  .home-improv__misc {
    font-size: 18px;
    line-height: 28px
  }
}

.home-improv__slider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.home-improv__slider .slick-slide {
  margin: 0 7.5px
}

.home-improv__slider .slick-slide:first-child {
  margin-left: 0
}

.home-improv__slider .slick-slide:last-child {
  margin-right: 0
}

@media (min-width:576px) {
  .page-search .home-improv {
    padding: 80px 0
  }
}

/*# sourceMappingURL=maps/home-improvement.css.map */

.tab-carousel {
  padding-bottom: 48px;
  position: relative
}

.tab-carousel__bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 58%;
  bottom: 0;
  background: #5a7851
}

.tab-carousel__headline {
  color: #26282b;
  font-family: "Playfair Display", serif !important;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  margin-bottom: 32px;
  font-size: 32px;
  line-height: 1.25
}

@media (min-width:992px) {
  .tab-carousel__headline {
    color: #333;
    font-size: 48px;
    letter-spacing: 2px;
    margin-bottom: 44px
  }
}

.tab-carousel__outer {
  margin: 0 -10px 60px
}

.tab-carousel__slider {
  margin-bottom: 35px
}

@media (min-width:576px) {
  .tab-carousel__slider {
    margin-bottom: 40px
  }
}

@media (min-width:992px) {
  .tab-carousel__slider {
    margin-bottom: 0
  }
}

.tab-carousel__slider-navigation {
  display: none
}

@media (min-width:992px) {
  .tab-carousel__slider-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}

.tab-carousel__slider-nav {
  background-color: #fdfeff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #26282b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px !important;
  width: 64px;
  z-index: 2;
  background-color: #fdfeff;
  border: none
}

.tab-carousel__slider-nav.disabled {
  border-color: #9ea4aa;
  color: #9ea4aa;
  cursor: not-allowed
}

.tab-carousel__slider-nav [class^=icon] {
  margin-top: 0
}

.tab-carousel__slider-nav [class^=icon]::before {
  font-size: 24px
}

.tab-carousel__slider-nav.disabled {
  background-color: rgba(253, 254, 255, .5);
  color: #26282b
}

.tab-carousel__slider-nav.prev {
  margin-right: 15px
}

.tab-carousel__slider .slick-list {
  margin: 0 -10px
}

.tab-carousel__slider .product {
  margin: 0 10px
}

.tab-carousel__bottom {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.tab-carousel__cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tab-carousel__cta:first-child {
  margin-right: 15px
}

.tab-carousel__cta-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px
}

.tab-carousel__cta a {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px
}

@media (min-width:576px) {
  .tab-carousel__cta a {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px
  }
}

.tab-carousel__item {
  margin: 0 10px;
  position: relative
}

.tab-carousel__item--image {
  width: 100%;
  position: relative;
  overflow: hidden
}

.tab-carousel__item--image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center
}

.tab-carousel__item--image:after {
  content: ' ';
  display: block;
  padding-top: 75.2%;
  width: 100%
}

.tab-carousel__item--text {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: #fdfeff;
  margin-top: 16px
}

@media (min-width:768px) {
  .tab-carousel__item--text {
    font-size: 24px
  }
}

.tab-carousel__tab-buttons {
  position: relative;
  width: 100%;
  margin: 0 0 32px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #e8ebed;
  overflow-x: auto
}

.tab-carousel__tab-buttons li {
  margin-right: 2.7%
}

.tab-carousel__tab-buttons li button {
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
  background: 0 0;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  color: #26282b;
  padding: 8px;
  border-bottom: 4px solid rgba(38, 40, 43, 0)
}

@media (min-width:576px) {
  .tab-carousel__tab-buttons li button {
    font-size: 18px;
    line-height: 28px
  }
}

.tab-carousel__tab-buttons li button.active {
  border-color: #26282b
}

.home-improv__slider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.home-improv__slider .slick-slide {
  margin: 0 7.5px
}

.home-improv__slider .slick-slide:first-child {
  margin-left: 0
}

.home-improv__slider .slick-slide:last-child {
  margin-right: 0
}

/*# sourceMappingURL=maps/tab-carousel.css.map */

.home-decor__thumbnail {
  position: relative;
  margin-bottom: 10px;
  min-height: 349px
}

.home-decor__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.home-decor__index {
  color: #3c6aa8;
  font-family: BioRhyme;
  font-size: 40px;
  line-height: 51px;
  margin-right: 12px
}

.home-decor__title {
  color: #26282b;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  margin-bottom: 5px;
  align-self: center;
  /* width: 170px */
}

.home-decor__desc {
  color: #454c53;
  font-size: 16px;
  line-height: 20px;
  width: 220px
}

.home-decor.four-steps {
  width: 100%;
  padding: 0;
  margin-bottom: 36px
}

.home-decor.four-steps .home-decor__thumbnail {
  min-height: inherit;
  overflow: hidden
}

.home-decor.four-steps .home-decor__thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center
}

.home-decor.four-steps .home-decor__thumbnail:after {
  content: ' ';
  display: block;
  padding-top: 101.74%
}

@media (min-width:768px) {
  .home-decor.four-steps .home-decor__thumbnail:after {
    padding-top: 124.64%
  }
}

.home-decor__content p {
  padding: 0 3px;
}

/*# sourceMappingURL=maps/home-decor.css.map */
.home-decor__thumbnail img {
  height: 434px;
  object-fit: cover;
}

@media (max-width:576px) {
  .home-decor__thumbnail img {
    height: 343px;
    object-fit: cover;
  }

}

ul.tab-carousel__tab-buttons::-webkit-scrollbar {
  display: none;
}

ul.tab-carousel__tab-buttons {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#how-we-work {
  scroll-margin-top: 50px;
}


/* consulting_form CSS Start */
@media (min-width: 992px) {
  .consulting-form-column .home-redesign-help {
    padding: 49px;
  }

  .consulting-form-column .home-redesign-help__title {
    max-width: 100%;
    text-align: center;
    margin-bottom: 16px;
  }

  .consulting-form-column .home-redesign-help__desc {
    max-width: 665px;
    font-weight: 700;
    margin: 0 auto 80px;
    text-align: center;
  }

  .consulting-form-column .home-redesign-helpform-wrap {
    display: block;
  }

  .consulting-form-column .form-container-inputs>div {
    display: flex;
    gap: 45px;
  }

  .consulting-form-column .form_button {
    text-align: center;
  }

  .consulting-form-column .btn__icon--right [class^=icon-] {
    margin-left: 8px;
  }

  .consulting-form-column .btn--primary [class^=icon-]::before {
    color: #FDFEFF;
  }

  .consulting-form-column .home-redesign-help__form-cta button {
    padding: 16px 23px 16px 32px;
    color: #FDFEFF;
  }
}

.consulting-form-column .form_field_checkbox {
  display: none;
}

/* consulting_form CSS End */

/* Customer Service CSS Start */
.customer-service-points .ids-form-firstFold.head-redesign-help-left {
  height: auto;
}

.customer-service-points .head-redesign-help__title {
  font-size: 36px;
  font-family: 'BioRhyme';
  line-height: 44px;
  margin-bottom: 40px;
}

.customer-service-points .head-redesign-help__form-cta a {
  background: #7345B2;
  border: none;
}

.customer-service-points .icon-arrow-down {
  display: none;
}

.customer-service-points .service-items-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 50px 50px 50px 20%;
  background: linear-gradient(180deg, #290161 0%, #3C6AA8 100%);
}

.customer-service-points .service-item {
  display: flex;
  align-items: center;
  margin-bottom: 72px;
  max-width: 500px;
}

.customer-service-points .service-item:last-child {
  margin-bottom: 0px;
}

.customer-service-points .service-item-img {
  width: 64px;
  margin-right: 42px;
}

.customer-service-points .service-item-desc>span {
  display: block;
}

.customer-service-points .service-item-heading {
  color: #F9994C;
  font-size: 32px;
  font-weight: 800;
  line-height: 36px;
  letter-spacing: 0.64px;
}

.customer-service-points .service-item-subheading {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 800;
  line-height: 36px;
  letter-spacing: 0.64px;
}

.customer-service-points .btn--white-border:hover {
  color: #fff;
}

.customer-service-points .head-redesign-help__title {
  font-weight: 700;
}

.customer-service-points .head-redesign-help__form-cta a {
  padding: 12px 24px;
}

@media (min-width: 992px) {
  .customer-service-points .head_redesign:nth-child(1) {
    width: 47.5%;
  }

  .customer-service-points .head_redesign:nth-child(2) {
    width: 52.5%;
  }
}

@media (max-width: 991px) {
  .customer-service-points .head-redesign-help__title {
    font-size: 24px;
    line-height: 30px;
  }

  .customer-service-points .head-redesign-help__title {
    margin-bottom: 24px;
  }

  .customer-service-points .service-items-wrapper {
    padding: 50px 50px 50px 35px;
  }

  .customer-service-points .service-item {
    margin-bottom: 64px;
  }

  .customer-service-points .service-item-img {
    width: 56px;
    margin-right: 32px;
  }

  .customer-service-points .service-item-heading {
    font-size: 24px;
    line-height: 28px;
  }

  .customer-service-points .service-item-subheading {
    font-size: 24px;
    line-height: 28px;
  }

  .customer-service-points .head-redesign-help__image {
    height: 369px;
  }

  .customer-service-points .head-redesign-help__content {
    padding-top: 10px;
  }
}

/* Customer Service CSS End */

/* Furniture Categories CSS Start */
.categories-grid .heading.title {
  text-align: center;
  margin-bottom: 50px;
}

.categories-grid .categories-left-card {
  padding: 0 80px;
}

.categories-grid .categories-bottom-card {
  padding: 0 80px 40px;
}

.categories-grid .sofa-item {
  position: relative;
  cursor: default;
}

.categories-grid .sofa-item::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 53%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 69.26%);
  opacity: 0.699999988079071;
}

.categories-grid .sofa-item-param {
  color: #FFF;
  position: absolute;
  bottom: 24px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  width: 100%;
  cursor: default;
}

.categories-grid .categories-right-top-card {
  width: 100%;
}

.categories-grid .categories-right-top-card .sofa-item:first-child {
  margin-right: 20px;
}

.categories-grid .heading.title h1 {
  font-size: 48px;
  font-family: 'BioRhyme';
}

.categories-grid .categories-left-card>div {
  display: flex;
  width: 100%;
}

.categories-grid .categories_left {
  width: 50%;
  margin-right: 20px;
}

.categories-grid .categories_left>a {
  height: 490px;
  display: block;
}

.categories-grid .categories-right-top-card .sofa-item>a {
  height: 237px;
  display: block;
}

.categories-grid .categories-right-bottom-card .sofa-item>a {
  height: 234px;
  display: block;
}

.categories-grid .categories-bottom-card .sofa-item>a {
  height: 237px;
  display: block;
}

.categories-grid .sofa-item img {
  height: 100%;
  width: 100%;
}

.categories-grid .categories-right-bottom-card .sofa-item img {
  height: 100%;
  width: 100%;
}

.categories-grid .categories-right-bottom-card {
  width: 100%;
}

.categories-grid .categories-right-card {
  display: flex;
  width: 50%;
}

.categories-grid .categories-right-card>div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.categories-grid .categories-right-top-card>div {
  display: flex;
}

.categories-grid .categories-bottom-card>div {
  display: flex;
}

.categories-grid .categories-right-top-card .sofa-item {
  width: 50%;
}

.categories-grid .categories-right-bottom-card .sofa-item {
  width: 100%;
}

.categories-grid .categories-bottom-card .sofa-item {
  margin-right: 20px;
}

.categories-grid .categories-bottom-card .sofa-item:last-child {
  margin-right: 0px;
}

@media (max-width: 991px) {
  .categories-grid .heading.title {
    margin-bottom: 30px;
  }

  .categories-grid .heading.title h1 {
    font-size: 32px;
  }

  .categories-grid .categories-left-card {
    padding: 0 16px;
  }

  .categories-grid .categories-bottom-card {
    padding: 0 16px 70px;
  }

  .categories-grid .sofa-item-param {
    font-size: 14px;
    bottom: 12px;
  }

  .categories-grid .categories-left-card>div {
    flex-wrap: wrap;
  }

  .categories-grid .categories_left {
    width: 100%;
    margin-right: 0;
  }

  .categories-grid .categories-right-card {
    width: 100%;
  }

  .categories-grid .categories-bottom-card>div {
    flex-wrap: wrap;
  }

  .categories-grid .categories-bottom-card .sofa-item {
    margin-right: 17px;
    width: calc(50% - 9px);
  }

  .categories-grid .categories-right-top-card .sofa-item:first-child {
    margin-right: 17px;
  }

  .categories-grid .categories-bottom-card .sofa-item:nth-child(2) {
    margin-right: 0;
  }

  .categories-grid .categories-bottom-card .sofa-item:nth-child(4) {
    margin-right: 0;
  }

  .categories-grid .categories-right-bottom-card .sofa-item img {
    height: 107px;
  }

  .categories-grid .categories_left>a {
    height: 228px;
    display: block;
  }

  .categories-grid .categories-right-top-card .sofa-item>a,
  .categories-grid .categories-right-bottom-card .sofa-item>a,
  .categories-grid .categories-bottom-card .sofa-item>a {
    height: 107px;
    display: block;
  }
}

/* Furniture Categories CSS End */


/* Load more Button */
.wthi-slidermainwrapper-parent {
  position: relative;
}

.wthi-load-more-wrapper {
  /* display: flex; */
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 540px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.67) 12.59%, #FFF 47.48%);
}

.wthi-load-more_button-div {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  border-radius: 999px;
  background: #7345B2;
  padding: 16px 23px 16px 32px;
  cursor: pointer;
}

.wthi-load-more_text {
  color: #FDFEFF;
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}

.wthi-load-more_button-div .icon-plus-o {
  height: 18px;
}

.wthi-load-more_button-div .icon-plus-o:before {
  display: block;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 992px) {

  /* Load more Button */
  .wthi-load-more-wrapper {
    align-items: flex-end;
    height: 333px;
  }

  .wthi-load-more_button-div {
    margin-bottom: 33px;
  }
}


/* new_home_improve style changes ----------- */
.home-improv.new_home_improve  {
  padding-top: 0;
  padding-bottom: 15px;
}

.new_home_improve .home-improv__headline {
  font-family: BioRhyme;
  font-size: 42px;
  font-weight: 700;
  line-height: 49.22px;
  text-align: center;
  color: #323232;
  margin-bottom: 9px;
}
.padding_top .home-improv__headline{
  padding-top: 100px;
}

.new_home_improve .home-improv__brief {
  font-family: Lato;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: #696969;
  margin-bottom: 30px;
}

.new_home_improve .home-improv__cta:first-child{
  margin-right: 10.5px;
}

.new_home_improve .btn--ghost{
  padding: 16px 75px;
}


@media screen and (max-width : 992px) {
  .home-improv.new_home_improve{
    padding-bottom: 0;
  }
  .new_home_improve .home-improv__headline {
    font-size: 26px;
    line-height: 33.8px;
    margin-bottom: 10px;
  }
  .padding_top .home-improv__headline{
    padding-top: 50px;
  }
  .new_home_improve .home-improv__brief {
    font-size: 14px;
    line-height: 19.6px;
    margin-bottom: 35px;
  }

  .new_home_improve .home-improv__cta a {
    font-size: 18px;
    line-height: 27px;
    padding: 8px 42px;
  }

  .new_home_improve .btn--ghost{
    padding: 8px 89px;
  }
  .new_home_improve .home-improv__cta{
    gap: 20px;
  }
  .new_home_improve .home-improv__cta-outer {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 0;
  }
  .new_home_improve .home-improv__cta:first-child{
    margin-right: unset;
  }
}
.home-decor-quiz {
  background-color: #f9fafb;
  padding: 40px 0
}
@media (min-width:992px) {
  .home-decor-quiz {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 60px
  }
}
.home-redesign-help + .home-decor-quiz {
  margin-top: 40px
}
@media (min-width:576px) {
  .home-redesign-help + .home-decor-quiz {
    margin-top: 90px
  }
}
@media (max-width:991.98px) {
  .home-decor-quiz__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px
  }
}
@media (max-width:991.98px) and (min-width:1212px) {
  .home-decor-quiz__container {
    max-width: 1220px
  }
}
@media (max-width:991.98px) and (min-width:1441px) {
  .home-decor-quiz__container {
    max-width: 1440px
  }
}
@media (min-width:992px) {
  .home-decor-quiz__container {
    margin-right: 0;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 0
  }
}
@media (min-width:1441px) {
  .home-decor-quiz__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px
  }
}
@media (min-width:1441px) and (min-width:1212px) {
  .home-decor-quiz__container {
    max-width: 1220px
  }
}
@media (min-width:1441px) and (min-width:1441px) {
  .home-decor-quiz__container {
    max-width: 1440px
  }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
  .home-decor-quiz__container {
    max-width: -webkit-calc(100vw - 7.6%);
    max-width: -moz-calc(100vw - 7.6%);
    max-width: calc(100vw - 7.6%)
  }
}
@media screen and (min-width:1025px) and (max-width:1366px) {
  .home-decor-quiz__container {
    max-width: -webkit-calc(100vw - 3.05%);
    max-width: -moz-calc(100vw - 3.05%);
    max-width: calc(100vw - 3.05%)
  }
}
.home-decor-quiz__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}
@media (min-width:992px) {
  .home-decor-quiz__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
.home-decor-quiz__content {
  margin-bottom: 30px;
  width: 100%
}
@media (min-width:992px) {
  .home-decor-quiz__content {
    margin-bottom: 0;
    margin-right: 2%;
    padding: 60px 0;
    width: 38%
  }
}
.home-decor-quiz__subtitle {
  color: #26282b;
  display: none;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px
}
@media (min-width:992px) {
  .home-decor-quiz__subtitle {
    display: block;
    font-size: 20px;
    line-height: 30px
  }
}
.home-decor-quiz__title {
  color: #333;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  margin-bottom: 24px
}
@media (min-width:992px) {
  .home-decor-quiz__title {
    font-size: 48px;
    letter-spacing: 2px;
    line-height: 60px
  }
}
.home-decor-quiz__cta a {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px
}
@media (min-width:992px) {
  .home-decor-quiz__cta a {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px
  }
}
.home-decor-quiz__slider {
  position: relative;
  width: 100%
}
@media (min-width:992px) {
  .home-decor-quiz__slider {
    width: 60%
  }
}
.home-decor-quiz__slider .slick-slider {
  margin-bottom: 30px
}
@media (min-width:992px) {
  .home-decor-quiz__slider .slick-slider {
    margin-bottom: 25px
  }
}
@media (min-width:992px) {
  .home-decor-quiz__slider .slick-slide {
    margin: 0 10px;
    width: 480px
  }
}
.home-decor-quiz__slider-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (min-width:992px) {
  .home-decor-quiz__slider-navigation {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
.home-decor-quiz__slider-nav {
  background-color: #fdfeff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #26282b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px!important;
  width: 64px;
  z-index: 2;
  border: 1px solid #26282b
}
.home-decor-quiz__slider-nav.disabled {
  border-color: #9ea4aa;
  color: #9ea4aa;
  cursor: not-allowed
}
.home-decor-quiz__slider-nav [class^=icon] {
  margin-top: 0
}
.home-decor-quiz__slider-nav [class^=icon]::before {
  font-size: 24px
}
.home-decor-quiz__slider-nav.prev {
  margin-right: 17px
}
.home-decor-quiz .slick-track {
  padding: 60px 0 0
}
.page-our-designers .home-decor-quiz,
.page-our-designers-listing .home-decor-quiz,
.page-our-work .home-decor-quiz,
.page-search .home-decor-quiz,
.page-shop-sub-category .home-decor-quiz {
  padding-top: 60px;
  background: #f9fafb
}
@media (min-width:992px) {
  .page-search .home-decor-quiz {
    padding-top: 89px
  }
}
/*# sourceMappingURL=maps/home-decor-quiz.css.map */

.user-quiz-comment {
  background-color: #f4f2ed;
  padding: 74px 24px 40px;
  position: relative
}
.user-quiz-comment__pic {
  position: absolute;
  top: -56px;
  left: 24px;
  height: 112px;
  width: 112px
}
.user-quiz-comment .icon-quotes {
  margin-bottom: 5px
}
.user-quiz-comment .icon-quotes::before {
  color: #7345b2;
  font-size: 40px
}
@media (min-width:576px) {
  .user-quiz-comment .icon-quotes::before {
    font-size: 30px
  }
}
.user-quiz-comment__text {
  color: #26282b;
  font-family: BioRhyme;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 15px;
  overflow: hidden;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical
}
.user-quiz-comment__name {
  color: #26282b;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px
}
/*# sourceMappingURL=maps/user-quiz-comment.css.map */


.clients-say {
  position: relative;
   /* padding: 0 0 40px; */
  
}
@media (min-width:991px) {
  .clients-say {
    padding: 0 0 30px
  }
}

.clients-say .container {
  position: relative
}
.clients-say__title {
  color: #000;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  font-size: 32px;
  line-height: 1.27;
  margin-bottom: 24px
}
@media (min-width:576px) {
  .clients-say__title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 32px
  }
}
.clients-say__slider {
  margin-bottom: 35px
}
@media (min-width:576px) {
  .clients-say__slider {
    margin-bottom: 40px
  }
}
@media (min-width:992px) {
  .clients-say__slider {
    margin-bottom: 0
  }
}
.clients-say__slider-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 25px auto 0
}
@media (min-width:576px) {
  .clients-say__slider-navigation {
    margin: 32px auto 0
  }
}
.clients-say__slider-nav {
  background-color: #fdfeff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #26282b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px!important;
  width: 48px;
  z-index: 2;
  background-color: transparent;
  border: 1px solid #26282b
}
.clients-say__slider-nav.disabled {
  border-color: #9ea4aa;
  color: #9ea4aa;
  cursor: not-allowed
}
.clients-say__slider-nav [class^=icon] {
  margin-top: 1px
}
.clients-say__slider-nav [class^=icon]::before {
  font-size: 10px
}
.clients-say__slider-nav.prev {
  margin-right: 15px
}
.clients-say__slider .slick-list {
  /* padding: 0 25% 0 12px!important */
}
@media (min-width:576px) {
  .clients-say__slider .slick-list {
    /* padding: 0 10px 0!important */
  }
}
@media (min-width:1212px) {
  .clients-say__slider .slick-list {
    /* padding: 0 -webkit-calc((100vw - 1224px)/ 2) 0!important; */
    padding: 0 -moz-calc((100vw - 1224px)/ 2) 0!important;
    /* padding: 0 calc((100vw - 1224px)/ 2) 0!important */
  }
}
@media (min-width:1441px) {
  .clients-say__slider .slick-list {
    /* padding: 0 -webkit-calc((100vw - 1444px)/ 2) 0!important; */
    padding: 0 -moz-calc((100vw - 1444px)/ 2) 0!important;
    /* padding: 0 calc((100vw - 1444px)/ 2) 0!important */
  }
}
.clients-say__slider .slick-slide {
  margin: 0 8px
}
@media (min-width:576px) {
  .clients-say__slider .slick-slide {
    margin: 0 10px
  }
}
.clients-say__item--image {
  position: relative;
  overflow: hidden
}
.clients-say__item--image:after {
  content: ' ';
  display: block;
  width: 100%;
  padding-top: 75.36%
}
@media (min-width:576px) {
  .clients-say__item--image:after {
    padding-top: 67.37%
  }
}
.clients-say__item--image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover
}
.clients-say__item--size {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #26282b;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
  padding: 8px 12px
}
.clients-say__item--text {
  padding: 16px;
  padding-left: 0;
}
@media (min-width:576px) {
  .clients-say__item--text {
    padding: 24px;
    padding-left: 0;
  }
}
.clients-say__item--text--title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: #26282b
}
@media (min-width:576px) {
  .clients-say__item--text--title {
    font-size: 18px
  }
}
.clients-say__item--text--desc {
  font-size: 16px;
  line-height: 1.5;
  color: #454c53;
  margin-top: 8px
}
@media (min-width:576px) {
  .clients-say__item--text--desc {
    font-size: 18px
  }
}
.clients-say__item--text--designer {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: .05em;
  color: #000;
  margin-top: 8px
}
.clients-say__item--text--designer span {
  font-size: 24px;
  padding: 8px;
  vertical-align: middle;
  display: inline-block
}
.clients-say__item--text--designer a {
  color: #000;
  text-decoration: underline
}
/*# sourceMappingURL=maps/clients-say.css.map */
@media (min-width:992px) {
.client_say__slider-navigation {
    display: flex;
    justify-content: flex-end;
}
button.client_say__slider-nav.slick-disabled {
    opacity: 0.5;
}
button.client_say__slider-nav.prev {
    margin-right: 15px;
}
button.client_say__slider-nav {
    border: none;

    border-radius: 50%;
    color: #26282b;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 64px !important;
    width: 64px;
    z-index: 2;
    background-color: transparent;
    border: 1px solid #26282b;
    height: 48px !important;
    width: 48px !important;
}


.client_say__slider-navigation .slick-arrow.slick-hidden{
display:block
}
        }
@media (max-width:991px) {
.client_say__slider-navigation{
display:none;
}
}
.client_say__slider-navigation .slick-disabled {
  cursor: not-allowed;
}
.work-showcase {
  padding: 30px 0 0;

}
@media (min-width:992px) {
  .work-showcase {
    padding-top: 55px
  }
}
.work-showcase__headline {
  color: #333;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  margin-bottom: 16px
}
@media (min-width:992px) {
  .work-showcase__headline {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 48px;
    text-align: center
  }
}
.work-showcase__slider {
  position: relative
}
.work-showcase__slider::before {
  content: none
}
@media (min-width:992px) {
  .work-showcase__slider::before {
    background-color: #f1efe8;
    content: '';
    height: 582px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
  }
}
@media (min-width:992px) {
  .work-showcase__slider .slick-slider {
    margin-bottom: 80px;
    padding-bottom: 60px
  }
}
.work-showcase__slider .slick-track {
  background-color: #bbcdb5
}
@media (min-width:992px) {
  .work-showcase__slider .slick-track {
    background-color: initial
  }
}
.work-showcase__slider .slick-slide {
  padding: 10px 0 0;
  opacity: .6
}
@media (min-width:992px) {
  .work-showcase__slider .slick-slide {
    padding: 0 10px;
    position: relative
  }
}
.work-showcase__slider .slick-slide.slick-active {
  opacity: 1
}
.work-showcase__slider .slick-slide.slick-active .beer-slider[data-beer-label]::after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
.work-showcase__slider-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px 0
}
@media (min-width:992px) {
  .work-showcase__slider-navigation {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    position: absolute;
    top: 50%;
    right: -6%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
  }
  .slick-current.slick-active .work-showcase__slider-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}
.work-showcase__slider-nav {
  background-color: #fdfeff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #26282b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px!important;
  width: 64px;
  z-index: 2;
  border: 1px solid #26282b
}
.work-showcase__slider-nav.disabled {
  border-color: #9ea4aa;
  color: #9ea4aa;
  cursor: not-allowed
}
.work-showcase__slider-nav [class^=icon] {
  margin-top: 0
}
.work-showcase__slider-nav [class^=icon]::before {
  font-size: 24px
}
@media (min-width:992px) {
  .work-showcase__slider-nav {
    border: none
  }
}
.work-showcase__slider-nav.prev {
  margin-right: 12px
}
@media (min-width:992px) {
  .work-showcase__slider-nav.prev {
    margin-bottom: 12px;
    margin-right: 0
  }
}
.page-our-designers-listing .work-showcase__slider .slick-slider {
  margin-bottom: 20px
}
/*# sourceMappingURL=maps/work-showcase.css.map */
@media (max-width:991px) {
  .work-showcase {
    padding-bottom: 50px
  }
}
.work .beer-range:focus ~ .beer-handle {
  background: #26282b
}
.work .beer-handle {
  background: #26282b
}
.work .beer-handle::after,
.work .beer-handle::before {
  border-color: #fdfeff
}
.work .beer-slider {
  margin: 0 10px
}
.work .beer-slider[data-beer-label]::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  height: 40px;
  width: 40px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #63785c;
  color: #fdfeff;
  display: none
}
@media (max-width:575.98px) {
  .work .beer-slider[data-beer-label]::after {
    top: unset;
    bottom: 10px;
    right: 10px
  }
}
@media (min-width:576px) {
  .work .beer-slider[data-beer-label]::after {
    right: 1.5rem
  }
}
@media (min-width:576px) {
  .work .beer-slider[data-beer-label]::after {
    font-size: 14px;
    line-height: 20px;
    height: 56px;
    width: 56px
  }
}
@media (min-width:992px) {
  .work .beer-slider {
    margin: 0 0 20px
  }
}
.work .beer-reveal[data-beer-label]::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  height: 40px;
  width: 40px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fdfeff;
  color: #26282b
}
@media (max-width:575.98px) {
  .work .beer-reveal[data-beer-label]::after {
    top: unset;
    bottom: 10px;
    left: 10px
  }
}
@media (min-width:576px) {
  .work .beer-reveal[data-beer-label]::after {
    left: 1.5rem
  }
}
@media (min-width:576px) {
  .work .beer-reveal[data-beer-label]::after {
    font-size: 14px;
    line-height: 20px;
    height: 56px;
    width: 56px
  }
}
.work__details {
  background-color: #f1efe8;
  display: none;
  max-width: 100%
}
@media (min-width:992px) {
  .work__details {
    max-width: 1024px;
    min-height:170px;
  }
}
.slick-current.slick-active .work__details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media (min-width:992px) {
  .slick-current.slick-active .work__details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
.work__content {
  max-width: 100%;
  padding: 24px 24px 8px;
  position: relative;
  z-index: 1
}
@media (min-width:992px) {
  .work__content {
    max-width: 780px;
    padding: 0
  }
}
.work__title {
  color: #26282b;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 12px
}
@media (min-width:768px) {
  .work__title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 15px
  }
}
.work__comment {
  color: #454c53;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 12px
}
@media (min-width:768px) {
  .work__comment {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 16px
  }
}
.work__cta {
  margin-bottom: 8px;
  padding: 0 25px;
  position: relative;
  z-index: 1
}
@media (min-width:992px) {
  .work__cta {
    margin: 0;
    padding: 0
  }
}
@media (max-width:575.98px) {
  .work__cta a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border-color: transparent;
    color: #7345b2;
    padding-left: 0!important;
    padding-right: 0!important;
    font-size: 16px;
    line-height: 19px;
    padding: 12px 20px
  }
  .work__cta a [class^=icon-] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .work__cta a:hover {
    color: #472b6f
  }
  .work__cta a:focus {
    color: #7345b2
  }
  .work__cta a.disabled,
  .work__cta a:disabled,
  .work__cta a[disabled] {
    color: #9ea4aa;
    cursor: not-allowed
  }
  .work__cta a.disabled:focus,
  .work__cta a:disabled:focus,
  .work__cta a[disabled]:focus {
    outline: 0
  }
  .work__cta a.disabled [class^=icon-]::before,
  .work__cta a:disabled [class^=icon-]::before,
  .work__cta a[disabled] [class^=icon-]::before {
    color: inherit
  }
}
@media (max-width:991.98px) {
  .work__cta a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border-color: transparent;
    color: #7345b2;
    padding-left: 0!important;
    padding-right: 0!important;
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px
  }
  .work__cta a [class^=icon-] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .work__cta a:hover {
    color: #472b6f
  }
  .work__cta a:focus {
    color: #7345b2
  }
  .work__cta a.disabled,
  .work__cta a:disabled,
  .work__cta a[disabled] {
    color: #9ea4aa;
    cursor: not-allowed
  }
  .work__cta a.disabled:focus,
  .work__cta a:disabled:focus,
  .work__cta a[disabled]:focus {
    outline: 0
  }
  .work__cta a.disabled [class^=icon-]::before,
  .work__cta a:disabled [class^=icon-]::before,
  .work__cta a[disabled] [class^=icon-]::before {
    color: inherit
  }
}
@media (min-width:992px) {
  .work__cta a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #7345b2;
    border-color: #7345b2;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px
  }
  .work__cta a [class^=icon-] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .work__cta a:hover {
    background-color: #472b6f;
    border-color: #472b6f;
    color: #fff
  }
  .work__cta a:focus {
    background-color: #7345b2;
    border-color: #7345b2;
    color: #fdfeff
  }
  .work__cta a.disabled,
  .work__cta a:disabled,
  .work__cta a[disabled] {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    color: #a8aaaf;
    cursor: not-allowed
  }
  .work__cta a.disabled:focus,
  .work__cta a:disabled:focus,
  .work__cta a[disabled]:focus {
    outline: 0
  }
  .work__cta a.disabled [class^=icon-]::before,
  .work__cta a:disabled [class^=icon-]::before,
  .work__cta a[disabled] [class^=icon-]::before {
    color: inherit
  }
  .work__cta a [class^=icon-]::before {
    color: #fff
  }
}

[type=range]::-webkit-slider-thumb{
  -webkit-appearance: none !important;
  height: 48px;
  width: 80px;
  border-radius: 2px;
  display: block;
  }

.user {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}
.user li:not(:last-child) {
  margin-right: 25px
}
.user__pic {
  height: 40px;
  width: 40px
}
.user__name {
  color: #26282b;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.user__designation {
  color: #26282b;
  font-size: 14px;
  line-height: 20px
}
/*# sourceMappingURL=maps/user.css.map */


.designers-carousel {
  position: relative;
  background-color: #5a7851;
  padding: 32px 0 40px;
  margin: 56px 0
}
@media (min-width:576px) {
  .designers-carousel {
    padding: 56px 0 40px
  }
}
.hero-banner-carousel + .designers-carousel {
  margin-top: 0
}
.designers-carousel__bg {
  background-color: #f4f2ed;
  position: absolute;
  z-index: 0;
  left: 0
}
.designers-carousel.green-top .designers-carousel__bg {
  width: 100%;
  height: 50%;
  top: 0
}
.designers-carousel.green-bottom .designers-carousel__bg {
  width: 100%;
  height: 50%;
  bottom: 0
}
.designers-carousel .container {
  position: relative
}
.designers-carousel__cta {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px
}
@media (min-width:576px) and (orientation:landscape) {
  .designers-carousel__cta {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px
  }
}
@media (min-width:768px) and (orientation:portrait) {
  .designers-carousel__cta {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px
  }
}
.designers-carousel__cta.btn--link {
  color: #fdfeff
}
.green-bottom .designers-carousel__cta.btn--link {
  color: #7345b2
}
@media (min-width:992px) {
  .designers-carousel__cta.btn--link {
    display: none
  }
}
.designers-carousel__cta.btn--white-border {
  display: none;
  white-space: nowrap
}
@media (min-width:992px) {
  .designers-carousel__cta.btn--white-border {
    display: block
  }
}
.green-bottom .designers-carousel__cta.btn--white-border {
  color: #7345b2;
  border-color: #7345b2
}
.designers-carousel__row {
  margin-bottom: 18px
}
@media (min-width:992px) {
  .designers-carousel__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 56px
  }
}
.designers-carousel__row-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.designers-carousel__title {
  color: #fdfeff;
  font-family: BioRhyme;
  /* font-size: 22px; */
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 32px;
  font-size: 24px;
  /* line-height: 1.33; */
  margin-bottom: 0
}
@media (min-width:576px) {
  .designers-carousel__title {
    font-size: 22px;
    padding-right: 30px;
    line-height: 44px;
  }
}
.green-bottom .designers-carousel__title {
  /* color: #26282b; */
  color: #fdfeff;
}
.designers-carousel__slider {
  margin-bottom: 35px
}
@media (min-width:576px) {
  .designers-carousel__slider {
    margin-bottom: 40px
  }
}
@media (min-width:992px) {
  .designers-carousel__slider {
    margin-bottom: 0
  }
}
.designers-carousel__slider-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 25px auto 0
}
@media (min-width:576px) {
  .designers-carousel__slider-navigation {
    margin: 32px auto 0
  }
}
.designers-carousel__slider-nav {
  background-color: #fdfeff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #26282b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px!important;
  width: 48px;
  z-index: 2
}
.designers-carousel__slider-nav.disabled {
  border-color: #9ea4aa;
  color: #9ea4aa;
  cursor: not-allowed
}
.designers-carousel__slider-nav [class^=icon] {
  margin-top: -2px
}
.designers-carousel__slider-nav [class^=icon]::before {
  font-size: 10px
}
.green-top .designers-carousel__slider-nav {
  background-color: transparent;
  border: 1px solid #26282b
}
.designers-carousel__slider-nav.prev {
  margin-right: 15px
}
.designers-carousel__slider .slick-list {
  padding: 0 33% 0 0!important
}
@media (min-width:576px) {
  .designers-carousel__slider .slick-list {
    padding: 0 20px 0!important
  }
}
@media (min-width:1212px) {
  .designers-carousel__slider .slick-list {
    padding: 0 -webkit-calc((100vw - 1224px)/ 2) 0!important;
    padding: 0 -moz-calc((100vw - 1224px)/ 2) 0!important;
    padding: 0 calc((100vw - 1224px)/ 2) 0!important
  }
}
@media (min-width:1441px) {
  .designers-carousel__slider .slick-list {
    padding: 0 -webkit-calc((100vw - 1444px)/ 2) 0!important;
    padding: 0 -moz-calc((100vw - 1444px)/ 2) 0!important;
    padding: 0 calc((100vw - 1444px)/ 2) 0!important
  }
}
.designers-carousel__slider .slick-slide {
  margin: 0 20px
}
@media (min-width:576px) {
  .designers-carousel__slider .slick-slide {
    margin: 0 12px
  }
}
.designers-carousel__slider .slick-slide:nth-child(odd) {
  margin-top: 40px
}
@media (min-width:768px) {
  .designers-carousel__slider .slick-slide:nth-child(odd) {
    margin-top: 56px
  }
}
.designers-carousel__item--image {
  position: relative;
  overflow: hidden
}
.designers-carousel__item--image:after {
  content: ' ';
  display: block;
  width: 100%;
  padding-top: 120%
}
.designers-carousel__item--image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-position: center center;
  object-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: -o-transform .3s;
  -moz-transition: transform .3s,-moz-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s
}
.designers-carousel__item--text {
  margin-top: 16px
}
.designers-carousel__item--text--name {
  font-size: 24px;
  line-height: 1.2;
  color: #000;
  font-weight: 400;
  
}
@media (min-width:576px) {
  .designers-carousel__item--text--name {
    font-size: 30px;
    line-height: 36px;
  }
}
.green-bottom .designers-carousel__item--text--name {
  /* color: #fdfeff; */
  color: #000;
  line-height: 29px;
}
.designers-carousel__item--text--title {
  font-size: 18px;
  line-height: 28px;
  color: #7345b2;
  margin-top: 4px
}
.green-bottom .designers-carousel__item--text--title {
  color: #fdfeff
}
.designers-carousel__item:hover .designers-carousel__item--image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
/*# sourceMappingURL=maps/designers-carousel.css.map */

/* @font-face {
  font-style: normal;
  font-family: Inter;
  font-weight: 400;
  font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/inter/Inter-Regular.woff);
}

@font-face {
  font-style: normal;
  font-family: Inter;
  font-weight: 500;
font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/inter/Inter-Medium.woff);
}
@font-face {
  font-style: normal;
  font-family: Inter;
  font-weight: 600;
font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/inter/Inter-SemiBold.woff);
}
@font-face {
  font-style: normal;
  font-family: Inter;
  font-weight: 700;
font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/inter/Inter-Bold.woff);
}
@font-face {
  font-style: normal;
  font-family: Inter;
  font-weight: 800;
  font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/inter/Inter-ExtraBold.woff);
} */
.call-us-btn-wrapper{
  position: fixed;
  display: flex;
  align-items: center;
  bottom: 15px;
  right: 218px;
  box-shadow: 0 4px 4px #00000010;
  padding: 16px 35px 16px 25px;
  background-color: #41CC5F;
  border-radius: 50px;
  cursor: pointer;
  max-width: 133px;
  z-index: 9;
}
.call-us--icon{
  width: 16px;
  margin-right: 13px;
}
.call-us--text{
  color: #ffffff;
  font-size: 13px;
  font-family: Inter;
  font-weight: 500;
}

.call-us-popup-wrapper{
  display: none;
  position: fixed;
  z-index: 9;
  right: 70px;
  bottom: 75px;
  width: 269px;
  background-color: #ffffff;
  padding: 10px;
  padding: 32px 32px 39px 31px;
  border-radius: 5px;
  box-shadow: 0 4px 4px #00000025;
  text-align: center;
}
.call-us-popup--heading{
  font-size: 13px;
  font-family: Inter;
  font-weight: 800;
  color: #000000;
  margin-bottom: 18px;
  line-height: 16px;
}
.call-us-popup--num-heading{
  font-size: 10px;
  font-family: Inter;
  font-weight: 500;
  color:#1E1E1E;
  margin-bottom: 7px;
  line-height: 12px;
}
.call-us-popup--num{
  font-size: 20px;
  font-family: Inter;
  font-weight: 700;
  color: #41CC5F;
  line-height: 24px;
}
.call-us-popup-close{
  width: 10px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.ids-process-comp .cmp-contentfragment__element-value img {
  width: 165px;
  height: 165px;
}

.ids-process-comp .cmp-contentfragmentlist {
  display: flex;
  gap: 35px;
  justify-content: space-between;
  max-width: 1220px;
  margin: 34px auto;
}

.ids-process-comp dl dd {
  margin-left: 0;
}

.ids-process-comp .cmp-contentfragment__element--mainTitle dd {
  color: #323232;
  text-align: center;
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 28.6px;
  margin-bottom: 16px;
}

.ids-process-comp .cmp-contentfragment__element--description .cmp-contentfragment__element-value {
  color: #323232;
  text-align: center;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}

.ids-process-comp dl.cmp-contentfragment__elements {
  max-width: 186px;
}

.ids-process-comp article {
  position: relative;
}

.ids-process-comp article::before {
  position: absolute;
  right: -55%;
  top: 90px;
  z-index: -1;
}

.ids-process-comp article:nth-child(1)::before {
  content: url("../../../content/dam/asianpaintsbeautifulhomes/ap-beautiful-homes/emi--banner/process-1.png");
}

.ids-process-comp article:nth-child(2)::before {
  content: url("../../../content/dam/asianpaintsbeautifulhomes/ap-beautiful-homes/emi--banner/process-2.png");
}

.ids-process-comp article:nth-child(3)::before {
  content: url("../../../content/dam/asianpaintsbeautifulhomes/ap-beautiful-homes/emi--banner/process-3.png");
}

.ids-process-comp article:nth-child(4)::before {
  content: url("../../../content/dam/asianpaintsbeautifulhomes/ap-beautiful-homes/emi--banner/process-4.png");
}

@media (max-width: 992px) {
  .ids-process-comp .cmp-contentfragmentlist {
    padding: 20px;
    flex-direction: column;
    margin: 0;
    padding-top: 0;
  }

  .ids-process-comp article {
    min-height: 160px;
  }

  .ids-process-comp .cmp-contentfragment__element-value img {
    height: 120px;
    width: 120px;
  }

  .ids-process-comp dl.cmp-contentfragment__elements {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: max-content;
  }

  .ids-process-comp .cmp-contentfragment__element--visualImage {
    position: absolute;
    left: 0;
    margin-right: auto;
  }

  .ids-process-comp .cmp-contentfragment__element--mainTitle {
    max-width: 100%;
  }

  .ids-process-comp .cmp-contentfragment__element--mainTitle dd {
    max-width: calc(100% - 140px);
    margin-left: auto;
    text-align: left;
  }

  .ids-process-comp .cmp-contentfragment__element.cmp-contentfragment__element--description {
    max-width: calc(100% - 140px);
  }

  .ids-process-comp .cmp-contentfragment__element.cmp-contentfragment__element--mainTitle {
    width: 100%;
  }

  .ids-process-comp .cmp-contentfragment__element--description .cmp-contentfragment__element-value {
    text-align: left;
  }

  .ids-process-comp article::before {
    right: auto;
    left: -10px;
    top: 160px;
    transform: rotate(90deg);
  }
}
.ids-revamp-heading.simpleouter>div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 0 36px 0;
  width: 80%;
  margin: auto;
}
.commom-pt.ids-revamp-heading.simpleouter>div {
  padding-top: 0;
}
.ids-revamp-heading .heading:nth-child(1) h1 , .ids-revamp-heading .heading:nth-child(1) h2 , .ids-revamp-heading .heading:nth-child(1) h3 , .ids-revamp-heading .heading:nth-child(1) h4 , .ids-revamp-heading .heading:nth-child(1) h5 , .ids-revamp-heading .heading:nth-child(1) h6 {
  color:#323232;
  font-family: Lato;
  font-size: 26px;
  font-weight: 300;
  line-height: 42.9px;
  padding-right: 24px;
  margin-right: 24px;
  border-right: 1px solid #323232;
  padding-top: 0;
}

.ids-revamp-heading .heading:nth-child(2) h1 , .ids-revamp-heading .heading:nth-child(2) h2 , .ids-revamp-heading .heading:nth-child(2) h3 , .ids-revamp-heading .heading:nth-child(2) h4 , .ids-revamp-heading .heading:nth-child(2) h5 , .ids-revamp-heading .heading:nth-child(2) h6 {
  color: #323232;
  font-family: BioRhyme;
  font-size: 42px;
  font-weight: 700;
  line-height: 49.224px;
  padding-top: 0;
}
.ids-revamp-heading .heading:nth-child(2) h1 , .ids-revamp-heading .heading:nth-child(2) h2 {
  font-family: "Playfair Display", serif !important;
}

@media (max-width: 992px) {
  .ids-revamp-heading.simpleouter>div {
    flex-direction: column;
    text-align: center;
    width: 100%;
    padding: 60px 0px 36px;
  }

  .ids-revamp-heading .heading:nth-child(1) h1 , .ids-revamp-heading .heading:nth-child(1) h2 , .ids-revamp-heading .heading:nth-child(1) h3 , .ids-revamp-heading .heading:nth-child(1) h4 , .ids-revamp-heading .heading:nth-child(1) h5 , .ids-revamp-heading .heading:nth-child(1) h6 {
    color: #696969;
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 8px;
  }

  .ids-revamp-heading .heading:nth-child(2) h1 , .ids-revamp-heading .heading:nth-child(2) h2 , .ids-revamp-heading .heading:nth-child(2) h3 , .ids-revamp-heading .heading:nth-child(2) h4 , .ids-revamp-heading .heading:nth-child(2) h5 , .ids-revamp-heading .heading:nth-child(2) h6 {
    font-size: 26px;
    font-weight: 700;
    line-height: 33.8px;
  }
}

.easy-emi__section {
    max-width: 1063px;
    margin: 75px auto;
    width: 100%;
}

.easy-emi__section .cmp-teaser{
    display: flex;
    background-color: #F5F4F0;
    border-radius: 10px;
}
.easy-emi__section .cmp-image{
    height: 100%;
}

.easy-emi__section .cmp-teaser__image {
    flex: none;
    position: relative;
    width: 55%;
}
.sleek-kitchen-cal.easy-emi__section .cmp-teaser__image{
    width: 585px;
}

.easy-emi__section .cmp-image__image {
    height: 100%;
    object-fit: cover;
    border-radius: 10px 0px 0px 10px;
}

.easy-emi__section .cmp-teaser__content {
    padding: 50px 56px 38px;
}

.easy-emi__section .cmp-teaser__pretitle {
    color: #7345B2;
    font-family: BioRhyme;
    font-size: 36px;
    font-weight: 700;
    line-height: 117%;
    margin-bottom: 24px;
}

.easy-emi__section .cmp-teaser__title {
    display: block;
    color: #323232;
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;
    line-height: 156%;
    margin-bottom: 4px;
}

.easy-emi__section .cmp-teaser__description {
    color: #202020;
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 42px;
    max-width: 300px;
}

.easy-emi__section .cmp-teaser__action-link {
    display: block;
    color: #7345B2;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    border-radius: 30px;
    border: 1px solid #7345B2;
    padding: 12px 39px;
    width: max-content;
    cursor: pointer;
}

.easy-emi__section .extended-image{
    display: none;
}

/* Find your celebrity */
.find-ur-celebrity-section {
    margin: 150px auto;
}

.find-ur-celebrity-section .cmp-image__image {
    height: 358px;
}

.find-ur-celebrity-section .cmp-teaser__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 30px 20px 38px;
}

.find-ur-celebrity-section .cmp-teaser__title {
    color: #000;
    font-family: BioRhyme;
    font-size: 32px;
    font-weight: 700;
    line-height: 37.504px;
    text-transform: capitalize;
    margin-bottom: 30px;
    text-align: left;
}

.find-ur-celebrity-section .cmp-teaser__action-link {
    border-radius: 30px;
    background: #7345B2;
    padding: 12px 39px;
    color: #FFF;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
}

.find-ur-celebrity-section .cmp-teaser {
    background-color: #F5F4EF;
}

@media (max-width: 992px) {
    .easy-emi__section {
        margin: 50px 0px;
        padding: 0 20px;

    }

    .easy-emi__section .cmp-teaser {
        display: block;
    }

    .easy-emi__section .cmp-teaser__image {
        width: 100%;
    }
    .easy-emi__section .cmp-image__image {
        height: 279px;
        width: 100%;
        border-radius: 10px 10px 0px 0px;
        object-position: left;
    }

    .easy-emi__section .cmp-teaser__content {
        text-align: center;
        padding: 31px 53px 27px;
    }

    .easy-emi__section .cmp-teaser__pretitle {
        font-size: 22px;
        margin-bottom: 19px;
        line-height: 31px;
    }

    .easy-emi__section .cmp-teaser__title {
        color: #202020;
        font-size: 18px;
        margin-bottom: 9px;
        line-height: 24px;
    }

    .easy-emi__section .cmp-teaser__description {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 30px;
        max-width: 100%;
    }

    .easy-emi__section .cmp-teaser__action-link {
        margin: 0 auto;
    }

    .easy-emi__section .cmp-teaser__image {
        display: none;
    }
    
    .easy-emi__section .extended-image{
        display: block;
        position: relative;
        height: 310px;
        margin-left: -20px;
    }
    .sleek-kitchen-cal.easy-emi__section .extended-image{
        width: 335px;
        height: 286px;
    }
    
    .easy-emi__section .extended-image {
        right: -20px;
    }

    .easy-emi__section .extended-image img {
        height: 100%;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }

    .easy-emi_img-contain .extended-image {
        right: 0;
        margin-left: 0;
    }

    .find-ur-celebrity-section{
        margin: 30px 27px 50px 13px;
    }

    .find-ur-celebrity-section .cmp-teaser {
        border-radius: 0px;
    }

    .find-ur-celebrity-section .extended-image img {
        border-radius: 0px;
        height: 200px;
    }

    .find-ur-celebrity-section .cmp-image__image {
        border-radius: 0px;
        height: 200px;
    }
    
    .find-ur-celebrity-section .extended-image {
        height: 200px;
    }

    .find-ur-celebrity-section .cmp-teaser__content {
        padding: 29px 12px 30px 16px;
    }

    .find-ur-celebrity-section .cmp-teaser__title {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 17px;
        color: #323232;
    }

    .find-ur-celebrity-section .cmp-teaser__action-link {
        padding: 10.5px 28px;
        margin-left: 0;
    }
    
}
.ic {
  margin-top: 40px
}

.ic__details {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.ic__details-copy.paragraph h2{
  font-size: 24px;
  font-weight: 500;
  color: #323232;
  font-family: "Playfair Display", serif !important;
}
.ic__details-copy.paragraph h1{
   font-family: "Playfair Display", serif !important;
}
.sleek-kitchen-legacy.ic__details-copy.paragraph h1 , .sleek-kitchen-legacy.ic__details-copy.paragraph h2 , .sleek-kitchen-legacy.ic__details-copy.paragraph h3 , .sleek-kitchen-legacy.ic__details-copy.paragraph h4 , .sleek-kitchen-legacy.ic__details-copy.paragraph h5 , .sleek-kitchen-legacy.ic__details-copy.paragraph h6 {
  font-family: BioRhyme;
  font-size: 42px;
  font-weight: 700;
  line-height: 49px;
  color: #323232;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12{
  float: unset;
  width: unset;
}
@media (max-width:575.98px) {
  .ic__details {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.ic__details-copy {
  padding-bottom: 30px;
}
.sleek-kitchen-legacy.ic__details-copy{
  padding-top: 30px;
}
.commom-pt.sleek-kitchen-legacy.ic__details-copy{
  padding-top: 0;
}
@media (max-width:575.98px) {
  .ic__details-copy {
      padding-bottom: 30px;
  }
  .ic__details-copy.paragraph h2{
    font-size: 18px;
    font-weight: 500;
  
  }
  .sleek-kitchen-legacy.ic__details-copy.paragraph h1 , .sleek-kitchen-legacy.ic__details-copy.paragraph h2 , .sleek-kitchen-legacy.ic__details-copy.paragraph h3 , .sleek-kitchen-legacy.ic__details-copy.paragraph h4 , .sleek-kitchen-legacy.ic__details-copy.paragraph h5 , .sleek-kitchen-legacy.ic__details-copy.paragraph h6 {
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
  }
}
.paragraph.text ul,.paragraph.text ol {
  color: #26282b;
  font-family: Archivo;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}
.ic__details-copy h3{
    font-family: Archivo;
    font-size: 16px;
    font-weight: 600;
}
.ic__details-copy a{
    color: #0000EE;
}
.ic__details-copy p{
    color: #585858;
    font-family: Archivo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    @media screen and (max-width:767px){
      font-size: 12px !important;
    }
}
.ic__details-copy.where-the-heart p{
  font-family: Archivo;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #323232;
}
.sleek-kitchen-legacy.ic__details-copy p{
  font-family: Archivo;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color:#323232;
  padding: 20px 62px 0 62px;
}
@media (max-width:575.98px) {
  .ic__details-copy p,.paragraph.text ul,.paragraph.text ol {
      font-size: 16px;
      line-height: 24px
  }
  .sleek-kitchen-legacy.ic__details-copy p{
    padding: 12px 0 0 0;
  }
  .ic__details-copy.where-the-heart p{
    line-height: 130%;
  }
}

.ic__image-wrap {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  column-gap: 10px;
  /* margin-bottom: 3pc; */
  margin-bottom: 12px;
  align-items: flex-start;
}

@media (max-width:575.98px) {
  .ic__image-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.ic__image-wrap-imgbox {
  width: 49.33%;
  margin-bottom: 30px;
}

@media (max-width:575.98px) {
  .ic__image-wrap-imgbox {
      margin-bottom: 20px;
      width: 100%
  }
}
figcaption.ic__image-wrap-caption {
  color: #26282b;
  font-family: Archivo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 5px 0;
  text-align: center;
}
/* .ic__image-wrap-caption p {
  color: #26282b;
  font-family: Archivo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 5px 0;
  text-align:center; */
  /* min-height:75px; */
/* } */

@media (max-width:575.98px) {
  .ic__image-wrap-caption p {
      font-size: 14px; 
      line-height: 16px;
      /* min-height:75px; */
  }
}


/* asif changes */

@media (max-width:784px) {
.image.parbase{
padding-bottom:20px;
}

}
.image_content .ic__image-wrap-imgbox img{
  height: 639px;
  object-fit: cover;
}
@media only screen and (min-width: 575px) and (max-width: 784px){
  /* .image_content .ic__image-wrap-imgbox{
      height: 224px;
  } */
  .image_content .ic__image-wrap-imgbox img{
      height: 224px;
      object-fit: cover;
  }
    
  .ic__image-wrap{
      row-gap: 0;
      column-gap: 0;
      justify-content: space-between;
  }

}

@media (min-width:768px) {

  .responsivegrid .flexclass  {
  float: none !important;
  clear: none;
  width: 100%;
  max-width: 1020px;
  }
  .responsivegrid .flexclass.wthi-container-para{
    max-width: 831px;
  }
  .responsivegrid .flexclass.legacy-container{
    max-width: 1148px;
    width: 100%;
  }
  .responsivegrid .flexclass >.aem-Grid{
    display: flex !important;
    justify-content: space-between !important;
    
  }
  .responsivegrid .flexclass.legacy-container >.aem-Grid{
    display: flex !important;
    justify-content: space-between !important;
    
  }
  .responsivegrid .halfwidth {

      width: 50% !important;
  }
        .responsivegrid .halfwidth:first-child{
		margin-right:15px;
}
  .flexclass .ic__image-wrap-imgbox {
      width: 100%;
  }
}

@media (max-width:767px) {
.flexclass .ic__image-wrap-imgbox{
width:100%
}
}
.flexclass {
margin-right: auto !important;
margin-left: auto !important;
padding-left: 20px;
padding-right: 20px 
}
@media (min-width:1212px) {
.containerleftright.flexclass {
  max-width: 1220px
}
}
@media (min-width:1441px) {
.containerleftright.flexclass {
  max-width: 1440px
}
}

.containerleftright.content.flexclass {
max-width: 1020px
}

.paragraph.text ul{
  list-style-type: disc;
  padding-left: 20px;
}
.paragraph.text ul li{
  list-style: disc;
}
.paragraph.text ol li{
  list-style: decimal;
}
.paragraph.text ol{
  padding-left: 20px;
}

/* .paragraph.text table td {
  padding: 10px;
} */
@media (max-width:576px) {
.ic__image-wrap {
margin-bottom: 5px;
 }
}


.article-section-float {
  float: left;
  margin-left: 16.5%;
  max-width: calc(64% - 16.5%);
}

.article-section-float .container.content {
  margin-right: 98px;
}

.article-section-float .tb {
  margin-top: 52px;
}

.article-section-float .tb__brief p {
  font-weight: 700;
}

.article-section-float .tb__brief {
  margin: 52px 0 40px 0;
}

@media (max-width: 991px) {
  .article-section-float {
    float: none;
    margin: 78px 14px 40px 18px;
    max-width: 100%;
  }

  .article-section-float .container.content {
    margin-right: 0px;
    padding: 0;
  }

  .article-section-float .tb__brief p {
    font-size: 18px;
    line-height: 28px;
  }

  .article-section-float .tb__brief {
    margin-bottom: 15px;
  }

  .article-section-float .ic__details-copy p {
    font-size: 18px;
    line-height: 28px;
  }
}

.paragraph.text.ic__details-copy.font-archivo,
.paragraph.text.ic__details-copy.font-archivo * {
  font-family: 'Archivo', sans-serif;
}
@media (max-width: 767px) {
  table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    font-size: 12px;
  }

  table td {
    padding: 6px 4px;
  }
 .ic__details-copy h3{
font-weight: 700;
  }
}
.faq {
  margin: 40px 0
}
@media (min-width:992px) {
  .faq {
    margin: 83px 0 97px
  }
}
.faq .container {
  display: block
}
@media (min-width:992px) {
  .faq .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-basis: 100%;
  }
}
.faq__title {
  font-family: BioRhyme;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: 2px;
  color: #333;
  margin-bottom: 28px
}
@media (min-width:576px) {
  .faq__title {
    font-size: 48px
  }
}
.faq__desc {
  font-size: 16px;
  line-height: 1.25;
  color: #454c53;
  margin-bottom: 28px
}
@media (min-width:576px) {
  .faq__desc {
    font-size: 18px;
    line-height: 1.5
  }
}
.faq__cta a {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px
}
@media (min-width:992px) {
  .faq__cta a {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px
  }
}
.faq__left {
  width: 100%;
  padding-bottom: 24px
}
@media (min-width:992px) {
  .faq__left {
    width: 45%;
    padding-right: 60px;
    padding-bottom: 0
  }
}
.faq__right {
  width: 100%;
  background-color: #f1efe8
}
@media (min-width:992px) {
  .faq__right {
    width: 55%
  }
}
.faq__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.faq__row {
  border-bottom: 1px solid #7345b2
}
.faq__coll {
  padding: 0 25px 17px
}
.faq__coll.collapse {
  display: none
}
.faq__coll-title {
  color: #454c53;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 25px 24px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  cursor: pointer;
}
.faq__coll-title.active {
  color: #7345b2
}
.faq__coll-title button {
  font-size: 24px;
  line-height: 21px
}
.faq__coll-item {
  font-size: 18px;
  line-height: 1.56;
  color: #454c53
}
.faq button {
  -webkit-appearance: none;
  border: none;
  background: 0 0;
  color: #7345b2;
  cursor: pointer
}


.faq__coll-item ul{
  color: #26282b;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}
@media (max-width:576px) {
  .faq__coll-item ul{
   
      font-size: 16px;
      
      line-height: 24px
  }
}
.faq__coll-item ul {
  list-style: disc;
  padding-left: 20px;
}

/*# sourceMappingURL=maps/faq.css.map */