/*RTL CSS*/

.header-logo {
  border-radius: 10px 10px 10px 60px;
  z-index: 9999;
  padding: 50px 10px 50px 36px !important;
  clip-path: polygon(8.197% 0%, 91.803% 0%, 91.803% 0%, 92.123% 0.01%, 92.442% 0.04%, 92.761% 0.091%, 93.079% 0.161%, 93.397% 0.252%, 93.712% 0.362%, 94.027% 0.493%, 94.34% 0.644%, 94.65% 0.815%, 94.959% 1.007%, 94.959% 1.007%, 95.252% 1.218%, 95.539% 1.449%, 95.82% 1.7%, 96.095% 1.969%, 96.363% 2.257%, 96.623% 5.563%, 96.876% 2.886%, 97.12% 3.227%, 97.356% 3.585%, 97.582% 3.96%, 97.582% 3.96%, 97.811% 4.33%, 98.029% 4.716%, 98.237% 5.116%, 98.435% 5.53%, 98.622% 5.956%, 98.798% 6.395%, 98.962% 6.845%, 99.115% 7.306%, 99.256% 7.776%, 99.385% 8.255%, 99.385% 8.255%, 99.502% 8.76%, 99.607% 9.269%, 99.699% 9.781%, 99.779% 10.296%, 99.846% 10.814%, 99.902% 11.333%, 99.945% 11.854%, 99.975% 12.376%, 99.994% 12.899%, 100% 13.423%, 87.705% 86.577%, 87.705% 86.577%, 87.249% 88.665%, 86.734% 90.679%, 86.154% 92.584%, 85.498% 94.346%, 84.759% 95.931%, 83.928% 97.305%, 82.996% 98.433%, 81.954% 99.281%, 80.794% 99.814%, 79.508% 100%, 8.197% 100%, 8.197% 100%, 7.877% 99.99%, 7.558% 99.96%, 7.239% 99.909%, 6.921% 99.839%, 6.603% 99.748%, 6.288% 99.638%, 5.973% 99.507%, 5.66% 99.356%, 5.35% 99.185%, 5.041% 98.993%, 5.041% 98.993%, 4.748% 98.782%, 4.461% 98.551%, 4.18% 98.3%, 3.905% 98.031%, 3.637% 97.743%, 3.377% 97.437%, 3.124% 97.114%, 2.88% 96.773%, 2.644% 96.415%, 2.418% 96.04%, 2.418% 96.04%, 2.189% 95.67%, 1.971% 95.284%, 1.763% 94.884%, 1.565% 94.47%, 1.378% 94.044%, 1.202% 93.605%, 1.038% 93.155%, 0.885% 92.694%, 0.744% 92.224%, 0.615% 91.745%, 0.615% 91.745%, 0.498% 91.24%, 0.393% 90.731%, 0.301% 90.219%, 0.221% 89.704%, 0.154% 89.186%, 0.098% 88.667%, 0.055% 88.146%, 0.025% 87.624%, 0.006% 87.101%, 0% 86.577%, 0% 13.423%, 0% 13.423%, 0.006% 12.899%, 0.025% 12.376%, 0.055% 11.854%, 0.098% 11.333%, 0.154% 10.814%, 0.221% 10.296%, 0.301% 9.781%, 0.393% 9.269%, 0.498% 8.76%, 0.615% 8.255%, 0.615% 8.255%, 0.744% 7.776%, 0.885% 7.306%, 1.038% 6.845%, 1.202% 6.395%, 1.378% 5.956%, 1.565% 5.53%, 1.763% 5.116%, 1.971% 4.716%, 2.189% 4.33%, 2.418% 3.96%, 2.418% 3.96%, 2.644% 3.585%, 2.88% 3.227%, 3.124% 2.886%, 3.377% 2.563%, 3.637% 2.257%, 3.905% 1.969%, 4.18% 1.7%, 4.461% 1.449%, 4.748% 1.218%, 5.041% 1.007%, 5.041% 1.007%, 5.35% 0.815%, 5.66% 0.644%, 5.973% 0.493%, 6.288% 0.362%, 6.603% 0.252%, 6.921% 0.161%, 7.239% 0.091%, 7.558% 0.04%, 7.877% 0.01%, 8.197% 0%);
}
.wp-block-woocommerce-customer-account {
  display: none;
}
.social-icon-header {
  gap: 10px;
}
.search-row button.wp-block-search__button.has-text-color.has-base-color.has-icon.wp-element-button svg{
  border-left: 1px solid #ffffff54;
  padding-left: 10px;
  padding-right: 10px;
}
.search-row button.wp-block-search__button.has-text-color.has-base-color.has-icon.wp-element-button {
  padding: 0px;
}
.search-row{
  gap:0px;
}
.header-side-box {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 5px 35px !important;
  clip-path: polygon(9.434% 0%, 90.566% 0%, 90.566% 0%, 90.942% 0.013%, 91.313% 0.05%, 91.681% 0.112%, 92.045% 0.197%, 92.406% 0.306%, 92.762% 0.437%, 93.115% 0.589%, 93.464% 0.763%, 93.809% 0.956%, 94.151% 1.17%, 94.151% 1.17%, 94.504% 1.435%, 94.846% 1.719%, 95.177% 2.022%, 95.498% 2.345%, 95.81% 2.686%, 96.112% 3.047%, 96.405% 3.427%, 96.689% 3.826%, 96.965% 4.244%, 97.233% 4.681%, 97.233% 4.681%, 97.491% 5.134%, 97.738% 5.601%, 97.974% 6.082%, 98.199% 6.577%, 98.412% 7.088%, 98.614% 7.614%, 98.804% 8.158%, 98.984% 8.718%, 99.152% 9.297%, 99.308% 9.894%, 99.308% 9.894%, 99.435% 10.471%, 99.549% 11.055%, 99.652% 11.646%, 99.742% 12.243%, 99.819% 12.846%, 99.883% 13.455%, 99.934% 14.071%, 99.97% 14.694%, 99.993% 15.322%, 100% 15.957%, 100% 84.043%, 100% 84.043%, 99.993% 84.678%, 99.97% 85.306%, 99.934% 85.929%, 99.883% 86.545%, 99.819% 87.154%, 99.742% 87.757%, 99.652% 88.354%, 99.549% 88.945%, 99.435% 89.529%, 99.308% 90.106%, 99.308% 90.106%, 99.152% 90.703%, 98.984% 91.282%, 98.804% 91.842%, 98.614% 92.386%, 98.412% 92.912%, 98.199% 93.423%, 97.974% 93.918%, 97.738% 94.399%, 97.491% 94.866%, 97.233% 95.319%, 97.233% 95.319%, 96.965% 95.756%, 96.689% 96.174%, 96.405% 96.573%, 96.112% 96.953%, 95.81% 97.314%, 95.498% 97.655%, 95.177% 97.978%, 94.846% 98.281%, 94.504% 98.565%, 94.151% 98.83%, 94.151% 98.83%, 93.809% 99.044%, 93.464% 99.237%, 93.115% 99.411%, 92.762% 99.563%, 92.406% 99.694%, 92.045% 99.803%, 91.681% 99.888%, 91.313% 99.95%, 90.942% 99.987%, 90.566% 100%, 18.868% 100%, 18.868% 100%, 18.492% 99.987%, 18.121% 99.95%, 17.753% 99.888%, 17.389% 99.803%, 17.028% 99.694%, 16.672% 99.563%, 16.319% 99.411%, 15.97% 99.237%, 15.625% 99.044%, 15.283% 98.83%, 15.283% 98.83%, 14.93% 98.565%, 14.588% 98.281%, 14.257% 97.978%, 13.936% 97.655%, 13.624% 97.314%, 13.322% 96.953%, 13.029% 96.573%, 12.745% 96.174%, 12.469% 95.756%, 12.201% 95.319%, 12.201% 95.319%, 11.943% 94.866%, 11.696% 94.399%, 11.46% 93.918%, 11.235% 93.423%, 11.022% 92.912%, 10.82% 92.386%, 10.63% 91.842%, 10.45% 91.282%, 10.282% 90.703%, 10.126% 90.106%, 10.126% 90.106%, 9.999% 89.529%, 9.885% 88.945%, 9.782% 88.354%, 9.692% 87.757%, 9.615% 87.154%, 9.551% 86.545%, 9.5% 85.929%, 9.464% 85.306%, 9.441% 84.678%, 9.434% 84.043%, -0% 15.957%, -0% 15.957%, 0.007% 15.322%, 0.03% 14.694%, 0.066% 14.071%, 0.117% 13.455%, 0.181% 12.846%, 0.258% 12.243%, 0.348% 11.646%, 0.451% 11.055%, 0.565% 10.471%, 0.692% 9.894%, 0.692% 9.894%, 0.848% 9.297%, 1.016% 8.718%, 1.196% 8.158%, 1.386% 7.614%, 1.588% 7.088%, 1.801% 6.577%, 2.026% 6.082%, 2.262% 5.601%, 2.509% 5.134%, 2.767% 4.681%, 2.767% 4.681%, 3.035% 4.244%, 3.311% 3.826%, 3.595% 3.427%, 3.888% 3.047%, 4.19% 2.686%, 4.502% 2.345%, 4.823% 2.022%, 5.154% 1.719%, 5.496% 1.435%, 5.849% 1.17%, 5.849% 1.17%, 6.191% 0.956%, 6.536% 0.763%, 6.885% 0.589%, 7.238% 0.437%, 7.594% 0.306%, 7.955% 0.197%, 8.319% 0.112%, 8.687% 0.05%, 9.058% 0.013%, 9.434% 0%);
}
.menu-group {
  box-shadow: 50px 0 0 #fff;
  position: relative;
}
.header-inner-menu ul li a:hover:after {
  opacity: 1;
}
.header-inner-menu ul li a:after {
  content: "";
  width: 100%;
  opacity: 0;
  height: 3px;
  background: var(--wp--preset--color--primary);
  position: absolute;
  bottom: -15px;
  right: 0px;
  left: 0px;
  margin: 0 auto;
}
.home .header-box-upper {
  position: absolute;
  z-index: 999;
  width: 100%;
  margin-top: 15px;
  background: transparent !important;
}
.side-main-box {
  position: relative;
}
.backdrop-slide-content {
  position: absolute;
  bottom: 0;
  top: 0;
  z-index: -1;
  right: 0;
  width: 70%;
  clip-path: polygon(5.076% 0%, 94.924% 0%, 94.924% 0%, 95.747% 0.079%, 96.528% 0.307%, 97.256% 0.673%, 97.921% 1.163%, 98.513% 1.765%, 99.02% 2.467%, 99.433% 3.257%, 99.741% 4.121%, 99.934% 5.048%, 100% 6.024%, 82.234% 93.976%, 82.234% 93.976%, 82.167% 94.952%, 81.975% 95.879%, 81.667% 96.743%, 81.254% 97.533%, 80.746% 98.235%, 80.154% 98.837%, 79.489% 99.327%, 78.761% 99.693%, 77.98% 99.921%, 77.157% 100%, 5.076% 100%, 5.076% 100%, 4.253% 99.921%, 3.472% 99.693%, 2.744% 99.327%, 2.079% 98.837%, 1.488% 98.235%, 0.98% 97.533%, 0.567% 96.743%, 0.259% 95.879%, 0.066% 94.952%, 0% 93.976%, 0% 6.024%, 0% 6.024%, 0.066% 5.048%, 0.259% 4.121%, 0.567% 3.257%, 0.98% 2.467%, 1.488% 1.765%, 2.079% 1.163%, 2.744% 0.673%, 3.472% 0.307%, 4.253% 0.079%, 5.076% 0%);
}
.banner-btn-first a {
  clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
  border-radius: 7px 7px 7px 25px !important;
}
.banner-main-div {
  clip-path: polygon(2.604% 0%, 97.396% 0%, 97.396% 0%, 97.818% 0.061%, 98.219% 0.236%, 98.592% 0.517%, 98.933% 0.894%, 99.237% 1.357%, 99.497% 1.896%, 99.709% 2.503%, 99.867% 3.167%, 99.966% 3.879%, 100% 4.63%, 92.188% 95.37%, 92.188% 95.37%, 92.086% 96.1%, 91.948% 96.8%, 91.774% 97.459%, 91.565% 98.067%, 91.321% 98.611%, 91.041% 99.081%, 90.728% 99.467%, 90.38% 99.756%, 89.998% 99.937%, 89.583% 100%, 2.604% 100%, 2.604% 100%, 2.182% 99.939%, 1.781% 99.764%, 1.408% 99.483%, 1.067% 99.106%, 0.763% 98.643%, 0.503% 98.104%, 0.291% 97.497%, 0.133% 96.833%, 0.034% 96.121%, 0% 95.37%, 0% 4.63%, 0% 4.63%, 0.034% 3.879%, 0.133% 3.167%, 0.291% 2.503%, 0.503% 1.896%, 0.763% 1.357%, 1.067% 0.894%, 1.408% 0.517%, 1.781% 0.236%, 2.182% 0.061%, 2.604% 0%);
}

.project-box img {
  width: 100%;
}

.project-box .service-overlay {
  background-color: var(--wp--preset--color--primary);
  border-radius: 10px;
}

.project-box {
  box-shadow: 0 0px 8px #00000029;
}

.project-box:hover .service-overlay img {
  opacity: 0.3 !important;
}

.project-box:hover .project-content h4,
.project-box:hover .project-content p {
  color: #fff !important;
}

.project-box:hover .project-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  left: 0px;
}

.project-box:hover .service-btn {
  display: block !important;
  text-align: center;
}

.project-box {
  position: relative;
}

.project-box {
  box-shadow: 0 0px 8px #00000029;
}
.project-box img {
  height: 400px;
  width: 100%;
  object-fit: cover;
}

.project-box:hover img {
  height: 513px;
  object-fit: cover;
}
.service-btn a{
  clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
  border-radius: 7px 7px 7px 25px !important;
  padding-left: 25px !important;
}
.service-btn {
  display: none !important;

}
.header-box-middle .header-menu nav a:hover{
  text-decoration: none;
}
.home .header-box-middle .header-menu nav a{
  position: relative;
}
.home .header-box-middle .header-menu nav a:hover:after {
  content: "";
  width: 50px;
  height: 6px;
  margin: 0 auto;
  background: var(--wp--preset--color--primary);
  bottom: -24px;
  left: 0px;
  right: 0px;
  position: absolute;
  z-index: 2;
}
.home .header-box-middle .header-menu nav ul.wp-block-navigation-submenu a:hover:after {
  display: none;
}
 
.wp-block-social-link {
  border-radius: 9999px;
  display: block;
  height: auto;
  transition: transform .1s ease;
}
.wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor:hover, .wc-block-mini-cart__button:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--accent);
}
.header-box-upper {
  position: relative;
  z-index: 99;
  background-color: #fff;
}
.wp-site-blocks{
  padding: 0 !important;
}
.logo-box h1{
  text-align: right; 
}
.home .logo-box h1{
  text-align: center; 
}
.header-box-middle{
  position: relative;
}
.wp-block-image img{
  vertical-align: middle !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
footer.wp-block-template-part {
  margin-top: 0;
}

@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-logo h1{
    text-align: center;
  }
  .header-box-middle nav,.header-box-middle .wp-block-buttons{
    justify-content: center;
  }
  .banner-main-div {
    clip-path: none;
    min-height: 400px !important;
  }
  .project-box img {
    height: 250px;
    width: 100%;
  }
  .project-box:hover img {
    height: 379px;
    object-fit: cover;
  }
  .home .header-box-upper{
    position: relative;
    background-color: #000 !important;
  }
  .social-icon-header {
    margin-bottom: 20px !important;
    justify-content: center !important;
  }
  .border-right-box .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex, .border-right-box .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex, .border-right-box .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-3.wp-block-group-is-layout-flex {
    justify-content: center !important;
  }
  
  .services-box p,.services-box h3{
    text-align: center;
  }
  .services-box{
    padding: 0 !important;
  }
  span.wp-block-navigation-item__label {
    color: #000;
  }
  .menu-group{
    box-shadow: none;
    border-radius: 10px !important;
    margin-bottom: 20px !important;
  }
  .header-side-box {
    clip-path: none;
    top: 0px;
    left: 0px;
    position: relative;
  }
  .search-row, .header-inner-menu nav {
    justify-content: center !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .header-box-middle {
    max-width: 95% !important;
  }
  .project-box img {
    height: 250px;
    width: 100%;
  }
  .project-box:hover img {
    height: 388px;
    object-fit: cover;
  }
  .project-box:hover .project-content {
    padding: 10px !important;
  }
  .home .header-box-upper{
    padding-top: 10px !important;
  }
  .border-right-box .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex, .border-right-box .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex, .border-right-box .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-3.wp-block-group-is-layout-flex, .header-box-lower, .social-icon-header {
    gap: 5px;
  }
  .banner-column {
      flex-basis: 80% !important;
  }
  .clip-path-box {
    width: 100%;
  }
  .border-right-box p {
    font-size: 12px !important;
  }
  .header-box-lower{
    padding: 0px !important;
  }
}    
@media screen and (min-width: 600px) and (max-width: 781px) {
  .service-box {
    display: grid !important;
    justify-content: center;
    grid-template-columns: auto auto !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  .footer-main{
    max-width: 90% !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    justify-content: center !important;
    gap: 30px !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
  .header-box-middle {
    max-width: 90% !important;
  }
}