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


html, body {
    margin: 0;
    padding: 0;
    font-family: 'vazir';
  
  background-color: var(--color16);
     
    line-height: 2;
overflow-x: hidden;
  
}


body[data-page-type=item] .fixed , body[data-page-type=detail] .fixed , body[data-page-type=generate] .fixed , body[data-page-type=search] .fixed {
background-color: var(--color15);
}

body[data-page-type=homepage] header {
position: absolute;
  direction: rtl;
  background-color: transparent;
}

:root {

--color1: #000000;
--color2: #202020;
--color3: #282828;
--color4: #404040;
--color5: #606060;
--color6: #707070;
--color7: #808080;
--color8: #909090;
--color9: #A0A0A0;
--color10: #B0B0B0;
--color11: #C0C0C0;
--color12: #D0D0D0;
--color13: #E0E0E0;
--color14: #F0F0F0;
--color15: #F9F9F9;
--color16: #FFFFFF;

  --color17: #f9f9f9;
  --color18: #fbfbfb;
}


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



:root {
    --origin3: #ffeaec;
    --origin4: #ffd4d7;
    --origin5: #ffb7bb;
    --origin6: #fd8e95;
    --origin7: #fd8e95;
    --origin8: #d93741;
    --origin9: #d2131e;
    --origin10: #890008;
    --origin11: #aa161e;
    --origin12: #b3464c;
    --origin13: #be585e;
    --origin14: #dd7278;
    --origin15: #f6898f;
    --origin20: #c70102;
}



:root {
    --origin10-25: #d2131e25;
    --origin10-50: #d2131e50;
    --origin10-75: #d2131e75;
    --origin10-90: #d2131e90;
    --origin10-95: #d2131e95;
}




:root {
    --gap-2: .2%;
  --gap-5: .5%;
  --gap1: 1%;
  --gap2: 2%;
  --gap3: 3%;
  --gap4: 4%;
  --gap5: 5%;
    --titr-line-height: 1.2;
    --padding1: 1%;
    --padding2: 2%;
    --padding3: 3%;
    --padding-top1: 1%;
    --padding-bottom1: 1%;
    --padding-right1: 1%;
    --padding-left1: 1%;
    --margin1: 1%;
    --margin2: 2%;
    --margin3: 3%;
    --margin-top1: 1%;
    --margin-bottom1: 1%;
    --margin-right1: 1%;
    --margin-left1: 1%;
    --border-radius: 15px;
    --item-count1:1;
    --item-count2: 2;
    --item-count3: 3;
    --item-count4: 4;
    --item-count5: 5;
    --item-count6: 6;
   --body-line-height: 2;
  
  --border-radius: 15px;
  --very-big:2rem;
  --big:1.5rem;
  --normal:1rem;
  --medium:0.9rem;
  --small:.8rem;
    --verysmall:.6rem;
   --large:1.2rem;
     --verylarge:1.5rem;
    
}


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

.very-small {
font-size: .7rem;
}

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

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



a {
    text-decoration: none;
    transition: .5s ease-out;
  color: var(--color1);
}

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


.red a {
    color: var(--origin9);
}

.black a {
    color: var(--color1);
}

.white a {
    color: var(--color18);
}

.contact-place {
    display: flex;
    flex-wrap: wrap;
}

.contact-place > div {
width: calc(100% / var(--item-count2));
}

.search-notfound {
    position: unset!important;
  width: 50%!important;
    margin: auto!important;
}

.search-notfound input {
        display: unset!important;
    border: 1px solid #c6c6c6!important;
}

.logo-place {
flex:1
}

.contact_us {
    list-style-type: none;
  margin: var(--gap5);
}


.contact-us-whatsapp {
cursor: pointer;
    position: fixed;
    z-index: 110;
    right: 25px;
    padding: 10px;
    bottom: 20px;
        transition: .3s ease-out;
    background-color: #1DC05A;
    border-radius: 50px;
  display:none;
}

.contact-us-whatsapp:hover {
    transform: scale(1.1);
}

.contact-us-whatsapp a {
    color: var(--color16);
}

.contact_us li {
    display: flex;
  margin: var(--gap1) 0;
}

.contact_us li span:nth-child(1) {
background-color: var(--color4);
padding: var(--gap-5)
}

.contact_us li span:nth-child(1) i {
color: var(--color16);
  text-align: center;
display: block;
}

.contact_us li span:nth-child(2) {
    text-align: right;
  background-color: var(--color14);
width: 100%;
    padding: 0 var(--gap1);
padding: var(--gap-5)
}

.header-search-container {
position: absolute;
    right: 0;
    width: 100%;
      top: 2px;
  z-index: 20;
}

.header-search-container input{
background-color: var(--color16);
    float: left;
    width: 100%;
    border-radius: var(--border-radius);
    padding: 6px;
    border: unset;
   font-family: 'vazir';

}

.icon-search {
margin-right:-40px;
  cursor: pointer;
}

textarea:focus, input:focus{
    outline: none;
}

.icon-search:before {
    color: var(--origin8);
}

.icon-search:before {
    color: var(--origin8);
}

.icon-close2:before {
position: absolute;
    left: 0;
    top: 3px;
  z-index:109
}

.icon-close2 {
display:none;
  cursor: pointer;
}

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

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


.btn {
padding: var(--gap1);
border-radius: var(--border-radius);
  
}



.btn::before {
font-size: 1.3rem;
padding-left: 25px;
  animation: tilt-shaking 0.3s infinite;
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}


.dark-btn {
color: var(--color16);
    background-color: var(--opacity2);
}


.light-btn {
    color: var(--color16);
    background-color: var(--origin8);
    padding: 2px 5px;
    width: 100%;
    text-align: center;
  font-size: var(--medium);
}

.light-btn {
        margin-bottom: 5px;
}

.light-btn sub {
    float: left;
       font-size: var(--small);
    margin-top: -2px;
}



.banner-place a:hover , .btn-social a.btn:hover , .btn-social search.btn:hover , .caption a.btn:hover , .counseling a.btn:hover ,
.work-samples-container a.btn:hover {
  color: var(--origin10);
}


main {
    margin-bottom: var(--gap1);
  direction: rtl;
}

header{
      
    z-index: 90;
    top: 0;
    width: 100%;
  padding: 0 5%;
    direction: rtl;

}

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


.fixed {
  transition: .5s ease-out;
  position: fixed !important;
  padding: 0px ;
  margin:0px;
  background-color:white;

}

body[data-page-type!=homepage] .fixed {  background-color: var(--color15);}



.expertise , .counseling , .work-samples-container  {
margin-top: var(--gap4);
}




.header-top {
display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0px var(--gap1);
  direction: rtl;
  padding-top: 5px;
}

 .header-top .btn:nth-child(1) {
padding: var(--gap3);
   color: var(--color16);
}


.btn-social {
display: flex;
align-items: center;
  justify-content: flex-end;
  position: relative;
  flex:1;
        flex-wrap: wrap;
}

.social-place {
margin-right: 40px;
}

.menu {
  display:none }

.menu-place {
    text-align: center;
    
  flex:6
}

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


.social-place i {
color: var(--origin10);

}


search {
display: flex;
align-items: center;
  margin-right: 10px;
}

search i {
font-size: .8rem;
}

#txtsearch {
display: none;
}







.btn-social .header-search-popup i {
font-size: 1rem;
color: var(--origin10);
padding: 3%;
}

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


.banner-place ul li {
display: flex !important;
  align-items: center;
  padding:1.5%;
  
}

.banner-place ul li .caption , .banner-place ul li figure {
flex: 1;
}

.banner-place ul li figure img {
text-align: left;
  margin-left: var(--gap5);
}

.banner-place ul li .caption section {
margin-top: var(--gap5);
}


.top-right {
    right: 1%;
    top: 16%;
  text-align:right;
}

.top-center {
    text-align: center;
    top: 16%;
}

.top-left {
    left: 1%;
    top: 16%;
  text-align:left;
}

.bottom-right {
    right: 1%;
    bottom: 15%;
  text-align:right;
}

.bottom-center {
    bottom: 15%;
}

.bottom-left {
    left: 1%;
    bottom: 15%;
  text-align:left;
}

.caption {
position: absolute;
      border-radius: 20px;
      padding: 0px var(--gap2);
  z-index: 5;
      width: 700px;
}

.caption h2 {
color: var(--color16);
    font-size: 2.5em;
  text-shadow: 2px 2px 5px var(--color4);
      margin-bottom: 0px;
}

.caption p {
color: var(--color16);
    font-size: var(--big);
  text-shadow: 2px 2px 5px var(--color4);
  line-height: 1.5;
}


 
.banner-place ul li .caption {
padding: var(--gap5);
  line-height: var(--body-line-height);
}

.banner-place ul li .caption h3  {
text-align: justify;
  color: var(--color4);
}

.banner-place ul li .caption .titr {
font-weight: bold;
  color: var(--origin10);
}

.banner-place ul li .caption h2 , .banner-place ul li .caption h3 {
margin: 0;
}
.banner-place ul{
direction: rtl;
}
.dots-2 {
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}

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


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



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


.banner-place
{
display: flex;
    flex-wrap: wrap;
      position: relative;


}

.banner-place section {
    width: calc(100% / var(--item-count1));
  height: 1000px;
 text-align:center;
  position: relative;
    display: flex;
    justify-content: center;
  background-position: center;
  background-color: var(--color5);
}

.icon-angle-down {
bottom: 8%;
  position: fixed;
  font-size: 2em;
  text-shadow: 2px 5px 10px rgb(251, 251, 251);
 
  z-index: 105;
  border-radius: 5% 25%;
  cursor:pointer;
  animation: skew-y-shaking 1.5s infinite;
  color: var(--origin11);
  left: 1%;
  right: 1%;
 
 

}

@keyframes skew-y-shaking {
   0% { transform: translateY(0) }
  25% { transform: translateY(5px) }
  50% { transform: translateY(-5px) }
  75% { transform: translateY(5px) }
  100% { transform: translateY(0) }
}

.box4-place {
width: 100%;
}

.maincontent:nth-child(odd) {
    flex-direction: row;
}

.maincontent:nth-child(even) {
    flex-direction: row-reverse;
}

.maincontent {
display: flex;
  padding: 3% 5%;
  flex-wrap: wrap;
    width: 100%;
}

.maincontent h1 {
    width: 100%;
    text-align: center;
    color: var(--origin9);
    margin: 0px 0px var(--gap4);
}

.main-pic-section {
display: flex;
    justify-content: center;
}

.maincontent section { 
text-align: justify;
    margin: 0 1%;
    width: calc(100% / var(--item-count2) - 2%);
}

.maincontent-pic img {

max-width: 100%;
    object-fit: cover;
    text-align: center;
    transition: .5s ease-out;

}

.maincontent-pic img:hover {
    transform: scale(1.1) ;
 
}

.maincontent-pic {
text-align: center;
    overflow: hidden;
    border-radius: 80px;
    transition: .5s ease-out;
width: 600px;
    max-height: 600px;
    display: flex;

}

.maincontent-pic:hover {
 box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5);
}

.maincontent h2 , .services-content h2 , .faq h2 {
    color: var(--origin10);
    padding: 0px;
    margin: 0px;
}

.maincontent hr {
width: 50%;
    float: right;
    background-color: var(--origin10);
    height: 3px;
    margin: 0px;
    padding: 0px;
    border: unset;
}

.maincontent h3 , .services-content h3 {
    color: var(--origin7);
}

.main-link {
float: right;
    width: 100%;
}

.main-sub-link {
float: right;
    width: 100%;
  margin-top:30px
}

.main-link a {
    width: 50%;
    float: right;
    color: var(--origin8);
    transition: .5s ease-out;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.main-link a:hover {
color: var(--origin10);
    padding-right: 4px;
}

.main-link img {
max-width: 50px;
    padding: 10px;
    border-radius: 30px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  margin-left:10px;
}

.main-link a:hover:before {
background-color: var(--origin10);
    padding: 15px 15px 15px 40px;
    color: var(--color16);
}

.main-link-dark {
    color: var(--color16);
    background-color: var(--origin10);
  padding: 10px 30px;
    border-radius: 20px;
    margin: 0 10px;
} 

.main-link-dark:hover {
    color: var(--origin10);
    background-color: var(--origin4);
}

.main-link-light {
    color: var(--origin10);
    background-color: var(--color16);
  border:1px solid var(--origin10);
  padding: 10px 30px;
    border-radius: 20px;
    margin: 0 10px;
} 

.main-link-light:hover {
    color: var(--color16);
    background-color: var(--origin10);
} 

.services-content {
	text-align:center;
  padding: 3% 10%;
}

.services-content hr {
margin: 0 35%;
    background-color: var(--origin10);
    height: 3px;
    padding: 0px;
    border: unset;
}

.services-section {
display: flex;
    justify-content: center;
  margin-top: 100px;
  flex-wrap: wrap;
}

.services-section section {
       margin: 0 1%;
    width: calc(100% / var(--item-count3) - 2%);
    background-color: var(--color16);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 15px;
    transition: all 0.5s ease-in-out;
}

.services-section section:hover {
    transform: translate(0, -15px);
}

.services-section img{
max-width: 250px;
    height: 250px;
    border-radius: 30px;
  transition: .5s ease-out;
  object-fit: cover;
}

.services-section img:hover{
transform: scale(1.1);
}

.services-pic {
top: -50px;
    position: relative;
}

.services-pic p {
min-height:120px
}

.customer-logo {
text-align:center;
  
}

.customer-logo img:hover {
transform: scale(0.95);
}

.customer-logo img {
    margin: 0 20px;
  transition: .5s ease-out;
      max-width: 200px;
}

.news {
    flex-direction: row-reverse !important;
}

.news-link {
display: flex;
  margin-top:50px;
  flex-wrap: wrap;
    width: 100%;
}

.news-link section {
text-align: center;
    margin: 0 1%;
    width: calc(100% / var(--item-count2) - 2%);
}

   

.news-section  figure {
max-width: 60px;
    height: 60px;
    padding: 10px 12px;
    background-color: var(--color16);
    border-radius: 30px;
    color: var(--color1);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  transition: .5s ease-out;
      margin: auto;
}

.news-section  figure:hover {
transform: scale(1.1);
  background-color: var(--color1);
}

.faq {
display: flex;
  padding: 3% 10%;
    width: 100%;
}

.faq figure{
    transition: .5s ease-out;
      overflow: hidden;
}

.faq figure:hover {
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5);
}

.faq img{
transition: .5s ease-out;
}

.faq img:hover {
transform: scale(1.1);
  
}

.faq section:nth-child(1) {
width: calc(100% / var(--item-count1) - 2%);
    margin: 0 1%;
}

.faq :before  {
background-color: var(--origin10);
    padding: 15px 15px 15px 45px;
    border-radius: 50px;
    color: var(--color16);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
    font-size: 30px;
}

.faq section:nth-child(2) {
width: calc(100% / var(--item-count3) - 2%);
    margin: 0 1%;
  text-align: center;
}

.faq details {
    background-color: var(--color15);
    width: 100%;
    margin: 1% auto;
    padding: 0 .9%;
    border: 1px solid var(--color13);
    text-align: right;
    transition: all 0.5s ease-in-out;
    border-radius: 20px;
}

.faq summary h3 {
    font-weight: normal;
}

details > summary {
    list-style: none;
    cursor: pointer;
      position: relative;
}

details summary:after {
    content: '\e831';
    font-family: "webfont";
    font-size: 1.2EM;
    color: var(--color10);
    position: absolute;
    left: 8px;
    top: 0;
    font-weight: normal;
}

details[open] summary:after {
    content: "\e880";
}

.faq-boxlink {
background-color: var(--origin7);
    padding: var(--gap5);
    margin: var(--gap5);
    border-radius: 20px;
    color: var(--color16);
  padding-bottom: 30px;
}

.faq-boxlink h4 {
    color: var(--color1);
}

.faq-boxlink span {
float: right;
    width: 100%;
    margin-bottom: 20px;
}


.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);
}

.counseling {
display: flex;
  align-items: center;
line-height: var(--body-line-height);
  padding: var(--gap3);
border-radius: var(--border-radius);
  box-shadow: 0px 0px 21px -9px rgba(112,112,112,0.75);
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='1900' height='560' preserveAspectRatio='none' viewBox='0 0 1900 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1002%26quot%3b)' fill='none'%3e%3crect width='1900' height='560' x='0' y='0' fill='rgba(0%2c 93%2c 204%2c 1)'%3e%3c/rect%3e%3cpath d='M560 98.33C535.2 98.33 522.95 112.07 513.33 140C491.67 202.9 509.41 210.69 497.45 280C485.25 350.69 447.02 366.09 465 420C478.29 459.84 518.59 467.5 560 467.5C582.51 467.5 573.7 441.51 592.84 420C643.7 362.83 641.74 358.62 700 310.13C725.84 288.62 761.03 298.49 761.03 280C761.03 258.64 727.55 258.26 700 230.42C658.28 188.26 665.42 180.5 622.5 140C595.42 114.45 589.78 98.33 560 98.33' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M840 114.15C820.67 114.15 800.93 123.95 800.93 140C800.93 161.58 820.87 189.41 840 189.41C858.66 189.41 876.52 161.77 876.52 140C876.52 124.14 858.46 114.15 840 114.15' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1820 110C1794.8 110 1769.6 125.38 1769.6 140C1769.6 154.38 1794.8 168 1820 168C1845.2 168 1870.4 154.38 1870.4 140C1870.4 125.38 1845.2 110 1820 110' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M980 241.28C954.98 241.28 928 258.36 928 280C928 305.3 955.4 335.15 980 335.15C1002.56 335.15 1022.33 305.72 1022.33 280C1022.33 258.78 1002.14 241.28 980 241.28' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M140 371.54C128.94 371.54 117.89 397.34 117.89 420C117.89 434.43 128.94 445.71 140 445.71C151.06 445.71 162.11 434.43 162.11 420C162.11 397.34 151.06 371.54 140 371.54' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1820 412.63C1817.39 412.63 1814.72 416.26 1814.72 420C1814.72 423.95 1817.39 428 1820 428C1822.58 428 1825.09 423.95 1825.09 420C1825.09 416.27 1822.58 412.63 1820 412.63' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M140 99.17C77.67 57.49 58.1 72.98 0 31.82C-11.9 23.39 -12.96 2.95 0 0C57.04 -12.96 70 0 140 0C210 0 210 0 280 0C350 0 350 0 420 0C490 0 490 0 560 0C589.75 0 619.5 -11.9 619.5 0C619.5 16.43 590.29 28.92 560 56.67C513.88 98.92 498.21 88.59 466.67 140C429.7 200.26 445 210.06 422.98 280C421.66 284.18 421.74 284.22 420 288.24C391.53 354.22 389.38 353.35 362.56 420C334.7 489.23 344.88 501.91 310.63 560C303.6 571.91 295.32 560 280 560C210 560 210 560 140 560C123.85 560 107.69 568.05 107.69 560C107.69 546.62 122.9 537.81 140 517.14C180.81 467.81 213.82 475.38 223.51 420C234.56 356.81 197.17 351.17 181.48 280C166.3 211.17 177.41 208.12 161.78 140C156.67 117.7 158.56 111.58 140 99.17' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M685 140C685 131.78 691.97 123.85 700 123.85C709.23 123.85 719.53 131.73 719.53 140C719.53 148.56 709.19 157.5 700 157.5C691.92 157.5 685 148.6 685 140' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M840 60.31C809.55 34.56 787.03 18.17 787.03 0C787.03 -11.99 813.51 0 840 0C910 0 910 0 980 0C1009.62 0 1023.06 -19.77 1039.23 0C1080.33 50.23 1111.17 93.18 1094.55 140C1081.56 176.59 1033.53 166.81 980 166.81C962.56 166.81 967.83 151.58 952.61 140C897.83 98.33 892.34 104.56 840 60.31' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1680 50C1658.88 46.4 1663.72 19.09 1663.72 0C1663.72 -5.91 1671.86 0 1680 0C1750 0 1750 0 1820 0C1890 0 1918.3 -28.3 1960 0C1988.3 19.2 1986.52 89.95 1960 95C1916.52 103.28 1893.26 38.44 1820 26.67C1753.26 15.94 1737.02 59.73 1680 50' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1103.72 280C1103.72 230.09 1088.07 191.52 1120 180C1166.21 163.33 1189.74 222.67 1260 223.61C1329.74 224.54 1332.29 177.08 1400 183.75C1472.29 190.87 1471.71 255.17 1540 251.18C1611.71 246.99 1609.41 168.75 1680 167.39C1749.41 166.05 1753.53 202.12 1820 245.78C1839.25 258.42 1851.43 262.23 1851.43 280C1851.43 299.61 1835.17 299.86 1820 320.53C1783.8 369.86 1748.68 369.58 1748.68 420C1748.68 473.32 1783.64 474.49 1820 528C1831.21 544.49 1843.83 549.98 1843.83 560C1843.83 565.98 1831.91 560 1820 560C1750 560 1750 560 1680 560C1610 560 1610 560 1540 560C1492.97 560 1487.07 573.93 1445.94 560C1417.07 550.22 1425.42 512.58 1400 512.58C1367.45 512.58 1368.29 547.03 1330 560C1298.29 570.74 1295 560 1260 560C1212.58 560 1165.16 576.89 1165.16 560C1165.16 538.2 1217.85 526.06 1260 482.63C1285.78 456.06 1301.03 450.39 1301.03 420C1301.03 393.2 1289.01 376.67 1260 368.26C1198.49 350.42 1167.77 394.48 1120 367.5C1089.63 350.35 1103.72 323.84 1103.72 280' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 319.38C15.09 319.38 56.49 375.36 56.49 420C56.49 447.73 17.48 464.11 0 464.11C-10.76 464.11 0 442.06 0 420C0 369.69 -13.16 319.38 0 319.38' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M636.05 420C664.5 384.32 661.84 378.32 700 354.43C763.81 314.49 779.31 277.08 840 292.35C909.59 309.86 960.56 361.02 960.56 420C960.56 471.01 898.1 463.7 840 512.34C814.48 533.7 822.51 550.07 793.33 560C752.51 573.9 746.66 560 700 560C630 560 630 560 560 560C537.3 560 514.59 566.82 514.59 560C514.59 551.82 542.43 550.25 560 530C603.16 480.25 594.5 472.1 636.05 420' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1888.73 420C1888.73 390.44 1938.27 360.61 1960 360.61C1973.91 360.61 1960 390.31 1960 420C1960 449.25 1973.83 478.51 1960 478.51C1938.2 478.51 1888.73 449.39 1888.73 420' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M239.56 140C214.15 70.86 180.6 44.08 193.33 0C200.82 -25.92 236.66 0 280 0C316.4 0 330.46 -22.34 352.8 0C400.46 47.66 437.4 83.65 420 140C401 201.55 335.93 235.79 280 235.79C245.71 235.79 257.48 188.76 239.56 140' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M560 15C531.98 15 500 3.81 500 0C500 -3.69 530 0 560 0C567.88 0 575.75 -3.15 575.75 0C575.75 4.35 569.85 15 560 15' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M840 6.46C835.87 6.46 834.32 1.95 834.32 0C834.32 -1.28 837.16 0 840 0C875 0 910 -1.61 910 0C910 1.62 873.71 6.46 840 6.46' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1236.67 280C1236.67 275.18 1247.86 273.95 1260 272.22C1329.53 262.29 1332.08 253.78 1400 256.67C1423.62 257.67 1432.64 259.44 1443.08 280C1474.12 341.1 1496.24 365.69 1482.96 420C1474.7 453.76 1438.37 456.13 1400 456.13C1377.58 456.13 1378.52 440.07 1361.38 420C1308.52 358.09 1313.69 352.45 1260 292.17C1251.34 282.45 1236.67 285.16 1236.67 280' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1624 280C1625.83 252.39 1651.42 243.48 1680 243.48C1711.73 243.48 1744.19 251.18 1744.62 280C1745.51 339.44 1711.19 349.31 1682.64 420C1678.88 429.31 1682.62 430.27 1680 440C1663.8 500.27 1683.04 527.39 1645 560C1613.04 587.39 1592.5 560 1540 560C1520.32 560 1500.63 572.69 1500.63 560C1500.63 529.24 1505.86 501.6 1540 473.1C1589.71 431.6 1647.92 466.93 1668.33 420C1689.92 370.38 1619.99 340.65 1624 280' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M679.26 420C683.48 406.12 685.93 400.89 700 398.73C766.3 388.54 774.28 386.73 840 395.29C855.95 397.37 863.33 408.58 863.33 420C863.33 429.87 850.48 427.6 840 437.87C779.03 497.6 782.95 505.45 720.42 560C712.95 566.52 710.21 560 700 560C675.5 560 653.65 577.88 651 560C643.28 507.88 658.98 486.75 679.26 420' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1952.36 420C1952.36 416.83 1957.67 413.64 1960 413.64C1961.49 413.64 1960 416.82 1960 420C1960 423.13 1961.48 426.27 1960 426.27C1957.66 426.27 1952.36 423.15 1952.36 420' stroke='rgba(0%2c 108%2c 236%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1002'%3e%3crect width='1900' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  height: 300px;
  background-size: cover;
}

.counseling section:nth-child(2) a.btn::before {
font-size: .8rem;
}

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

.counseling .dark-blue-btn a:hover {
color: var(--origin10);
}

.counseling section {
flex: 1;
}

.counseling section article {
margin-right: var(--gap5);
  text-shadow: -2px 3px 2px rgba(0,0,0,0.6);
}

.counseling section article h2 {
margin: 0;
  color: var(--color16);
}

.counseling section article div {
color: var(--color16);
  font-size: 1.3rem;
}

.counseling section:nth-child(1) {
display: flex;
align-items: center;
}

.counseling section:nth-child(2) {
text-align: left;
}

.expertise {
margin-top: 6%;
}

.expertise section div {
width: calc(100%/var(--item-count4) - var(--gap2));
margin: var(--gap1);
  background-color: var(--color16);
border-radius: var(--border-radius);
  box-shadow: 0px 0px 21px -9px rgba(112,112,112,0.75);
padding: var(--gap2);
  line-height: var(--body-line-height);
    transition: .5s ease-out;
}

.expertise section div:hover {
transform: translate(0,-15px);
background-color: var(--origin10-95);

}

.expertise h1 {
text-align: center;
}


.expertise section div figure img {
height: 70px;
}

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

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


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

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


.expertise-details h4 {
color: var(--color4);
}




.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(--color1);
}

.dropdown ul li a , .dropdown ul li a:visited , .dropdown ul li a:link {
font-size:1.1em;
  text-shadow: 5px 5px 15px rgb(251, 251, 251);
}



.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: unset;
}

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

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

footer {
background-color: var(--color14);
    border-radius: 30px 30px 0px 0px;
    box-shadow: 0px 0px 15px -9px rgb(0 0 0);
  direction:rtl;
}


.top-footer {
display: flex;

  padding: var(--gap2) 8%;
}

.top-footer section {
width: calc(100%/var(--item-count3) - var(--gap2));
margin: var(--gap1);
  display: flex;
flex-direction: column;
  align-items: center;
}

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

.top-footer section:last-child p {
margin: 0;
  padding: 0;
  color: var(--color4);
}


.top-footer section:last-child i {

width: 35px;
height: 35px;
padding-right: 2px;
margin-left: 10px;
margin-top: 15px;
margin-right: unset;
  display: inline-block;
text-align: center;
}

.top-footer section:last-child .icon-telegram {
padding-right: 1px;
padding-top: 1px;
}

.top-footer section:last-child i::before {
font-size: 1.3rem;
}

.top-footer section:last-child i:hover {
background-color: var(--color16);
border: 2px solid var(--origin10);
  transition: .5s ease-out;
}



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

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


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

.top-footer section ul {
margin: 0;
  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(--color4);
}

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

.top-footer [class^="icon-"]::before, .top-footer [class*=" icon-"]::before, input[class^="icon-"]::before {
  font-size: .9rem;
  color: var(--origin10);
  padding-left: 5px;
  width: unset;
}

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


.bot-footer {
text-align: center;
  padding: var(--gap-5) 0;
  border-radius: 30px 30px 0px 0px;
}


.rules , .karik a , .karik a:visited , .karik a:link  {
    color: var(--color9);
    font-size: x-small;
}


.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(--opacity7);
  z-index: 10;

}

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

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


.master-container , .content-place {
  margin: 20px 8%;
  direction:rtl
}

.master-container-title h1 {
background-color: var(--color15);
padding: var(--gap1);
  text-align: right;
  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;
border: 2px solid var(--color12);
transition: .5s ease-out;
display: block;
margin: var(--gap3) auto;
object-fit: cover;
  max-width: 70%;
}




.master-container-content .services .index-pic img {
  max-width: 90%;
  float: left;
  margin-top: unset;
}



.master-container-content .services section:nth-child(1) {
flex: 2;
}

.master-container-content .services section:nth-child(2) {
flex: 1;
}











.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;
}





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


.work-samples-container h2 {
text-align: center;
}

.work-samples-container article {
display: flex;
flex-wrap: wrap;
}

.work-samples-container article section {
 width: calc(100%/var(--item-count4) - var(--gap2));
margin: var(--gap1);
}

.work-samples-container article section img {
width: 100%;
height: 240px;
object-fit: cover;
box-shadow: 0px 0px 21px -9px rgba(112,112,112,0.75);
max-width: unset;
border: unset;
  border-radius: var(--border-radius);
}

.work-samples-container article section img:hover {
opacity: .8;
  transition: .5s ease-out;
}

.work-samples-container article section h4 {
text-align: center;
  position: absolute;
  top: 8%;
   right: 0;
background-color: var(--origin10-95);
padding: var(--gap2);
margin: 0;
  color: var(--color16);
  border-radius: 15px 0 0 15px;
  transition: .5s ease-in-out;
}

.work-samples-container article section h4:hover {
padding-right: 25px;
}


.work-samples-container article section {
position: relative;
}

.work-samples-container .btn {
margin: auto;
display: block;
width: 160px;
padding: var(--gap1);
margin-top: var(--gap2);
}



  .master-container .work-samples-container {
  margin-top: unset;
  }




i {
    cursor: pointer;
}

.menu i {
display: none;
}


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

legend {
      text-align: right;
    color: var(--color13);
  font-size:var(--big);
}




form small {
float:right
}

#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);
}






.fullscreen-video-container {

  position: relative;



  width: 100vw;

  overflow: hidden;
  
  display: flex;

  justify-content: center;

  align-items: center;

}

.fullscreen-video-container video {

  position: absolute;

  width: auto;

  height: auto;

  min-width: 100%;

  min-height: 100%;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  z-index : 1;

}
form[id^="form"] input[type="button"], input[type="reset"], form[id^="form"] button, button, input[type="button"] {
  color: white;
  background-color: var(--origin11);
  font-family: vazir;
  font-weight: normal;


}
.wrapper {
	
	direction: rtl;
}


.toc i{
  float:left;
  color:var(--origin10);
  cursor:pointer;
  
  
}
.toc {
PADDING:40PX;
}

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: vazir;
  font-size: 1em;
}

/* Under 1400px	*/
@media (max-width: 1400px) {
  
    .master-container , .content-place{
    margin:1%;
}
  
  header {
    padding: 0px; 
}
  
  .header-fixed {
    padding: 0px;
    margin: 0px;
}
  
  .maincontent {
    padding: 3% 2%;
}
  .services-content {
    padding: 3% 2%;
}
  .faq {
    padding: 3% 2%;
}

  

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

/* Under 1280px	*/
@media (max-width: 1280px) {
  
.btn-social > a {
    font-size: var(--small);
}
 
}


/* Under 1024px	*/
@media (max-width: 1024px) {
  
  header {
    position: unset; 
}
  
  
  .menu {
    display: inline;
    flex: 1;
}
  
.logo-place {
    flex: 3;
  text-align:center;
}
  
  
  .fixed {

    position: absolute;

}
  
  .header-top {
    background-color: #f9f9f9;
}
  
      .header-top .btn:nth-child(1) {
        font-size: x-small;
    }
  .logo-place img {
    max-height: 50px;
    margin-top: 10px;
}
  


  .counseling {
  height: auto;
  }
  
  
  .logo-in-menu img {
  height: 55px;
    margin: 10px;
  }

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

  
  .caption h2 {
    font-size: 1.5em;
}
  
  .menu i {
  display: block;
    text-align: right;
    color: var(--origin10);
  }
  
     .menu-place {
        position: absolute;
        width: 100%;
        right: -1050px;
        top: 65px;
       display: none;
    }
  
  .caption p {

    font-size: 1em;

}
  
  .banner-place section {
    height: 700px;
}
  
  .dropdown ul {
  width: 100%;
background-color: var(--color15);
   box-shadow: 0px 6px 9px -3px rgba(51,51,51,0.75);
  }
  
  .dropdown ul li {
  display: block;
    padding: 10px 15px;
    border-bottom: 1px dotted var(--color10);
  }
  

  
  .dropdown ul li:last-child {
   border-bottom: unset;
  }
  
  .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 ul li .caption {
  padding-left: 0;
    font-size: .9rem;
  }
 
  .banner-place img , .banner-place figure::before {
  height: 350px;
  }
  
  .expertise {
  margin-top: 10%;
}
  
  
  .expertise section div article {
  flex-direction: column;
  }
  
  
 
  .top-footer {
  padding: var(--gap3);
  }
  
  .master-container-content .services {
  display: unset;
  }
  
  .master-container-content .services section:nth-child(1) {
  margin-left: unset;
}

  
  .master-container-content .services .index-pic img {
  margin: var(--gap3) auto;
  max-width: 70%;
    float: unset;
}
  
  
  .master-container-content img {
  max-width: 70%;
  }
  
  .work-samples-container {
  margin-top: 80px;
  }
  

}


/* Under 820px	*/
@media (max-width: 820px) {
  
  .light-btn sub {
    font-size: var(--verysmall);
}
 
  
  .header-search-container input {
    font-size: var(--small);
}
  
  .faq {
    flex-wrap: wrap;
}
  
  .services-section section {
    margin-top: 100px;
}
  .services-section {
    margin-top: 0px;
}
  
      .banner-place section {
        height: 500px;
    }
  
  .faq h3 {
  font-size: medium;
            padding: 0px 10px 0px 23px;
  }
  
  
  :root {
  --item-count2: 1;
  --item-count3: 1;
  --item-count4: 2;
  }
  
  
  
  .master-container-content ul {
  padding: 0;
}
  
  
  .dropdown ul li li {
  font-size: unset;
    padding: 10px 15px;
  }
  
  .dropdown ul li ul {
  margin: 0;
    padding: 0;
  }
  
 
  .expertise 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 {
  margin-top: 8%;
  }
  
  
   .expertise section div article {
  flex-direction: unset;
  }
  
  .counseling {
  flex-wrap: wrap;
  }
  
  .counseling section {
  flex: unset;
  margin: var(--gap3) 0;
}
  
  .counseling section:nth-child(2) {
  text-align: center;
  width: 100%;
}
   
  .expertise section:nth-child(1) {
  font-size: .9rem;
  }
  
  .expertise 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) {
  
  .caption {
    width: 350px;
}
  
  .btn-social {

    flex: 2;
}
  .header-search-container {
    top: 0px;

}
  
    .logo-place {
        flex: 2;
        text-align: right;
    }
  

      .menu-place {
        top: 75px;
    }

  main , 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;
  }


  .master-container-content img , .master-container-content .services .index-pic img {
  max-width: 100%;
    float: unset;
  }
  
  
}





/* Under 520px	*/
@media (max-width: 520px) {
  
     
      .menu {
       
                flex: 0.5;
    }
  
  :root {
  --item-count4: 1;
}
  
  .top-header {
  padding-top: var(--gap2);
  }
  
  
  .master-container-content ul {
  margin: 0;
  }
  
  .counseling section:nth-child(1) {
  flex-wrap: wrap;
  justify-content: center;
}
  
  .counseling section article {
  margin-right: unset;
    margin: var(--gap4) 0;
}
  
  
  .banner-place img, .banner-place figure::before {
  height: 230px;
}
  .banner-place section {
        height: 400px;
    }
  .bottom-left {
    left: unset;
  text-align: center;
}
  
.top-left {
    left: unset;
  text-align: center;
}
  .top-right {
    right: unset;
    text-align: center;
}
  
    .bottom-right {
    right: unset;
    text-align: center;
}
 

  .btn::before {
  font-size: 1.1rem;
  padding-left: 20px;
}


  .social-place {
  display: none;
  }

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


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

}


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

  .content h1 {
    font-size: 1.3em;
}
  
    

  
      .btn-social > a {
                font-size: var(--small);
    }

  
  
  .maincontent section {
    margin: 20px 1%;
}
  
  .main-link a {
    width: 100%;
}

  

  

  .banner-place figure {
  text-align: right;
}
  
  .banner-place img {
  width: 90%;
  }
  
 
  
  
  .container-aboutus2 .containers-pic img {
  height: 230px;
}
  
  .gallery-container article section {
  width: calc(100%/1 - var(--gap2));
  }
  

  
}

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