@font-face {
	font-family: 'iransans';
	src: url('/font/IRANSansWeb.ttf');
}



html, body {
    margin: 0;
    padding: 0;
    font-family: 'iransans';
  direction: rtl;

  background-color: var(--color16);
      line-height: 1.8em;
}

html[lang=en] html,html[lang=en] body{
   direction: ltr;
 font-family: Times New Romance;
  font-size:17px;
}



:root {
--color1: #000000;
--color2: #1c1c1c;
--color3: #353535;
--color4: #4d4d4d;
--color5: #666;
--color6: #7e7e7e;
--color7: #969696;
--color8: #afafaf;
--color9: #c7c7c7;
--color10: #e0e0e0;
--color11: #d0d0d0;
--color12: #dcdcdc;
--color13: #e4e4e4;
--color14: #ececec;
--color15: #f4f4f4;
--color16: #FFFFFF;
}


:root {
  --opacity1: #00000025;
  --opacity2: #00000050;
  --opacity3: #00000075;
  --opacity4: #00000090;
  --opacity5: #00000095;
             
  --opacity6: #F9F9F925;
  --opacity7: #F9F9F950;
  --opacity8: #F9F9F975;
  --opacity9: #F9F9F990;
  --opacity10: #F9F9F995;
}



:root {
--origin3: #608cff;
--origin4: #3c72ff;
--origin5: #1555fe;
--origin6: #003ee2;
--origin7: #0139cc;
--origin8: #0031b8;
--origin9: #002a9b;
--origin10: #1b1b57;
--origin11: #001c67;
--origin12: #001b7e;
--origin13: #001872;
--origin14: #001565;
--origin15: #001257;
--origin20: #e8aa23;
--origin21: #e6bd00;
}



:root {
  --origin10-25: #ffdf6125;
  --origin10-50: #ffdf6150;
  --origin10-75: #ffdf6175;
  --origin10-90: #ffdf6190;
  --origin10-95: #ffdf6195;
  --originopacity: #1174f48a;
}


:root {
  --gap-2: .2%;
  --gap-5: .5%;
  --gap1: 1%;
  --gap2: 2%;
  --gap3: 3%;
  --gap4: 4%;
  --gap5: 5%;

  
  --item-count1:1;
  --item-count2:2;
  --item-count3:3;
  --item-count4:4;
  --item-count5:5;
  --item-count6:6;
  --item-count7:7;
  --item-count8:8;
  
  --body-line-height: 2;
  --border-radius15: 15px;
  --border-radius: 15px;
    --huge: 3rem;
    --very-big:2.5rem;
    --big: 2rem;
    --very-large: 1.5rem;
    --large: 1.2rem;
    --normal: 1rem;
    --medium: 0.9rem;
    --small: .8rem;
    --verysmall: .6rem;
}


*,
*::after,
*::before {
  box-sizing: border-box;
  
}



a {
    text-decoration: none;
    transition: .5s ease-out;
}

figure {
    margin: 0;
    padding: 0;
  line-height: 0;
}

h1,h2,h3
{

line-height: 1.3;
}
h1 {
font-size: 2rem;
  line-height: 1.3;
}

html[lang=en] .dropdown ul li {
    text-align: left;
}



.wrapper {
display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}

.very-small,.tiny {
font-size: .7rem;
  padding:.5%
}

.small {
font-size: .8rem;
}

.medium {
font-size: .9rem;
}


.btn {
background-color: var(--origin10);
color: var(--color1);
padding: .5% 4%;
}



.projects , .about-company , .services , .certificate  {
margin-top: var(--gap5);
  padding: 0 8%;
}

.customer-place {
padding: 0 8%;
}

.projects figure {
    width: 150px;
    height: 150px;
    background-color: var(--origin6);
    border-radius: 100px;
    margin: auto;
  padding-top: 30px;
  margin-top: -90px;
  transition: .5s ease-out;
}

.projects figure:hover {
    transform: scalex(-1);
}

.blog {
    display: flex;
    justify-content: center;
      align-items: stretch;
}

.blog section {
    text-align: center;
    box-shadow: 0px 0px 5px 0px rgba(133, 133, 133, 0.75);
    border-radius: var(--border-radius15);
    width: calc(100% / var(--item-count4) - var(--gap2));
    transition: .5s ease-out;
    margin: var(--gap1);
    background-color: var(--color16);
    position: relative;
}

.blog section:hover {
    background-color: var(--color14);
    transform: translate(0, 12px);
}

.blog section img {
    max-width: 100%;
    border: 1px solid var(--color6);
    border-radius: var(--border-radius15);
    height: 250px;
    object-fit: cover;
    width: 100%;
    transition: .5s ease-out;
    object-position: top;
  margin: 0px;
}

.blog section h4 {
    padding: 3%;
    margin: auto;
    position: absolute;
    bottom: 0;
    background-color: var(--opacity3);
    text-align: center;
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    color: var(--color16);
}

.blog a {
 color: var(--color3);
}

.blog a:hover {
 color: var(--origin20);
}

.product-group img {
 max-height:100px;
    max-width: 150px;
}


.product-group h3 {
    font-size: var(--normal);
    padding: 0px;
    font-weight: normal;
    margin: 0px;
    color: var(--origin8);
}

.product-group figure {
  min-height:100px;
}

.product-group section {
 text-align:center
}

.services-place {

    margin-top: var(--gap4);
    padding: 2% 8%;
    background-color: var(--origin20);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='3000' height='1200' preserveAspectRatio='none' viewBox='0 0 3000 1200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1052%26quot%3b)' fill='none'%3e%3cpath d='M 0%2c270 C 200%2c221.8 600%2c37.4 1000%2c29 C 1400%2c20.6 1600%2c207.2 2000%2c228 C 2400%2c248.8 2800%2c152 3000%2c133L3000 1200L0 1200z' fill='rgba(0%2c 0%2c 0%2c 0.09)'%3e%3c/path%3e%3cpath d='M 0%2c363 C 200%2c410.2 600%2c607 1000%2c599 C 1400%2c591 1600%2c329 2000%2c323 C 2400%2c317 2800%2c519.8 3000%2c569L3000 1200L0 1200z' fill='rgba(223%2c 223%2c 223%2c 0.2)'%3e%3c/path%3e%3cpath d='M 0%2c738 C 200%2c760.2 600%2c858.4 1000%2c849 C 1400%2c839.6 1600%2c680.8 2000%2c691 C 2400%2c701.2 2800%2c858.2 3000%2c900L3000 1200L0 1200z' fill='rgba(237%2c 237%2c 237%2c 0.43)'%3e%3c/path%3e%3cpath d='M 0%2c1069 C 200%2c1063.4 600%2c1030.6 1000%2c1041 C 1400%2c1051.4 1600%2c1135.6 2000%2c1121 C 2400%2c1106.4 2800%2c998.6 3000%2c968L3000 1200L0 1200z' fill='rgba(133%2c 133%2c 133%2c 0.03)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1052'%3e%3crect width='3000' height='1200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}


.service section {
    width: calc(100% / var(--item-count3) - var(--gap2));
}

 
.container-text {
display: flex;
    margin-top: var(--gap2);
    padding: 2% 8%;
    flex-wrap: wrap;
    background-color: var(--origin12);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2000' height='1500' preserveAspectRatio='none' viewBox='0 0 2000 1500'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1025%26quot%3b)' fill='none'%3e%3cpath d='M0 0L62.44 0L0 704.33z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M0 704.33L62.44 0L421.71 0L0 802.11z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M0 802.11L421.71 0L922.8499999999999 0L0 999.48z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M0 999.48L922.8499999999999 0L1672.4499999999998 0L0 1007.79z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M2000 1500L1626.32 1500L2000 1060.94z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M2000 1060.94L1626.32 1500L896.2299999999999 1500L2000 487.30000000000007z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M2000 487.29999999999995L896.23 1500L583.05 1500L2000 293.56999999999994z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M2000 293.56999999999994L583.05 1500L247.96999999999997 1500L2000 284.7199999999999z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1025'%3e%3crect width='2000' height='1500' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
.container-text div {
  display: flex;
flex-wrap: wrap;  
  color: white;
      text-align: justify;
    align-items: center;
  }

.dropdown ul li li a:link, .dropdown ul li li a:visited {
    color: var(--origin9);
}

.cont-text-place section {
width: calc(100% / var(--item-count2) - var(--gap2));
    margin: 0px var(--gap1);
}

.cont-text-place:nth-child(even) img {
width:100%;
      border-radius: 100px 0px 100px 100px;
}

.cont-text-place:nth-child(odd) img {
          box-shadow: 0 7px 35px rgb(0 0 0), 0 2px 3px rgb(90 97 105 / 40%);
}

html[lang=en] .cont-text-place:nth-child(even) img {
width:100%;
      border-radius: 0px 100px 100px 100px;
}

html[lang=en] .cont-text-place:nth-child(odd) img {
      border-radius: 100px 100px 0px 100px;
}

.cont-text-place img {
width:80%;
  transition: 0.5s ease-out;
  }

.cont-text-place img:hover {
transform: scale(0.95);
  }

.cont-text-place section:nth-child(1) {
flex:1.04
}

.cont-text-place section:nth-child(2) {
flex:1;
  text-align: center;
}

.cont-text-place h3 {
color: var(--origin20);
}

.titr {
        color: var(--color16);
    width: 400px;
    text-align: center;
    padding: 15px 10px 5px;
    font-size: var(--large);
    margin: auto;
    background-color: var(--origin20);
    border-radius: 10px;
  margin-bottom: 50px;
}

hr {
        height: 4px;
    border: none;
    background-color: var(--color7);
    width: 100%;
    margin: 0;
    margin-bottom: -28px;
}

.dropdown {
display: flex;
justify-content: center;
align-items: center;
}

.between-menu {
width: 600px;
}


.header-fixed{
 position: sticky;
  z-index: 90;
  top: 0;
    min-height: 70px; 
}



main {
}




.bot-header {
display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--gap3);
}


    .pentagon {
   
      
      background: url('/directory/deylamancom/images/logo-back.png');
  width: 269px;
  height: 141px;
  text-align: center;
  margin: auto;
  position: absolute;
  z-index: 101;
 left: 50%;
  transform: translateX(-50%);
  top: -90px;
      
      
    }
.services-details p {
width: 100%;
    text-align: justify;
}


.logo-place img {
max-height: 70px;
}

.logo-place ; .lang-place {
flex: 1;
}

.menu-place {
flex: 3;
  text-align: center;
}
.lang-place { color: var(--origin20);

font-size: .8em;

}

.lang-place a {
    color: var(--origin20);
  margin:0px 5px;
  font-size: var(--normal);
}

.lang-place a:hover {
    color: var(--origin20);
}

 .fixed {
 box-shadow: 0px 0px 12px -1px rgba(148,148,148,0.75);
  max-height: 70px; 
}

.image-fixed  img {
max-height: 60px;
  transition: .5s ease-out;
  margin-top: 12px;
}

.image-fixed { 
right: 5%;
}



header {
  
      margin: 0px 10%;
        padding: var(--gap-5) var(--gap2);
    background: var(--origin9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-top {
  margin: 0px 10%;
    display: flex;
align-items: center;
    justify-content: space-between;
  font-size: var(--small);
    height: 40px;
}

.social-top a {
margin-left:20px;
  color: var(--color1);
}

.social-top a:hover   {
	color: var(--origin20);
}

.social-top a:before {
    background-color: var(--origin5);
    padding: 2px 0px;
    color: var(--color16);
    font-size: var(--normal);
    width: 25px;
    height: 25px;
    border-radius: 5px;

}
.social-top ul {
    list-style: none;
    display: flex;
}

.banner-place .banner {
position: relative;
}



.banner-place ul li {
  
position: relative;
}


.banner-place ul li .caption {
position: absolute;
  z-index: 2;
  text-align: center;
  width: 100%;
  top: 0;
  background-color: var(--originopacity);
 
  padding-bottom: var(--gap1);
  height: 100%;
}

.btn-blue {
	background-color: var(--origin8);
    padding: var(--gap1) var(--gap2);
    border-radius: 10px;
    color: var(--color16);
    font-size: var(--small);
  
}

.btn-blue:hover {
	background-color: var(--origin20);
  padding: var(--gap1) var(--gap1);
}



.banner-place ul li .caption h2 {
font-size: 2.5rem;
}

html[lang=en] .banner-place ul li .caption h2 {
font-size: 2rem;
  padding: 0px var(--gap5);
}


.caption h2  {
  color: var(--origin20);
  margin-bottom: 0px;
   margin-top:7%;
 
}
.caption h3
{
    color: var(--color16);

}



.banner-place ul{
direction: rtl;
}

.dots-2 {
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}

.dots-2 li.active {
  background: var(--origin20);
}


.dots-2 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  margin-top: -40px;
  z-index: 2;
}



.caption .btn:nth-child(2) {
margin-right: 10px;
}

.banner-place img {
  object-fit: cover;
max-height: 600px;
  filter:grayscale(100);
  
}

.banner-place  {

      margin-top: -50px;
}

.banner-place ul li  {
display:none;

}
.banner-place  ul li:nth-child(1)  {
display:block;

}


.banner-place figure {
position: relative;
}

.container-aboutus1 {
line-height: var(--body-line-height);
  text-align: justify;
}

.container-aboutus1 h2 {
margin-top: 0;
  text-shadow: -2px 3px 2px rgba(129,129,129,0.6);
}

.about-company {
display: flex;
  align-items: center;
line-height: var(--body-line-height);
}




.about-company section {
padding: var(--gap2);
  width: calc(100% / var(--item-count2) - var(--gap2));
    margin: 0px var(--gap1);
}

.about-company section p {
text-align: justify;
}



.about-company section figure {
position: relative;
  z-index: 2;
  
}

.about-company section figure img {
box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.75);
  transition: 0.5s ease-out;
      border-radius: 30px;
  width: 100%;
}


.about-company section figure img:hover{
     box-shadow: 0 7px 35px rgb(90 97 105 / 40%), 0 2px 3px rgb(90 97 105 / 40%);
    transform: scale(1.03);
}

.about-company section figure:hover::before {
transform: rotate(0deg);
  width: 100%;
    height: 100%;
   left: 0px;
}


.about-company section figure::before {
    content: "";
    transform: rotate(5deg);
        background-color: var(--color10);
    position: absolute;
    width: 105%;
    height: 105%;
    z-index: -2;
        border: 3px solid var(--color9);
    border-radius: 30px;
  left: -20px;
  transition: 0.5s ease-out;
}



.projects section div {
    width: calc(100% / var(--item-count5) - var(--gap2));
    margin: var(--gap1);
    background-color: var(--color13);
    padding: var(--gap1);
    line-height: var(--body-line-height);
    transition: .5s ease-out;
    text-align: center;
    border-radius: 10px;
  margin-bottom: 90px;
}

.master-container-content .projects {
padding: 0;
  margin-top: 100px;
}



.projects section div h3 a , .projects section div h3 a:visited , .projects section div h3 a:link {
color: var(--color4);
}

.projects section div:hover {
    box-shadow: 0 7px 35px rgb(90 97 105 / 40%), 0 2px 3px rgb(90 97 105 / 40%);
    transform: scale(1.03);
}

.projects h1 {
text-align: center;
}

.projects section div h3 {
    margin-bottom: 0;
}




.projects section div:hover figure img {
filter: unset;
}

.projects section div figure img:hover {
filter: unset;
}

.projects section div article {
display: flex;
align-items: center;
  justify-content: center;
}

.projects section div article h3 {
margin-right: 10px;
}


.projects section div h4 {
text-align: center;
  color: var(--color5);
  margin-bottom: 0;
  font-weight: normal;
}

.projects-details {
text-align: center;
}

.master-container-content .projects-details figure img {
width: 300px;
height: 300px;
  border-radius: 50%;
}



.projects-details p {
color: var(--color4);
  text-align: justify;
}




.search-page {
display: flex;
  justify-content: center;
}

.search-page section {
text-align: center;
}

.search-page section a , .search-page section a:visited , .search-page section a:link {
color: var(--color4);
}

.dropdown ul li a , .dropdown ul li a:visited , .dropdown ul li a:link {
    color: var(--color16);
}



.dropdown li span {
float: left;
  padding-right: 10px;
}



.dropdown span::after {
border-top-color: var(--origin4);
}


.dropdown ul li.hover, .dropdown ul li:hover {
      border-bottom: 2px var(--origin20) solid;
    padding-bottom: 20px;
}

.dropdown ul li a:hover {
  color: var(--origin20);
}

.dropdown ul li li.hover, .dropdown ul li li:hover {
  background-color: var(--origin3);
}

form[id^="form"] fieldset li input,  form[id^="form"] fieldset li textarea {
  text-align: right;
  resize: none;
  min-height: 70px;
  width: 100%;
  border: none;
    outline: none;
  border: none;   
  border-BOttom: 1px dotted var(--color10);
  font-size: 1.1em;
font-weight: normal;
}

form[id^="form"] {
  margin-bottom: 8%;
}



html:lang(ar) form[id^="form"] fieldset li input,
html:lang(ar) form[id^="form"] fieldset li textarea,
html:lang(fa) form[id^="form"] fieldset li input,
html:lang(fa) form[id^="form"] fieldset li textarea {
  font-family: tanha;
  font-size: unset;
  border: unset;
}



form[id^="form"] fieldset li {
border-bottom: 1px dotted var(--origin10);
  width: calc(100%/var(--item-count2) - var(--gap2));
margin: var(--gap1);
  padding: unset;
  border-radius: unset;
}

form[id^="form"] fieldset, fieldset {
background-color: unset;
  margin: 0;
  border-radius: unset;
  width: unset;
}



form[id^="form"] input[type="button"]:hover, form[id^="form"] button:hover {
  background-color:  var(--color16);
  color: var(--origin10);
  background-image:none;
}



form[id^="form"] input[type="button"],
input[type="reset"], form[id^="form"] button, button, input[type="button"] {
  color: var(--color16);
  background-color: var(--origin10);
 border: 1px solid var(--origin10);
  width:300px;
  margin: var(--gap2) auto;
display: block;
  font-weight: bold;
}

html:lang(fa) button, html:lang(fa) input[type="button"] {
  font-family: tanha;
}



footer {
    background-image: url(/directory/deylamancom/images/footer.webp);
    background-position: bottom;
    background-color: var(--origin13);
    background-size: cover;
    background-blend-mode: soft-light;
    opacity: 0.8;
    color: var(--color16);
  margin-top: 80px;
}

.services-place h2 , .services-place hr {
color: var(--origin9);
  border-color: var(--origin9);
}


.top-footer {
display: flex;
justify-content: center;
  padding: var(--gap2) 8%;
      align-items: flex-start;
}

.footer-title {
    text-align: center;
    background-color: var(--origin21);
    color: var(--origin6);
    margin: 0px 10%;
    width: 80%;
    margin-top: -40px;
    position: absolute;
    padding: var(--gap1);
}

.top-footer img {
max-height: 100px;
}

.top-footer section {
width: calc(100%/var(--item-count3) - var(--gap2));
margin: var(--gap1);
}

.top-footer section:last-child {
text-align: justify;
line-height: var(--body-line-height);
}

.top-footer section:last-child p {
  color: var(--color16);
}


.top-footer section:last-child i {
    margin-left: 10px;
    display: inline-block;
    text-align: center;
}

.top-footer section:last-child i::before {
font-size: 1.3rem;
    color: var(--color16);
}

.top-footer section:last-child i:hover::before {
font-size: 1.3rem;
    color: var(--origin20);
}

.top-footer section h2 {
    color: var(--origin21);
}

.top-footer .social-place {
margin-right: 0;
}


.top-footer .logo-place img {
margin: 0;
}

.top-footer section ul {
  padding: 0;
  list-style: none;
}

.top-footer section ul li {
padding: 5px 0;
}




.top-footer section ul li a , .top-footer section ul li a:visited, .top-footer section ul li a:link {
color: var(--color16);
}

 .top-footer section:nth-child(2) ul li a::before {
content: '\e801';
  font-family: "webfont";
  margin: .2rem;
font-size: .9rem;
  color: var(--origin20);
  padding-left: 5px;
}

.top-footer [class^="icon-"]::before, .top-footer [class*=" icon-"]::before, input[class^="icon-"]::before {
font-size: 1.2rem;
    color: var(--origin6);
    background-color: var(--origin21);
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
    padding: 2px 2px 0px;
}

.top-footer section ul li a:hover {
color: var(--color16);
  padding-right: 10px;
}



.bot-footer {
text-align: center;
     background-color: var(--origin21);
}

.bot-footer section , .bot-footer {
line-height: 2;
}

.rules , .karik a , .karik a:visited , .karik a:link  {
color: var(--origin6);
}


.up {
    cursor: pointer;
    position: fixed;
    bottom: 33px;
    left: 20px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    transition: .3s ease-out;
  text-align: center;
      background-color: var(--origin10-95);

}

.up i {
    transition: .3s ease-out;
}

.icon-up::before {
    margin-top: 15px;
  color: var(--color16);
}


.master-container {
  margin: 0 8%;
}

.master-container-title h1 {
background-color: var(--color13);
padding: var(--gap1);
  padding-right: var(--gap2);
  box-shadow: 0px 0px 5px -1px rgba(54,54,54,0.75);
}



.master-container-content {
line-height: var(--body-line-height);
  text-align: justify;
  padding: 0 1.5%;
  min-height: 400px;
}

.master-container-content img {
border-radius: 20px;
transition: .5s ease-out;
display: block;
margin: var(--gap3) auto;
object-fit: cover;
  max-width: 80%;
}






.master-container-content article {
  margin: var(--gap3) 0;
  display: flex;
}



.work-samples-details section figure {
float: left;
}

.work-samples-details section figure img {
max-width: 100%;
  margin-right: var(--gap5);
}




.master-container .container-aboutus1, .master-container .expertise,
.master-container form[id^="form"], .master-container .work-samples-container,
.master-container .banner-place {
padding: 0;
}


.master-container .expertise section div figure img {
border: unset;
  max-width: unset;
}

.master-container .expertise {
margin-top: 0;
}









.contact_us_container {
display: flex;
      flex-wrap: wrap;
}




.master-container-content ul {
  
  margin: 0;
  padding: var(--gap1);

}


.google-section {
width: 100%;
    padding: var(--gap1);
  border: 2px solid var(--color13);
    border-radius: 20px;
    margin-top: var(--gap3);
}

iframe {
width: 100%;
}

.master-container-content ul li span:nth-child(1) i {
color: var(--origin10);
  text-align: center;
display: block;
}


.master-container-content ul a , .master-container-content ul a:visited ,
.master-container-content ul a:link {
color: var(--color1);
}

.services {
background-image: url('/directory/deylamancom/Pic/landing-bg-parallax.jpg');
  padding: var(--gap5) 8%;
text-align: center;
      background-attachment: fixed;
    background-size: cover;
}

.master-container-content .services {
background-image: unset;
  padding: 0;
}

.master-container-content .services h2 a , .master-container-content .services h2 a:visited ,
.master-container-content .services h2 a:link {
color: var(--color4);
}

.master-container-content .services article section {
box-shadow: 0px 0px 5px 0px rgba(123,123,123,0.75);
  padding: var(--gap1);
}

.master-container-content .services polygon {
stroke: var(--color10);
}


.services h2 a , .services h2 a:visited , .services h2 a:link {
color: var(--color16);
}

.services h2 {
color: var(--origin10);
         font-size: 2.5em;
}


.services article {
display: flex;
flex-wrap: wrap;
}

.services article section {
 width: calc(100%/var(--item-count4) - var(--gap2));
margin: var(--gap1);
  display: flex;
flex-direction: column;
}

.services article section span , .services article section p {
color: var(--color16);
}

.services article section p {
margin: 0;
  text-align: justify;
}

.services article section span {
font-weight: bold;
  margin: var(--gap5) 0;
}


  .master-container .services {
  margin-top: unset;
  }


.services-details {
flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}


.services-details section {
display: flex;
}


.services-details code {
position: relative;
}


.services-details svg:hover {
  transform: rotate(-90deg);
}

.services-details i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--origin10);
font-size: 2rem;
}

.services-details svg {
display: block;
margin: auto;
width: 200px;
height: 200px;
transition: .3s ease-out all;
}

.services-details polygon {
 stroke: var(--color10);
}




i {
    cursor: pointer;
}

.menu i {
display: none;
}


form[id^="form"] fieldset, fieldset {
  background-color: var(--color16);
  width: 100%;
  border-radius: var(--border-radius);
}

legend {
  font-weight: bold;
  font-size: 1.6em;
}



form[id^="form"] input:focus, 
form[id^="form"] select:focus, 
form[id^="form"] textarea:focus {
  border: none;
    border-BOttom: 1px solid var(--color10);
}



#form114{

float: left;
width: 100%;

  margin: 4% .3%;
  text-align:center;
}


.menu-place li img {
  max-width: 50px;
    border-radius: 5px;;
}

.dropdown ul li li {
  display: flex;
  align-items: center;
}

.dropdown ul li li a {
padding-right: 10px;
}

.dropdown ul li li {
  width: 250px;
  border-bottom: 1px dotted var(--color11);
}



 ul.contact_us li {
list-style-type: none;
       display: flex;

}

 ul.contact_us  {
list-style-type: none;
    width: 100%;
       border: 2px solid var(--color13);
    border-radius: 20px;
}


.contact_us i:before {
font-size: 1em !important;
}







/* Under 1400px	*/
@media (max-width: 1400px) {
  
  .certificate {
        margin-top: 50px;
    }
  
  
  .container-text {
    margin-top: var(--gap4);
    padding: 2% var(--gap4);
  }


  .projects, .about-company {
  padding: 0 var(--gap2);
}
  
  .projects, .about-company, .customer-place, .certificate {
    padding: 0 var(--gap2);
}

.services-place {
    padding: 2% var(--gap2);
}
  
  header {
  margin: 0 var(--gap3);
  }
  
  .master-container  {
  margin: 0 ;
  }
  
  .master-container-content {
    margin: 0 var(--gap3);
  }
  
 
}


/* Under 1360px	*/
@media (max-width: 1360px) {

.social-top {
    margin: 0px 2%;
}
  
    .top-footer {
  padding: var(--gap3);
  }
  




}

/* Under 1280px	*/
@media (max-width: 1300px) {
  
.projects section div {
    width: calc(100% / var(--item-count3) - var(--gap2));

  }



}
  









/* Under 1024px	*/
@media (max-width: 1024px) {
  
  .lang-place a {
  font-size: var(--small);
}
  
  :root {
  --item-count4: 2;
  }
  
  .menu {
    flex:1;
  }
  
  .logo-place {
  flex:1;
    text-align: center;
  }
  
  .lang-place {
  flex:1;
    text-align:left
  }
  
  
  
  
  .cont-text-place img {
    height: 350px;
    object-fit: cover;
}
  
  header {
    justify-content: space-between;
}
  
  .banner-place {
    display: none;
    margin-top: 0px;
}
  
  
  header {
  margin: 0;
    margin-top: 0;
    padding: 1.5%;
  }

  .dropdown {
  flex-direction: column;
  }
  
  .logo-place {
  top: 10px;
  right: 10px;
  padding: 0;
    left: unset;
transform: unset;
}
  
  
  
  .logo-place img {
  max-height: 55px;
}
  
  .logo-in-menu img {
  height: 55px;
    margin: 10px;
  }

  
   .top-header {
  background-color: var(--color15);
     padding: var(--gap1) 2.8%;
  }
  


  
  .menu i {

    display: block;
color: var(--origin20);
  }
  
     .menu-place {
        position: absolute;
        width: 100%;
        right: -1050px;
        top: 75px;
       display: none;
    }
  
  .dropdown ul {
  width: 100%;
background-color: var(--color15);
  }
  
  .dropdown ul li {
  display: block;
    padding: 10px 15px;
    border-bottom: 1px dotted var(--color9);
    background-color: var(--color14);
  }
  
  .pentagon {
  display: none;
  }

  .about-company {
  flex-wrap: wrap;
justify-content: center;
  }
  
  
  .fixed .logo-place img {
  margin-top: unset;
    max-height: 55px;
}
  

  .dropdown li span {
  float: left;
  }
  
  .dropdown ul li li {
  background-color: var(--color15);
  width: 100%;
}
  .dropdown ul li li.hover, .dropdown ul li li:hover {
  background-color: unset;
}
  
  .dropdown ul li.hover, .dropdown ul li:hover {
  border-bottom: 1px dotted var(--color10);
  }
  
  
  .dropdown ul li a, .dropdown ul li a:visited, .dropdown ul li a:link {
  color: var(--color1);
}
  
 
  .banner-place img , .banner-place figure::before {
  height: 350px;
  }
  
   .banner-place img  {
  min-height: 270px;
  }
  
  
  .projects section div article {
  flex-direction: column;
  }
  
  
 

  
  
  .master-container-content img {
  max-width: 100%;
  }
  
  .work-samples-container {
  margin-top: 80px;
  }
  

}


/* Under 820px	*/
@media (max-width: 820px) {

  
  .top-footer section:nth-child(1) {
    margin-top: 50px;
    text-align: center;
    }
  
  .projects {
    margin-top: 9%;
}
  
  .top-footer section {
    width: calc(100% / var(--item-count1) - var(--gap2));
}
  
  .cont-text-place section:nth-child(1)
 {
    flex: unset;
}
  
  
  .about-company section figure::before {
    width: 100%;
    height: 100%;
    left: 0px;
}
  
  .container-text div {
    margin-bottom: 40px;
}
  
  
  :root {
  --item-count4: 2;
  }
  
  
  .banner-place ul li .caption h3 {
  padding-top: unset;
  }
  
  
  
  
  .master-container-content ul {
  padding: 0;
}
  
  
  .contact_us_container {
  flex-direction: column;
  }
  
  
  .dropdown ul li li {
  font-size: unset;
    padding: 10px 15px;
  }
  
  .dropdown ul li ul {
  margin: 0;
    padding: 0;
  }
  
 
  .projects section div article {
  flex-direction: column;
  }
  

  .banner-place ul li {
  flex-direction: column-reverse;
  }
  
  .banner-place ul li .caption, .banner-place ul li figure {
  flex: unset;
}
  
  
  .banner-place ul li .caption h2 {
  font-size: 2em;
}
  
    html[lang=en] .banner-place ul li .caption h2 {
  font-size: 1.5em;
}
  
  
   .projects section div article {
  flex-direction: unset;
  }
  
  .services h2 {
    font-size: 2em;
}
  
  .about-company {
  flex-wrap: wrap;
  }
  
      .cont-text-place img {
        height: 400px;
    }
  
  
  
  .projects section:nth-child(2) div figure img {
  height: 100px;
}
  
  
  .top-footer section {
  align-items: unset;
  }
  
  
  .master-container-content ul li span:nth-child(2) {
  width: 100%;
  }
  
 
  

  }
  



/* Under 620px	*/
@media (max-width: 620px) {
  
  .projects section div h3 a, .projects section div h3 a:visited, .projects section div h3 a:link {
    font-size: var(--medium);
}
  
  .projects figure {
    width: 120px;
    height: 120px;
}
  
  .projects figure img {
    max-height: 60px;
  }
  
  .projects h3 {
  margin: 10px !important;
  }
  
  .cont-text-place section {
    width: calc(100% / var(--item-count1) - var(--gap2));
}
  
  .cont-text-place section:nth-child(1) {
    flex: unset;
}
  
      .banner-place ul li .caption {
        top: 0px;
    }

 footer {
  margin-top: 10%;
}
  
  .banner-place figure {
  text-align: center;
}
  
  .banner-place figure::before {
 
  }
 
  .master-container-content ul {
  padding: 0;
  }
  
  
  .work-samples-details section figure {
  float: unset;
  }
  
  
  .work-samples-details section figure img {
  margin: var(--gap3) auto;
  }



  
  
}





/* Under 520px	*/
@media (max-width: 520px) {
  
  .lang-place a {
        font-size: var(--verysmall);
    }
  
  .projects {
        margin-top: 15%;
    }
  
  .blog section {
    margin: var(--gap3) var(--gap1);
}
 
  
  .social-top {
    display: none;
}
  
  .caption h3 {
  margin: 0px 0px 15px;
}
  
  .banner-place ul li .caption {
    width: 100%;
    margin: 0;
}
  
  .projects section div h3 {
    margin-bottom: revert;
}
  
    *{
   user-select: none; 
  }
  
  
  :root {
  --item-count4: 1;
}
  
  header {
  padding: var(--gap3);
  }
  
  .menu-place {
  top: 71px;
  }

  
  .logo-place {
    top: 0;
  }
  
  .master-container-content .projects-details figure img {
  max-width: 100%;
  }
  
  
  .about-company section figure img {
  max-width: 100%;
}
  

  
  .master-container-content ul {
  margin: 0;
  }


  
 
  
  .banner-place img, .banner-place figure::before {
  height: 300px;
}
  


  .social-place {
  display: none;
  }

  .projects section:nth-child(1) h2 {
  text-align: justify;
  }
  


  .master-container-content {
  margin: 0 var(--gap5);
}
  
  .master-container-title h1 {
  font-weight: normal;
    font-size: 1.5rem;
  }
  
  
  
  

  
  
  

}


/* Under 414px	*/
@media (max-width: 414px) {
  
  .titr {
    width: 250px;
    font-size: 1.1em;
}
  
    .projects {
    margin-top: 18%;
}
  
  .banner-place ul li .caption {
   
}
  
  .projects section div {
    width: calc(100% / var(--item-count2) - var(--gap2))!important;
}
  
  .blog section {
    margin-bottom: 20px;
}
  
  .cont-text-place img {
        height: 250px;
    }
  
  .cont-text-place:nth-child(odd) img {
    border-radius: 30px!important;
}
  
  .cont-text-place:nth-child(even) img {
    border-radius: 30px!important;
}
  
  .banner-place ul li .caption h2 {
        font-size: 1.5em!important;
    }
  

  .banner-place figure {
  text-align: right;
}
  
  .banner-place img {
  height: 200px !important;
  }
  
  .menu-place {
  top: 80px;
}
  

  
  
  .container-aboutus2 .containers-pic img {
  height: 230px;
}
  
  .gallery-container article section {
  width: calc(100%/1 - var(--gap2));
  }
  

  
  
}

/* Under 360px	*/
@media (max-width: 360px) {
  
  
}