.modal-body-cls {
    display:none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: #2E2C2C;
  z-index: 33;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
}

.modal-second-half-div-cls{
    background-color:#fff;
    height:100vh;
}

.modal-image-div-cls {
    /*background-image: url('images/roller-blinds-page/demo490x490.webp');*/
    
    margin: auto;
    background-size: auto;
    height: 100vh;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-size: contain;

}

.previous-btn-cls {
  top: 50%;
  margin-top: 50vh;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  border: none;
  font-size: 33px;
  margin-left: 8px;
}

.next-btn-cls {
    float:right;
  top: 50%;
  margin-top: 50vh;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  border: none;
  font-size: 33px;
  margin-right: 8px;
}
.close-btn-cls {
    float:right;
  top: 2%;
  margin-top: 1vh;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(46,44,44,.7);
  color: #fff;
  border: none;
  font-size: 33px;
  margin-right: 8px;
}

.farbric-icon-sample {
  margin-top: 15px;
  border: none;
  border-radius: 5px;
 
}

.fabric-icon-div {
  background-color: #DEE3E8;
}

.fabric-sample-img {
    width:100%;
    border-radius: 5px;
}
.book-appointment-btn-cls, .know-more-btn-cls {
  text-align: center;
  margin: auto;
  padding: 10px 30px;;
  position: relative;
  border: 2px solid #000;
  background-color: #fff;
  display: table;
  color:#000;
  text-transform:uppercase;
  margin-bottom:10px;
}


.know-more-btn-cls:hover {
  background-color: #ea0560;
  color: #fff;
  border-color: transparent;
}

.appointment-stripe-cls {
  background-color: #912C5E;
  color: #fff;
  padding: 43px 0px;
}

.appointment-title {
  font-size: 28px;
  text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}

.content-p-cls {
  padding: 20px 0px;
}

.overlay-image {
  cursor:pointer;
  width: 98%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  position: absolute;
  z-index: 2;
  top: 0;
  display: none;
  justify-content: center;
  align-items: center;
}

.view-btn-class {
    cursor:pointer;
  vertical-align: middle;
  /*margin-top: 50%;*/
  display: inline;
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
  padding: 20px;
  font-weight: bold;
}

.book-appointment-section-cls {
  background-color: #EFF2F4;
  padding: 30px 0px;
}

.appointment-book-box {
  background-color: #EA0560;
  color: #fff;
  display: table-cell;
    padding: 18px 30px;

}

.appointment-specialist-box {
  background-color: #fff;
  min-height: 437px;
  /*display: table-cell;*/
  padding: 35px;

}

.fortyfive-min-image-cls {
  float: left;
  margin-right: 15px;
}

.book-appointment-btn-cls:hover{
    background-color : #5C6167;
     color: #fff;
      border-color:#5C6167;
}

.farbric-icon-sample p {
  font-size: 14px;
  color: #000;
}


.picture-appointment-fom {
  margin-top: 20px;
  text-align: center;
}
.search-term{
    margin-right:10px;
}
.search-btn, .reset-btn {
  width: auto;
  padding: 3px 20px;
  background-color: transparent;
  border: 1px solid #000;
  margin-right: 10px;
}

.search-btn:hover, .reset-btn:hover {
  background-color: #ea0560;
  color: #fff;
  border-color: transparent;
}

#modal-title-id {
  margin-bottom: 38px;
}

.why-div {
  border: 2px solid #e5e5e5;
  display: block;
  overflow: hidden;
  padding: 11px 20px 11px 14px;
  margin-bottom: 20px;
  margin-top: 20px;
  background: #fff;
}
.tick-img {
  width: 50px !important;
}


.horizontal-border-cls {
  border: 1px solid #b3c2cc;
  text-align: center;
  padding: 10px 10px;
  margin: 10px auto;
  width: fit-content;
  background-color: #fff;
}

.im-product-block {
  border: 1px solid #b3c2cc;
  margin: 16px;
  padding: 0 !important;
  text-align: center;
}

.product-img {
  margin-top: 15px;
  min-width: 155px !important;
}
.im-product-block a{
    color:#000000;
}