.headerherodemoseven{
  position: relative;
  background: #252525;
  width: 100%;
  height: 750px;
background-position: bottom center;
background-repeat: no-repeat;
}
.boximageheroseven img{
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.overlaytextdemoseven{
  position: absolute;
width: 51%;
right: 20px;
top: 30%;
text-align: right;
}
.overlaytextdemoseven h6{
  color: #fff;
  font-weight: 700;
  color: #FED813;
  font-size: 16px;
  margin-bottom: 20px;
}
.overlaytextdemoseven h1{
  font-size: 60px;
font-weight: 900;
line-height: 85px;
color: #FFFFFFCC;
}
.overlaytextdemoseven span{
  text-align: right;
font-size: 15px;
font-weight: 500;
line-height: 25px;
color: #FFFFFF94;
margin-bottom: 20px;
display: block;
}
.linkmoshaverehdemoseven i{
  vertical-align: middle;
}
.linkmoshaverehdemoseven a{
  margin-left: 20px;
  display: inline-block;
  padding: 14px 16px 14px 16px;
background-color: #B69D74 !important;
    font-size: 13px;
    color: #fff;
    border-radius: 15px;
    transition: all 0.4s ease;
}
.linkmoshaverehdemoseven a:hover{
  background-color: #A28555 !important;
}
a.linkmoshaverehdemosevenone{
  border: 1px solid #B69D74;
  background: none !important;
  color: #B69D74;
}
a.linkmoshaverehdemosevenone:hover{
  background: none !important;
}
.overlaytextdemoseventwo{
  position: absolute;
width: 49%;
left: 20px;
top: 2%;
}
.imageoverlaytextdemoseventwo{
  width: 505px;
  height: 665px;
  overflow: hidden;
}
.imageoverlaytextdemoseventwo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.linkbottomheaderherodemoseven img{
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.imagebackgroundsection{
  position: relative;
  z-index: 2;
  right: 8%;
}
.imagebackgroundsection::before{
  content: "";
position: absolute;
z-index: -1;
right: -10%;
bottom: -6.67%;
border: 15px solid #b69d74;
width: 63%;
height: 89.886%;
border: 15px solid #b69d74;
border-radius: 51px;
box-shadow: 0px 18px 50px rgb(0 0 0 / 15%);
}
.imagebackgroundsection::after{
  content: "";
position: absolute;
z-index: -1;
border: 15px solid #b69d74;
width: 63%;
height: 89.886%;
border: 15px solid #b69d74;
border-radius: 51px;
box-shadow: 0px 18px 50px rgb(0 0 0 / 15%);
top: -8.966%;
left: 10%;
}
.imagebackgroundsection .shape {
  width: 376px;
height: 339px;
background-image: url(./../img/132.png);
transform: translate(153px, -95px);
z-index: -1;
right: 10%;
position: absolute;
}
.imagebackgroundsection img{
  border-radius: 57px 57px 57px 57px;
  border: 7px solid rgba(255, 255, 255, 0.5);
box-shadow: 0px 18px 50px rgb(0 0 0 / 15%);
border-radius: 57px;
}
.trusttextboxdemoseven h6{
  line-height: 51px;
          font-size: 32px;
          font-weight: 800;
          color: #b69d74;
}
.trusttextboxdemoseven h2{
  color: rgba(73, 73, 73, 0.8);
  line-height: 62px;
      font-size: 40px;
      font-weight: 900;
}
.trusttextboxdemoseven span{
  line-height: 28px;
margin-bottom: 19px;
display: block;
margin-top: 12px;
color: rgba(73, 73, 73, 0.6);
font-size: 12px;
font-weight: 600;
}
.trusttextboxdemoseven small{
  color: #b69d74;
  font-size: 20px;
font-weight: 400;
line-height: 55px;
margin-bottom: 20px;
display: block;
}
a.linktrusttextboxdemosevenone{
  padding: 14px 18px 14px 18px;
border-radius: 10px 10px 10px 10px;
box-shadow: 0px 16px 18px -1px rgb(182 157 116 / 15%);
background-color: #a28555;
color: #fff;
margin-left: 12px;
font-size: 12px;
line-height: 18px;
}
a.linktrusttextboxdemosevenone i{
  vertical-align: middle;
}
a.linktrusttextboxdemoseventwo{
  padding: 14px 18px 14px 18px;
border-radius: 10px 10px 10px 10px;
box-shadow: none;
text-decoration: none;
border: 1px solid #b69d74;
font-size: 12px;
line-height: 18px;
    color: #b69d74;
    transition: all 0.4s ease;
}
a.linktrusttextboxdemoseventwo:hover{
  background: #b69d74;
  color: #fff;
}
a.linktrusttextboxdemoseventwo i{
  vertical-align: middle;
}
.textwhydemoseven{
  text-align: center;
}
.textwhydemoseven h5{
  color: #B69D74;
      font-weight: 700;
      font-size: 22px;
      margin-bottom: 10px;
}
.textwhydemoseven h1{
  font-size: 45px;
font-weight: 600;
color: #494949CF;
}
.textwhydemoseven span{
  text-align: center;
  display: block;
font-size: 14px;
font-weight: 400;
line-height: 37px;
color: #919191;
margin-bottom: 40px;
}
.whydemosevenbox{
  position: relative;
  z-index: 2;
  padding: 21px 0 125px;

}
.whydemosevenbox::before{
  content: "";
  left: 50%;
transform: translateX(-50%);
border-radius: 50px;
background-image: linear-gradient(180deg, #494949 0%, rgba(73, 73, 73, 0.345608) 59.09%, rgba(73, 73, 73, 0) 100%);
width: 108px;
height: 100%;
z-index: -1;
position: absolute;
top: 0;
}
.whydemosevenbox h4{
}
.whydemosevenbox i{
  font-size: 23px;
line-height: 42px;
    color: #fff!important;
}
.whydemosevenbox span{
  color: #fff;
  direction: rtl;
      font-weight: 900;
      font-size: 16px;
}
.whydemosevenbox small{
  color: rgba(255, 255, 255, 0.6);
  direction: rtl;
      font-weight: 900;
      font-size: 16px;
}
h3.contentwhyboxdemoseven{
  box-shadow: 0px 40px 100px rgb(73 73 73 / 5%);
margin-top: 7px;
padding: 33px 20px 36px;
line-height: 32px;
font-size: 12px;
color: rgba(73, 73, 73, 0.6);
text-align: center;
}

.whydemosevenboxtwo{
  position: relative;
  z-index: 2;
  padding: 21px 0 125px;

}
.whydemosevenboxtwo::before{
  content: "";
  left: 50%;
transform: translateX(-50%);
border-radius: 50px;
background-image: linear-gradient(180deg, #b69d74 0%, rgba(182, 157, 116, 0.345608) 59.09%, rgba(182, 157, 116, 0) 100%);
width: 108px;
height: 100%;
z-index: -1;
position: absolute;
top: 0;
}
.whydemosevenboxtwo h4{
}
.whydemosevenboxtwo i{
  font-size: 23px;
line-height: 42px;
    color: #fff!important;
}
.whydemosevenboxtwo span{
  color: #fff;
  direction: rtl;
      font-weight: 900;
      font-size: 16px;
}
.whydemosevenboxtwo small{
  color: rgba(255, 255, 255, 0.6);
  direction: rtl;
      font-weight: 900;
      font-size: 16px;
}

.textservicedemoseven h5{
  color: #B69D74;
      font-weight: 700;
      font-size: 22px;
      margin-bottom: 10px;
      text-align: center;
      margin-bottom: 12px;
}
.textservicedemoseven h1{
text-align: center;
font-size: 45px;
font-weight: 600;
color: #494949CF;
}
.textservicedemoseven span{
  text-align: center;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 37px;
color: #919191;
margin-bottom: 40px;
}
.serviceboxdemoseven{
  position: relative;
  padding: 30px 32px 25px 24px !important;
border-radius: 37px 37px 37px 37px;
z-index: 2;
background-color: #fff;
box-shadow: 0px 35px 50px rgb(0 0 0 / 2%);
}
.fonticonboxdemoseven{
  position: relative;
}
.fonticonboxdemoseven::before{
  content: "";
  position: absolute;
  top: 10px;
  width: 50px;
  height: 50px;
  background: #B69D74;
  z-index: -2;
  border-radius: 25px;
  width: 50px;
height: 50px;
}
.fonticonboxdemoseven i{
  position: absolute;
top: 24px;
z-index: 1;
 background-color: #B69D7452;
border-radius: 23px;
-webkit-backdrop-filter: blur(8.5px);
backdrop-filter: blur(8.5px);
width: 50px;
height: 50px;
padding: 16px;
border-radius: 25px;
right: -14px;
color: #fff;
}
.fonticonboxdemoseven i::after{
}
.textserviceboxdemoseven{
      padding-right: 65px;
}
.textserviceboxdemoseven h3{
  color: rgba(73, 73, 73, 0.7);
  font-size: 16px;
  line-height: 25px;
      font-weight: 800;
}
.textserviceboxdemoseven span{
overflow: hidden;
height: 63px;
font-size: 12px;
line-height: 28px;
display: inline-block;
}
.linktextserviceboxdemoseven{
  margin-top: 16px;
      color: #000;
      font-size: 12px;
line-height: 18px;
font-weight: 500;
}
.linktextserviceboxdemoseven i{
  float: left;
  font-size: 20px;
}
.buttomlinkmoreserviceboxdemoseven{
  margin: 40px;
  text-align: center;
}
.buttomlinkmoreserviceboxdemoseven a{
  font-size: 14px;
line-height: 22px;
font-weight: 600;
    color: rgba(73, 73, 73, 0.6);
    transition: all 0.4s ease;
}
.buttomlinkmoreserviceboxdemoseven a:hover{
  color: #fcb712;
}
.buttomlinkmoreserviceboxdemoseven i{
  vertical-align: middle;
}
.textcustomercommentdemoseven{
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
.textcustomercommentdemoseven h5{
      color: #b69d74;
          line-height: 56px;
              font-size: 32px;
              font-weight: 400;
                  margin-bottom: 12px;
}
.textcustomercommentdemoseven h1{
      line-height: 77px;
          color: rgba(73, 73, 73, 0.8);
              font-size: 50px;
              font-weight: 800;
}
.textcustomercommentdemoseven span{
  text-align: center;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 37px;
color: #919191;
margin-bottom: 40px;
}
.sliderboxcustomercommentdemoseven{
  position: relative;
}
.boxcustomercommentdemosevenone{
  font-size: 17px;
font-weight: 300;
letter-spacing: 0px;
padding: 49px 80px 49px 80px !important;
border-radius: 80px 80px 80px 0px;
    background-color: #b69d74;
          color: rgba(255, 255, 255, 0.8);
          text-align: center;
          line-height: 29px;
}
.boxcustomercommentdemoseventwo{
  padding: 18px 33px 25px 35px !important;
border-radius: 0px 0px 50px 50px;
    box-shadow: 0px 27px 50px rgb(0 0 0 / 5%);
        margin: 0 98px 0 32px;
        background-color: #fff;
        display: flex;
}
.boxcustomercommentdemoseventwo img{
  width: 53px;
  height: 53px;
  object-fit: cover;
  margin-left: 10px;
}
.nameboxcustomercommentdemoseventwo{
  margin-top: 3px;
}
.nameboxcustomercommentdemoseventwo span{
  display: block;
      color: rgba(73, 73, 73, 0.8);
      font-size: 14px;
          line-height: 22px;
          font-weight: 900;
}
.nameboxcustomercommentdemoseventwo small{
      color: rgba(73, 73, 73, 0.5);
      font-size: 12px;
          line-height: 18px;
              font-weight: 600;
}
.slider15 .slick-slide {
  padding: 20px !important;
}

.next33333 {
  position: absolute;
display: flex;
z-index: 9;
background-color: #fff;
text-align: center;
transition: 0.3s;
font-size: 20px;
align-items: center;
justify-content: center;
color: #595b76;
transform: translateY(50%);
bottom: -16%;
left: 0px;
right: 0px;
margin: 0 auto;
border-radius: 19px;
box-shadow: 0px 40px 50px rgb(0 0 0 / 10%);
width: 59px;
height: 59px;
}

.next33333 i{
  padding: 4px 0 0 0;
}
.prev33333 i{
  padding: 4px 0 0 0;
}

.prev33333{
  position: absolute;
display: flex;
z-index: 9;
background-color: #fff;
text-align: center;
transition: 0.3s;
font-size: 20px;
align-items: center;
justify-content: center;
color: #595b76;
transform: translateY(50%);
bottom: -16%;
left: 42%;
border-radius: 19px;
box-shadow: 0px 40px 50px rgb(0 0 0 / 10%);
width: 59px;
height: 59px;
}
.next33333:hover, .prev33333:hover {
    color: #000;
    background-color: #FED813;
    cursor: pointer;
}
.boxoriginalblogdemoseven{
  position: relative;
}
.lineboxoriginalblogdemosevenone{
  top: 35px;
      background-color: rgba(73, 73, 73, 0.5);
width: 70%;
height: 1px;
left: 0;
position: absolute;
}
.lineboxoriginalblogdemoseventwo{
  top: 70px;
      background-color: rgba(182, 157, 116, 0.5);
width: 70%;
height: 1px;
right: 0;
position: absolute;
}
.sectiononeblogboxdemoseven h5{
      color: #b69d74;
          line-height: 58px;
              font-size: 32px;
              font-weight: 800;
}
.sectiononeblogboxdemoseven h3{
  line-height: 63px;
margin-bottom: 13px;
    color: rgba(73, 73, 73, 0.8);
        font-size: 40px;
        font-weight: 900;
}
.sectiononeblogboxdemoseven span{
  display: block;
  line-height: 28px;
margin-bottom: 35px;
color: rgba(73, 73, 73, 0.6);
font-size: 13px;
    font-weight: 600;
}
.listcategoryblogdemoseven ul{
  padding: 0;
  list-style: none;
}
.listcategoryblogdemoseven ul li{
  padding-bottom: 35px;
}
.listcategoryblogdemoseven ul li a{
      color: #b69d74;
      font-size: 14px;
line-height: 18px;
font-weight: 800;
transition: all 0.4s ease;
}
.listcategoryblogdemoseven ul li a:hover{
  color: #000;
}
.listcategoryblogdemoseven ul li a i{
  vertical-align: middle;
  font-size: 20px;
line-height: 18px;
font-weight: 800;
}

.linkblogdemosevenbox a:hover{
  box-shadow: 0px 16px 18px -1px rgb(182 157 116 / 15%);
  background-color: #a28555;
color: #fff;
}
.linkblogdemosevenbox a{
  font-size: 14px;
line-height: 18px;
    color: #fff;
    padding: 15px 18px;
    background-color: #b69d74;
    width: fit-content;
            border-radius: 10px;
            transition: all 0.4s ease;
            display: block;
}
.linkblogdemosevenbox a i{
  vertical-align: middle;
}
.contentboxblogdemoseven{
  position: relative;
  display: inline-flex;
  margin-bottom: 35px;
}
.imagecontentboxblogdemoseven{
  width: 130px;
  height: 130px;
  overflow: hidden;
  padding: 5px;
  background-image: linear-gradient(0deg, rgba(182, 157, 116, 0.5), rgba(182, 157, 116, 0.5));
  border-radius: 15px;
}
.imagecontentboxblogdemoseven img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  unset:0;
  border-radius: 15px;
}
.detailcontentblogdemoseven{
  padding-right: 15px;
}
.detailcontentblogdemoseven h2{
      font-size: 23px;
          font-weight: 900;
          line-height: 36px;
}
.detailcontentblogdemoseven h2 a{
        color: rgba(73, 73, 73, 0.8);
}
.deccontentboxblogdemoseven{
  height: 66px;
  overflow: hidden;
}
.deccontentboxblogdemoseven p{
  text-align: justify;
  line-height: 22px;
    color: rgba(73, 73, 73, 0.7);
    font-size: 14px;
        font-weight: 600;
}

@media (max-width: 1360px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .overlaytextdemoseven{
    width: 46%;
  }
}
@media (max-width: 1199px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .imagebackgroundsection{
    right: -11%;
  }
  .imagebackgroundsection::after{
        left: -10%;
  }
  .headerherodemoseven{
    height: 900px;
  }
  .overlaytextdemoseventwo{
    top: 12%;
  }
}
@media (max-width: 992px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .overlaytextdemoseven{
    width: 49%;
  }
}
@media (max-width: 991px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .imagebackgroundsection{
    right: 0;
  left: 0px;
  margin: 0 auto;
  display: table;
  }
  .trusttextboxdemoseven{
    margin-top: 80px;
  }
  .whydemosevenbox{
    margin-bottom: 50px;
  }
  .serviceboxdemoseven{
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .overlaytextdemoseven{
    width: 100%;
    top: 50%;
  }
  .headerherodemoseven{
    height: 1500px;
  }
  .overlaytextdemoseventwo {
    position: absolute;
    width: 100%;
    top: 2%;
    right: 18%;
    margin: 0 auto;
}
}

@media (max-width: 576px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .overlaytextdemoseven {
      position: absolute;
      width: 100%;
      top: 49%;
      text-align: center;
      right: 0px;
      left: 0px;
      margin: 0 auto;
      padding: 0 25px;
    }
    .overlaytextdemoseventwo{
      right: 4%;
    }
    .headerherodemoseven{
      height: 1700px;
    }
}