.swiperGrid {
    width: 100%;
    height: 100%;
    position:relative;
  }

  .swiperGrid .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height:400px;
  }

  .swiperGrid .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .conforn {
      width:100%;
      display:flex;
      justify-content:space-between;
      align-items:stretch;
      flex-flow:wrap;
      overflow:hidden;
  }

  /* style for conforn_div1 */
  .conforn_div1 {
      display:flex;
      width:100%!important;
      max-height: 330px;
  }
  .swiperConforn_1 {
      width:100%!important;
  }
  .petra {
      font-size: 21px!important;
      padding:25px;
      text-align: left!important;
      position:absolute;
      width:100%;
      height:100%;
      background-color:rgba(0,0,0, 0.45);
      z-index:2;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      color:#f5f5f5;
      font-weight: 500;
      align-items:flex-start;
  }

  .petraEdited {
    background-color: unset!important;
    background-image:linear-gradient(to left, rgba(255, 255, 255, 0), #0000005c 55%);
  }


  /* style for conforn_div2 */
  .conforn_div2 {
      width:49%;
      display:flex;
      flex-flow:wrap-reverse;
      justify-content:space-between;
      position:relative;
      padding:3px;
  }
  .swiperConforn_2 {
      width:100%!important;
      background-image: 
      linear-gradient(to top,#c9d1e0, #ecf1f0 55%);
      height:160px;
      box-shadow: rgb(201 160 130) 0px 2px 8px 0px;
  }
  .swiperConforn_2 .swiper-slide {
      font-family: "Kalam", cursive!important;
      font-size:28px!important;
      line-height: 1.15em!important;
      text-align: center!important;
      color:#444444;
      font-weight: 600;
  }
  .swiperConforn_3 {
    width: 100%!important;
    height: 160px;
    background-color: white;
    padding: 5px!important;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  }
  /* style for conforn_div3 */
  .conforn_div3 {
      width:49%;
      display:flex;
      flex-flow:wrap;
      justify-content:space-between;
      padding:3px;
  }
  .swiperConforn_4 {
      width:100%!important;
      height:160px;
      background-image: linear-gradient(rgb(201 160 130 / 10%), rgb(236 241 240));
      box-shadow: rgb(201 160 130) 0px 2px 8px 0px;
      margin:10px 0 15px;
  } 
  .swiperConforn_4 .swiper-slide {
      text-align:left!important;
      justify-content:flex-start;
      align-items:flex-start;
      font-size:15px;
      padding:20px;
      line-height:1.65;
      position:relative;
      color:rgb(68, 68, 68);
  }

  .swiperConforn_5 {
      height:160px;
      width:100%!important;
      box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;  
  }


.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
  width: fit-content!important;
  right: 20px!important;
  left: unset!important;
  background: #fff;
  border-radius: 4px;
  padding-left :5px;
  padding-right:5px;
  opacity:1;
  margin-bottom:15px;
}

.swiper-pagination-bullet {
  background-color: #A1CEC3;
  opacity:1;
}

.swiper-pagination-bullet-active {
  background: #c85f45!important;
  opacity:1;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-button-prev:after {
  font-size: 28px;
  width:  35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.swiper-button-next, .swiper-button-prev {
    width:35px;
}




.sahbi {
  font-size: inherit;
  padding-left:8px;
  color:#C9A082;
}



.typedAbout {
  color:#c85f45!important;
}

.typedSpan {
  font-size: inherit!important;
  color:inherit!important;
  font-weight:700!important;
}


.swiperConforn_5 .swiper-pagination {
  margin-bottom: 0;
}