@font-face {
  font-family: "iran";
  font-style: "normal";
  src: url("../font/iran.eot");
  src: url("../font/iran.eot") format("embedded-opentype"), url("../font/iran.woff") format("woff2"), url("../font/iran.woff") format("woff"), url("../font/iran.ttf") format("truetype");
  font-display: swap; }
  body{font-family: "iran" !important;}
  .header .row{
  background-color: transparent;
  border-radius: 1px 1px 50px 50px; 
  }
    .header {
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:999;
    }
    
  .header .row .col-xl-12 .row .col-md-9 .main-menu nav .collapse .row .col-md-12 ul li {
  display: inline-block;
  position: relative;
  line-height: 21px;
  text-align: left;  
  }
  .header .row .col-xl-12 .row .col-md-9 .main-menu nav .collapse .row .col-md-12 ul li a{
  display: block;
  padding: 8px 10px;
  color: #fff;
  text-decoration: none;
  transition: .5s;
  /*font-size: 13px;*/
  }
  .header .row .col-xl-12 .row .col-md-9 .main-menu nav .collapse .row .col-md-12  ul li ul.dropdown{
  min-width: 100%; 
  background: #fff;
  border-radius: 5%;
  opacity: 0.9;
  display: none;
  position: absolute;
  z-index: 999;
  left: 0;
  transition-delay: 0.5s;
  width: max-content;
  }
  .header .row .col-xl-12 .row .col-md-9 .main-menu nav .collapse .row .col-md-12 ul li:hover ul.dropdown{
  display: block;
  transition: 1s;
  transition-delay: 0.5s;
    box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.4);

  }
  .header .row .col-xl-12 .row .col-md-9 .main-menu nav .collapse .row .col-md-12 ul li ul.dropdown li{
  display: block;
  transition-delay: 0.5s;
  
  }
  .header .row .col-xl-12 .row .col-xl-2 {
  width: 100px;
  }
  .header a { color: #fff;}
    .header.scrolled a { color: #000!important;}
    .header.scrolled p {color: #000!important}
    .header p {color: #fff;}
    
  .header img {width: 150px;
  }
  .header.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  animation: header 1s;
  z-index: 1200;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  color: #000;
  }
  @keyframes header{
  0%{
  top: -200px;
  opacity: 0;
  }
  100%{
  top: 0; 
  opacity: 1;
  }
  }
  .home .service .container .row .col-md-4 .row .col-12 hr{
  color: #44604f;
  }
  .home .service .container .row .col-md-4 .row .col-2 hr{
  color: #44604f;
  }
  .home .content1  .row .col-md-4 .row .col-12 hr{
  color: #44604f;
  }
  .home .content1  .row .col-md-4 .row .col-2 hr{
  color: #44604f;
  }
  .home .ourteam  .row .col-md-4 .row .col-12 hr{
  color: #44604f;
  }
  .home .ourteam  .row .col-md-4 .row .col-2 hr{
  color: #44604f;
  }
  .header .row .col-md-2 .row .col-md-12 p {
  /*font-size: 13px;*/
  color: #44604f;
  }
  .swiper .swiper-button-prev {color: #f2e6d8;}
  .swiper .swiper-button-next {color: f2e6d8;}
  /*.btn-primary {*/
  /*background-color: ;*/
  /*}*/
  .home .content1 .row .col-xl-4 p {
  color: #44604f;
  }
  .home .content1 .row .col-xl-4 h4 { color: #44604f;}
  .home .service h2 {
  justify-content: center;
  color: #44604f;  
  } 
  .home .service .row .col-xl-3 p { justify-content: center;
  /* color: f2e6d8; */
  }
  .home .service .row .col-xl-3 .box {border-radius:10px;
  border: 1px solid #44604f;}
  .home .service .row .col-xl-3 a{text-decoration: none;}
  
  
  .home .service .row .col-xl-3 h5 { color: #44604f;
  }
  .home .content1 .row .col-md-4 h2 { color: #44604f;}
  .home .ourteam .in-ourteam {color: #44604f;} 
  .perfooter {
  background-color: #e8ede7 ;
  }
  .home .ourteam .in-ourteam {
  background-color: #e8ede7;
  }
  .home .ourteam .in-ourteam .col-xl-3 img {
  border: 1px solid #e8ede7;
  border-radius: 9px;
  }
  .home .content1 .row .col-xl-12 .row .col-xl-8 img{
  border: 8px solid #6e9b87;
  border-radius: 0px;
  }
  /* service */
  .service .container .row  .col-xl-3 .box .mtn h4 {
  color: #44604f;  
  }
  .service .container .row  .col-xl-3 .box .mtn p {
  color: #44604f;  
  }
  .footer .under .row .col-lg-3 .row .col-md-6  img {
  border: 5px solid #e8ede7;
  border-radius: 0px;
  }
  .footer {
  background-color: #6e9b87;
  }
  .footer a {text-decoration: none;
  color: #fff;
  }
  .footer ul {list-style-type: none;}
  .footer .lastie p {color: #f2e6d8;}
  .footer .lastie a {color: #f2e6d8;}
  .breadcrumb-item a {
  text-decoration: none;
  color: #323232;
  padding: 10px;
  
  }
  .container .row .col-xl-6 li {list-style-type: none;}
  .container .row .col-xl-6 a {text-decoration: none;
  color: #44604f;
  }
  /* faq */
  /* .headerfaq {
  background-image: url('../img/header2.JPG');
  background-size: cover;
  background-position: center left;
  height: 600px;
  }
  .headersubmit {
  background-image: url('../img/header3.JPG');
  background-size: cover;
  background-position: center left;
  height: 600px;
  }
  .headerdesign {
  background-image: url('../img/header4.JPG');
  background-size: cover;
  background-position: center left;
  height: 600px;
  }
  .headerconstruction {
  background-image: url('../img/header4.JPG');
  background-size: cover;
  background-position: center left;
  height: 600px;
  }
  .headerrebuilding {
  background-image: url('../img/h9.png');
  background-size: cover;
  background-position: center left;
  height: 600px;
  }
  .headerproject{
  background-image: url('../img/h8.png');
  background-size: cover;
  background-position: center left;
  height: 600px;
  }
  .headerourproject{
  background-image: url('../img/h7.png');
  background-size: cover;
  background-position: center left;
  height: 600px;
  } 
  .headerdecoration{
  background-image: url('../img/h6.png');
  background-size: cover;
  background-position: center left;
  height: 600px;
  }  */
  
  /* accordion style */
  .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important;
  }
  .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  }
  /* design */
  .slidermid { background-color:#6e9b87;
  height: 400px;
  }
  /* .slidermid .swiper .wiper-wrapper .wiper-slide .row .col-xl-12 a {
  } */
  .swiper {
  width: 100%;
  height: 100%;
  }
  
  .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }
  
  .swiper-slide img {
  display: block;
  /* width: 100%;
  height: 100%;
  object-fit: cover; */
  }
  .slidermid .swiper .swiper-wrapper .swiper-slide .row .col-xl-12 p {
  font-size: 11px;
  color: #fff;
  }
  .slidermid .swiper .swiper-wrapper .swiper-slide .row .col-xl-12 .box{
  border: 0px solid #000;
  border-radius: 42px;
  box-shadow: 2px 1px 26px 0px rgba(0,0,0,0.28);
  background-color: #fff;  
  
  }
  .slidermid .swiper .swiper-wrapper .swiper-slide .row .col-xl-12 .box img{
  border-radius: 42px;
  }
  .slidermid .swiper .swiper-wrapper .swiper-slide .row .col-xl-12 .box h6{
  color: #000;
  }
  .slidermid .swiper .swiper-wrapper .swiper-slide .row .col-xl-12 .box p{
  color: #000;
  }
  .slidermid .swiper .swiper-wrapper .swiper-slide  {
  background-color: transparent;
  }
  /* share */
  
  /* hr */
  /* .container hr {
  background-color: #251DF5;
  border: 1px solid #251DF5;
  } */
  /* pernext */
  .pernext .container .row .col-md-10 a {
  color: #000;
  }
  .pernext .container .row .col-md-10 a:hover{
  color: #44604f;  
  }
  /* rebuilding */
  .related .row .col-md-4 .list-group .s1 p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px;     /* fallback */
  max-height: 32px;      /* fallback */
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
  }
  .related .row .col-md-4 .list-group .s1 a{
  color: #000;
  }
  .related .row .col-md-4 .list-group .s1 a:hover{
  color: #6e9b87;
  }
  /* gallery   */
  .radio-btns {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, 100px);
  }
  
  .radio-btns:hover .radio-btns__btn:not(:hover) {
  filter: grayscale(100%);
  opacity: 0.75;
  
  }
  .radio-btns:hover .radio-btns__btn:hover { 
  filter: brightness(100%);
    transform: scale(1.1);
    max-width: 100%;
    transition: transform 2s, filter 1.5s ease-in-out;
    transform-origin: center center;
    filter: brightness();
  }
  .radio-btns:hover .radio-btns__btn:not(:hover)::after {
  background-color: rgba(#000, 0.5);
  }
  
  @media (min-width: 30rem) {
    .design-contrnt .row .col-md-12 img{
    width: 60%;
    height: auto;
    }
  .radio-btns {
  grid-template-columns: repeat(3, 150px);
  }
  }
  
  .radio-btns__btn {
  position: relative;
  cursor: pointer;
  transition: .3s;
  }
  
  .radio-btns__btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(#000, 0);
  transition: .3s;
  }
  
  .radio-btns__btn img {
  display: block;
  width: 100%;
  max-width: 100%;
  transition: transform 2s, filter 1.5s ease-in-out;
  transform-origin: center center;
  filter: brightness(75%);
  }
  /* ourprojects */
  /* .content-project .row .col-xl-4 .box .over button {
  background-color: #0000ff;
  border-color: #0000ff;
  }
  .content-project .row .col-xl-4:hover .box .over {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(250, 250, 250, .75); 
  display: flex;
  align-items: center;
  justify-content: center; 
  border-radius: 5;  
  } */
  .wrap
  {
  margin:50px auto 0 auto;
  width:100%;
  display:flex;
  align-items:space-around;
  max-width:1200px;
  }
  .tile
  {
  width:380px;
  height:380px;
  margin:10px;
  background-color:#44604f;
  display:inline-block;
  background-size:cover;
  position:relative;
  cursor:pointer;
  transition: all 0.4s ease-out;
  box-shadow: 0px 35px 77px -17px rgba(0,0,0,0.44);
  overflow:hidden;
  color:white;
  border-radius:10px;
  border: 1px solid #44604f;
  }
  .tile img
  {
  /*height:100%;*/
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:0;
  transition: all 0.4s ease-out;
  }
  .tile .text
  {
  /*   z-index:99; */
  position:absolute;
  padding:30px;
  height:calc(100% - 60px);
  }
  .tile h1
  {
  
  font-weight:300;
  margin:0;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  }
  .tile h2
  {
  font-weight:100;
  margin:20px 0 0 0;
  font-style:italic;
  transform: translateX(200px);
  }
  .tile p
  {
  font-weight:300;
  margin:20px 0 0 0;
  line-height: 25px;
  /*   opacity:0; */
  transform: translateX(-200px);
  transition-delay: 0.2s;
  }
  .animate-text
  {
  opacity:0;
  transition: all 0.6s ease-in-out;
  }
  .tile:hover
  {
  /*   background-color:#99aeff; */
  box-shadow: 0px 35px 77px -17px rgba(0,0,0,0.64);
  transform:scale(1.05);
  }
  .tile:hover img
  {
  opacity: 0.2;
  }
  .tile:hover .animate-text
  {
  transform:translateX(0);
  opacity:1;
  }
  .dots
  {
  position:absolute;
  bottom:20px;
  right:30px;
  margin: 0 auto;
  width:30px;
  height:30px;
  color:currentColor;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-around;
  
  }
  
  .dots span
  {
  width: 5px;
  height:5px;
  background-color: currentColor;
  border-radius: 50%;
  display:block;
  opacity:0;
  transition: transform 0.4s ease-out, opacity 0.5s ease;
  transform: translateY(30px);
  
  }
  
  .tile:hover span
  {
  opacity:1;
  transform:translateY(0px);
  }
  
  .dots span:nth-child(1)
  {
  transition-delay: 0.05s;
  }
  .dots span:nth-child(2)
  {
  transition-delay: 0.1s;
  }
  .dots span:nth-child(3)
  {
  transition-delay: 0.15s;
  }
  
  
  @media (max-width: 1000px) {
  .wrap {
  flex-direction: column;
  width:400px;
  }
   .description img{
          width:100% !important;
          height:auto !important;
      }
  }
  @media (max-width:576px){
      .description img{
          width:100% !important;
          height:auto !important;
      }
  }
  
  @media (min-width: 1200px ){
  
  }
  @media (max-width: 1400px) and (min-width: 1200px ){
  
  }
  @media (max-width: 1200px) and (min-width: 992px ){
   .description img{
          width:90% !important;
          height:auto !important;
      }
  }
  @media (max-width: 992px) and (min-width: 768px ){
   .description img{
          width:100% !important;
          height:auto !important;
      }
  }
  .perfooter .col-xl-12  button {
  border-radius: 4px;
  background-color: #44604f;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 9px;
  width: 119px;
  transition: all 0.5s;
  cursor: pointer;
  box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.7);
  }
  
  .perfooter .col-xl-12 button{
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  background-color: #44604f;
  }
  
  .perfooter .col-xl-12 button:after {
  content: '«';
  position: absolute;
  opacity: 0;  
  /* top: 14px; */
  right: -20px;
  transition: 0.5s;

  }
  
  .perfooter .col-xl-12 button:hover{
  padding-right: 24px;
  padding-left:8px;
    background-color: #44604f;

  }
  
  .perfooter .col-xl-12 button:hover:after {
  opacity: 1;
  right: 10px;
  }
  
  .share ul {
  display: flex ;
  /* position: absolute; */
  top: 50%;
  left: 50%;
  }
  
  .share li i {
  color: #000;  
  }
  .share li {
  list-style:none;
  display:inline-block;
  color:#fff;
  height:50px;
  /* width:50px; */
  padding:7px;
  border: 2px solid #000 transparent;
  border-radius:50%;
  transition: 0.5s;
  
  
  }
  
  .share li:hover {
  color:#000;
  border: 2px solid #000;
  border-radius:50%;
  transition:0.5s;
  box-shadow: 0 10px 5px rgba(0,0,0,.2);
  
  }
  .content-rebuildibg .row .col-md-3 .list-group ul {
  
  list-style-type: none;
  }
  
  
  .content-rebuildibg .row .col-md-3 .list-group nav ul {
  list-style-type: none;
  padding: 0;
  }
  
  .content-rebuildibg .row .col-md-3 .list-group nav ul li {
  font-size: 20px;
  font-family: sans-serif;
  background-color: white;
  border: 2px solid black;
  letter-spacing: 0.1em;
  width: 250px;
  height: 2.5em;
  line-height: 1.5em;
  position: relative;
  overflow: hidden;
  margin: 0.5em;
  cursor: pointer;
  }
  
  .content-rebuildibg .row .col-md-3 .list-group nav ul li span {
  color: white;
  mix-blend-mode: difference;
  }
  
  .content-rebuildibg .row .col-md-3 .list-group nav ul li::before {
  content: '';
  position: absolute;
  width: 1.5em;
  height: inherit;
  background-color: black;
  border-radius: 50%;
  top: 0;
  left: -0.75em;
  transition: 2s ease-out;
  }
  
  .content-rebuildibg .row .col-md-3 .list-group nav ul li:hover::before {
  transform: scale(20);
  }
  /* mid_gallery */
  .container .row .col-md-12 .mid_gallery {
  background-color: #ccc;  
  }
  
  .carousel-caption {
  font-size: 2em;
  
  
  top: 30%;
    
  text-shadow: none;
  }
  .carousel-indicators{
  font-size: 2em;
  bottom: -1%;
  text-align: left;
  text-shadow: none;
  }
  /*  list page */
  .list .container .row .col-md-6 .over {
  position: absolute;
  background-color: #1d2b49;
  opacity: 0.9;
  }
  .list .container .row .col-md-6 .img-box {
  position: relative;  
  }
  .content-rebuildibg .row .col-md-3 .sidbar-nav .s1 nav{
    position: sticky;
    top: 0;  
  }
@media (max-width: 1400px) and (min-width: 1200px ){
      .design-contrnt .row .col-md-12 img{
      width: 60%!important;
    height: auto;
  }
  .header .row .col-xl-12 .row .col-md-9 .main-menu nav .collapse .row .col-md-12 ul li a{
  display: block;
  padding: 8px 10px;
  color: #000;
  text-decoration: none;
  transition: .5s;
  font-size: 17px;
  }
}
@media (max-width: 1200px) and (min-width: 992px ){
      .design-contrnt .row .col-md-12 img{
      width: 70%!important;
    height: auto;
  }
  .header .row .col-xl-12 .row .col-md-9 .main-menu nav .collapse .row .col-md-12 ul li a{
  display: block;
  padding: 8px 10px;
  color: ##44604f;
  text-decoration: none;
  transition: .5s;
  font-size: 15px;
  }
}
@media (max-width: 992px) and (min-width: 768px ){
  .design-contrnt .row .col-md-12 img{
      width: 100%!important;
    height: auto;
  }    
  .header .row .col-xl-12 .row .col-md-9 .main-menu nav .collapse .row .col-md-12 ul li a{
  display: block;
  padding: 8px 10px;
  color: ##44604f;
  text-decoration: none;
  transition: .5s;
  font-size: 13px;
  }

}

.carousel-inner{
  position: relative ;
}


.carousel .carousel-inner .carousel-caption{
  position: absolute ;
  top: 50%;
  
  z-index: 100;
}

/*  list page */
.list .container .row .col-md-6 .over {
position: absolute;
background-color: #1d2b49;
opacity: 0.9;
}
.list .container .row .col-md-6 .img-box {
position: relative;  
}
.content-rebuildibg .row .col-md-3 .sidbar-nav .s1 nav{
  position: sticky;
  top: 0;  
}
/* sidebar phone */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 300;
  top: 0;
  right: 0;
  background-color: #e8ede7;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.4);
  /* border-radius: 1px 1px 50px 50px;  */

}
.container .sidenav.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  animation: sidenav 1s;
  z-index: 1200;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 1px 1px 50px 50px; 
  background-color: #ccc;
  }
  @keyframes sidenav{
  0%{
  top: -200px;
  opacity: 0;
  }
  100%{
  top: 0; 
  opacity: 1;
  }
  }
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #44604f;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #5e5e5e;
}

.sidenav .closebtn {

    position: absolute;
    top: 0;
    font-size: 36px;
    /* margin-left: 50px; */
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.sidenav   ul li ul.dropdown{
  min-width: 100%; 
  background-color: #fff;
  border-radius: 5%;
  opacity: 0.9;
  display: none;
  position: absolute;
  z-index: 999;
  left: 0;
  transition-delay: 0.5s;
  
  }
  .sidenav ul li:hover ul.dropdown{
  display: block;
  transition: 1s;
  transition-delay: 0.5s;
  
  }
  .sidenav  ul li ul.dropdown li{
  display: block;
  transition-delay: 0.5s;
  
  }
  /*.design-contrnt .row .col-md-12 img{*/
  /*    width: 100%;*/
  /*  height: auto;*/
  /*}*/