#page{
  overflow: unset;
}
.home #site-content{margin-top: 0px;}
/* .home #site-header{opacity: 0.3;} */
@media (min-width: 780px){
  .home #site-header{padding-top: 15px;margin-bottom: 1em;border-width: 0;}
}
@media (max-width: 780px){
    
    #site-header{
        padding: 10px 0;
        overflow: hidden;
    }
    #site-header .quick-contact.show-in-moble .entry{
      position: fixed;
      top: 50px;
      right: 40px
    }
    body.admin-bar #site-header .quick-contact.show-in-moble .entry{
        top: 100px;
    }
    .home #site-content{margin-top:15px}
}
/** titles **/
#site-content.front-page .title.with-description{
  text-align: center;
  margin-bottom: 5.5em
}
#site-content.front-page .title h1,
#site-content.front-page .title h2,
#site-content.front-page .title h3,
#site-content.front-page .title h4,
#site-content.front-page .title h5,
#site-content.front-page .title h6{
  margin: 0.2em 0;
}

/** Sections **/
section,
.home-page-section{
  margin-bottom: 76px;
  padding: 25px 0 50px 0;
}
/** #hero-section **/
#site-content.front-page #hero-section .top-row{
  background: linear-gradient(190deg, #fff 40%, #eee 100%);
  font-size: 1.1em;
  overflow: hidden;
}
#site-content.front-page #hero-section .entry-top-row{
  position: relative;
  justify-content: space-between;
}
#site-content.front-page #hero-section .entry-top-row>.right{
  position: relative;
  padding-bottom: 130px;
  z-index: 1;
  max-width: 510px
}
#site-content.front-page #hero-section .short-description{
    font-weight: 400;
}
#site-content.front-page #hero-section .short-description h1{
    font-weight: 900;
    font-size: 40px; 
    line-height: 28px; 
    margin-bottom: 0; 
    letter-spacing: 0.005em; 
}
@media (max-width:780px){
    #site-content.front-page #hero-section .short-description h1{
        font-size: 25px;
        margin-bottom: .5em;
    }   
}
#site-content.front-page #hero-section .hero-title{
  margin-top: 20px;
  margin-bottom: 25px;
  font-weight: 900;
  font-size: 50px;
  letter-spacing: -2px;
  line-height: 1.5;
}
#site-content.front-page #hero-section .hero-title p{
    font-weight: 900;
    margin:0
}
#site-content.front-page #hero-section .hero-title em{font-weight: 900;font-style: normal;}
#site-content.front-page #hero-section .hero-title span,
#site-content.front-page #hero-section .hero-title i{font-weight: 200;font-style: normal;}
#site-content.front-page #hero-section .entry-top-row>.right .hero-paragraph{padding-left:50px}
#site-content.front-page #hero-section .hero-items ul{
  max-width: 510px;
  list-style: none;
  padding: 0;
}
#site-content.front-page #hero-section .hero-items li{
  width: 50%;
  display: flex;
  align-items: center;
  margin-bottom: 1em
}
#site-content.front-page #hero-section .hero-items li i{
  display: inline-block;
  margin-left: .5em
}
#site-content.front-page #hero-section .hero-paragraph {margin-bottom: 50px}
#site-content.front-page #hero-section .inline-buttons{
	display: inline-flex;
}
#site-content.front-page #hero-section .inline-buttons .btn{
	padding: .5em 1em;
}
#site-content.front-page #hero-section .inline-buttons .btn.secondary{
  margin-right: 1em;
	font-size: 17px;
}
#hero-section .entry-top-row > .right .btn.secondary.arrow::after{
  background-position-x: -54px !important
}
#site-content.front-page #hero-section .left .bg-image img{
  width: 75%;
  height: auto;
  object-fit: contain;
  position: absolute;
  top: -50px;
  left: -120px;
}


/*Cart*/
#site-content.front-page #hero-section .left .custom-cart{position: relative;z-index: 1;margin-top: 50px;}
#site-content.front-page #hero-section .left .custom-cart .image{border: 8px solid #f2f5fc;height: 150px;width: 150px;border-radius: 50%;position: relative;z-index: 2;margin-right: 30px;overflow:hidden;}
#site-content.front-page #hero-section .left .custom-cart .image img{
    border-radius: 50%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1.05);
    position: absolute;
    top: -2px;
    left: 0;
}
#site-content.front-page #hero-section .left .custom-cart .items{margin-top:-75px;padding-top:110px;min-width: 500px;box-shadow: 0 20px 30px 1px rgba(4, 57, 97, 0.1);position: relative;z-index: 1;}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items{border-top: 1px solid rgba(223, 228, 245, 0.76);margin: 0 30px;padding: 30px 0;}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item{display: flex;align-items: center;margin-bottom: 10px}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.item-1,
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.item-1 *{font-weight:bold;}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.mobile{display: none;}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title .top{display: flex;flex-direction:row-reverse;align-items: center;margin-bottom:5px;}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title .top .text-image{
  display: flex;
  align-items: center;
}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title .top .text-image::before{
  content:'دکتر حسن امیرشاهی';
  margin-left: 5px;
}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title .top .text-image::after{
  content: '';
  background-image: var(--spritebg);
  background-repeat: no-repeat;
  background-size: unset;
  display: inline-block;
  width: 26px !important;
  height: 26px !important;
  background-position-x: -377px;
  background-position-y: -30px;
}
@media (max-width:480px){
  #site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title .top .text-image{
    flex-direction: row-reverse;
  }
  #site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title .top .text-image::before{
    margin-left: 0px;
    margin-right: 5px;
  }
}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title{position: absolute;top: 30px;right: 200px}
#site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title span{font-weight: bold !important;font-size: 1.15em;margin-left: .5em}
#site-content.front-page #hero-section .left .custom-cart .items,
#site-content.front-page #hero-section .left .custom-cart .entry-cart::before,
#site-content.front-page #hero-section .left .custom-cart .entry-cart-container::before{background-color: white;border-radius: 6px;}
#site-content.front-page #hero-section .left .custom-cart .entry-cart::before,
#site-content.front-page #hero-section .left .custom-cart .entry-cart-container::before{
  content: '';
  position: absolute;
  height: 20px;
  width: 90%;
  top: 100%;
  right: 5%;
  border-radius: 0px 0px 6px 6px;
  box-shadow: 0 0 25px 5px rgba(4, 57, 97, 0.25);
}
#site-content.front-page #hero-section .left .custom-cart .entry-cart-container::before{
  height: 10px;
  width: 95%;
  right: 2.5%;
  box-shadow: 0 0 5px 5px rgba(4, 57, 97, 0.1);
}
/*Cart*/
#site-content.front-page .bottom-row .entry{
  position: relative;
  margin-bottom: 0px;
}
#site-content.front-page .certificates{
  position: absolute;
  width: 100%;
  padding: 1.5em 1em;
  right: 0;
  top: -35px;/* بعدا جایگزین شود*/
  /*top: -55px;*/
  border-radius: 4px;
}
#site-content.front-page .certificates .certificate .certificate-img{
  position: relative;
  width: 145px;
  height: 60px;
  filter: grayscale(90%);
  transition: .3s all;
  z-index: 1;
}
#site-content.front-page .certificates .certificate .certificate-img img{display: block;width: 100%;height: auto;}
#site-content.front-page .certificates .certificate .certificate-img .mobile{display: none;}
#site-content.front-page .certificates .certificate .certificate-img:hover{filter: grayscale(0%);}
@media(max-width: 640px){
  #site-content.front-page .certificates{padding: 1em !important;top: -53px;}
  #site-content.front-page .certificates .certificate{width: 25%;display: flex;justify-content: center}
  #site-content.front-page .certificates .certificate-img{height: 60px !important;width: 60px !important;filter: grayscale(30%);}
  #site-content.front-page .certificates .certificate .certificate-img .mobile{display: block;height: 100%;object-fit: contain;}
  #site-content.front-page .certificates .certificate .certificate-img .desktop{display: none}
}
/** #start-content **/
#start-content .default-max-width{overflow: unset !important;}
#start-content .col.toc{min-width: 260px;}
#start-content .col.toc .table-of-content{position: -webkit-sticky;position: sticky;top: 130px;  padding: 10px 8px 1px 8px;margin-left:3.5em;border-radius: 4px;}
#start-content .col.toc ol{padding:10px 5px;padding-right:25px;font-size: .85em}
#start-content .col.content .top{justify-content: space-between;align-items: flex-start;}
#start-content .col.content .top >.col.primary-description{width: 60%}
#start-content .col.content .top >.col.home-thumbnail{width: 35%}
#start-content .col.content .top.full-width >.col.primary-description,
#start-content .col.content .top.full-width >.col.home-image{width: 100%}
#start-content .col.content .top >.col.home-thumbnail{position: relative}
#start-content .col.content .top >.col.home-thumbnail .image{
  margin-right: 10%;
  width: 90%;
  position: relative;
}
#start-content .col.content .top >.col.home-thumbnail .image img{
  width: 100%;
  height: auto;
  position: relative;
  box-shadow: 0 0 30px #e4e4e7;
  z-index: 1
}
#start-content .col.content .top .image img{
  display: block;
  margin: auto;
}
#start-content .col.content .top.full-width .image img{
  max-width: 500px;
  width: 100%;
  margin: 3em auto 5em auto;
}
#start-content .col.content .top >.col.home-thumbnail .image::before,
#start-content .col.content .top >.col.home-thumbnail .image::after{
  content:'';
  position: absolute;
  width: 90%;
  height: 90%;
}
#start-content .col.content .top >.col.home-thumbnail .image::before{
  border: 2px dashed #e4e4e7;
  border-radius: 2px;
  top: 80px;
  right: -30px
}
#start-content .col.content .top >.col.home-thumbnail .image::after{
  background-color: #f1f1f1;
  border-radius: 2px;
  top: 30px;
  left: -30px;
  height:95%;
  border: 3px solid white;
  box-shadow: 30px 30px 30px #ebebeb;
}
@media (max-width:1024px){
  #start-content .col.content .top >.col.home-thumbnail .image{
    margin-bottom: 60px
  }
}
#start-content .col.content .primary-description{text-align: justify;}
#start-content .row{margin-bottom: 3em;}
#start-content .row.bottom{margin-bottom: 0;}
#start-content .row.bottom .video-container{position: relative;}
#start-content .row.bottom .video-container::before{
  position: absolute;
  content: '';
  width: 50%;
  height: 25px;
  top: 100%;
  right: 25%;
  border-width: 2px;
  border-top-width: 0;
  border-style: dashed;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#start-content .row.bottom .video-container::after{
  content: '';
  position: absolute;
  bottom: 10px;
  right: 5%;
  width: 90%;
  height: 0px;
  box-shadow: 0 0 20px 25px var(--hgw-color-shadow-opacity-2);
}

#start-content .row.bottom .video-container .entry{padding: 15px 20px;position:relative;z-index:1}
@media(max-width: 400px){
	#start-content .row.bottom .video-container .entry{padding: 10px 10px 0px 10px;}
	#start-content .row.bottom .video-container::before{top:97%;}
}
#start-content .row.bottom video{width: 100%;}
@media(max-width: 1024px){
  #start-content .col.content .top{flex-direction: column;}
  #start-content .col.content .top .col.primary-description{width: 100%;}
  #start-content .col.content .top .col.home-thumbnail,
  #start-content .col.content .top .col.home-image{width: 350px;margin: 30px auto 0 auto;max-width: 100%;}
}
@media(max-width: 800px){
  #start-content .entry.columns{flex-direction: column}
  #start-content .col.toc{width: 40%;margin-top:2em}
  #start-content .col.toc .table-of-content{margin: 0}
  #start-content .col .video-content video{width: 100%}
}
@media(max-width: 780px){
  #start-content .col.toc{margin-top:0em}
}
@media(max-width: 680px){
  #start-content .col.toc{width:60%}
}
@media(max-width: 480px){
  #start-content .col.toc{margin-top:-2.5em}
}
/** #why-naati **/
#site-content.front-page .why-naati .item{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: justify;
  min-height: 377px;
  padding: 30px;
  border-radius: 4px;
}
#site-content.front-page .why-naati .hgw-slider:not(.running) .slide{width: 33%}
#site-content.front-page .why-naati .hgw-slider:not(.running) .slide:nth-child(2){margin: 0 30px;margin-top: -20px;}
#site-content.front-page .why-naati .entry > .items .item{width: 388px;}
#site-content.front-page .why-naati .item ul,
#site-content.front-page .why-naati .item ol{padding:0;width: 100%}
#site-content.front-page .why-naati .entry > .items .item.centered{
  margin: 0 30px;
  margin-top: -20px;
}
@media(min-width:780px){
  #site-content.front-page .why-naati .items .item.centered::before{
    position: absolute;
    content: '';
    width: 60%;
    border-width: 2px;
    border-style: solid;
    top: 0;
    right: 20%;
  }
	#site-content.front-page .why-naati .items .item.centered::after{
    position: absolute;
    content: '';
    width: 50%;
    height: 25px;
    top: 100%;
    right: 25%;
    border-width: 2px;
    border-top-width: 0;
    border-style: dashed;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	}
}

#site-content.front-page .why-naati .item .icon{margin-bottom: 1em}
#site-content.front-page .why-naati .item strong{display: block;margin-bottom: 2em}
#site-content.front-page #faq-and-steps .tooltip{display: inline-block;vertical-align: text-top;}
#site-content.front-page #faq-and-steps .tooltip .entry{z-index:1;}
#site-content.front-page .why-naati .item .content{line-height: 2em}
#site-content.front-page .why-naati .item .content li{list-style: none}
#site-content.front-page .why-naati .item .content li::before {
  content: '';
  display: inline-block;
  margin-left: 8px;
  width: 3px;
  height: 6px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/** #faq-and-steps **/
#site-content.front-page #faq-and-steps{
  overflow-anchor: none;
}
#site-content.front-page #faq-and-steps >div>.entry{align-items: flex-start;}
#site-content.front-page #faq-and-steps .column{width: 48%;}
#site-content.front-page #faq-and-steps .column.left-column>img{margin-top: 2.8em}
#site-content.front-page #faq-and-steps .column>.steps,
#site-content.front-page #faq-and-steps .column>.faq-wrap{margin-top: 3em;}
/** #faq **/
.faq-wrap .faq-item{
    position: relative;
}
/* .faq-wrap .faq-item .fragment-position{
    position: absolute;
    top: -90px;
    right: 0
} */
.wpsp-faq__wrap .wp-block-wpsp-faq-child .wpsp-faq-item .wpsp-faq-questions-button .wpsp-faq-icon-wrap{display: none;}
.faq-wrap .faq-item,
.wpsp-faq__wrap .wp-block-wpsp-faq-child .wpsp-faq-item{
  margin: 0 0 15.5px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
}
.faq-wrap .faq-item .faq-btn,
.wpsp-faq__wrap .wp-block-wpsp-faq-child .wpsp-faq-item .wpsp-faq-questions-button{
  display: flex;
  align-items: center;
  padding: 15px 25px;
  margin: 0;
  cursor: pointer;
}
.faq-wrap .faq-item .faq-btn .faq-question,
.wpsp-faq__wrap .wp-block-wpsp-faq-child .wpsp-faq-item .wpsp-faq-questions-button .wpsp-question{
  display: flex;
  align-items: flex-start;
  font-weight: bold;
}
.faq-wrap .faq-item .faq-btn .faq-question h1,
.faq-wrap .faq-item .faq-btn .faq-question h2,
.faq-wrap .faq-item .faq-btn .faq-question h3,
.faq-wrap .faq-item .faq-btn .faq-question h4,
.faq-wrap .faq-item .faq-btn .faq-question h5,
.faq-wrap .faq-item .faq-btn .faq-question h6,
.faq-wrap .faq-item .faq-btn .faq-question p{margin: 0;text-align: justify;}
.faq-wrap .faq-item .faq-btn .faq-question::before,
.wpsp-faq__wrap .wp-block-wpsp-faq-child .wpsp-faq-item .wpsp-faq-questions-button .wpsp-question::before{
  display: flex;
  align-items: center;
  justify-content: center;
  content: '+';
  font-size: 1.2em;
  line-height: 0;
  width: 18px !important;
  height: 18px !important;
  margin-left: .8em;
  border-radius: 4px;
  font-weight: normal;
  margin-top: 5px;
  min-width: 18px;
  min-height: 18px;
}
.faq-wrap .faq-item.faq-item-active .faq-btn .faq-question::before,
.wpsp-faq__wrap .wp-block-wpsp-faq-child .wpsp-faq-item.wpsp-faq-item-active .wpsp-faq-questions-button .wpsp-question::before{content: '-';}
.faq-wrap .faq-item .faq-content,
.wpsp-faq__wrap .wp-block-wpsp-faq-child .wpsp-faq-item .wpsp-faq-content{text-align: justify;display: none;padding: 0px 25px}
.wpsp-faq__wrap .wp-block-wpsp-faq-child .wpsp-faq-item .wpsp-faq-content span{margin: 0}
.faq-wrap .faq-item.faq-item-active .faq-content,
.wpsp-faq__wrap .wp-block-wpsp-faq-child .wpsp-faq-item.wpsp-faq-item-active .wpsp-faq-content{display: block;}
.wp-block-wpsp-faq-child.wpsp-faq-child__outer-wrap .wpsp-faq-item:focus,
.wp-block-wpsp-faq-child.wpsp-faq-child__outer-wrap .wpsp-faq-item:active{outline: none;}

/** steps **/
#site-content.front-page #faq-and-steps .steps-column .step{
  position: relative;
}
#site-content.front-page #faq-and-steps .steps-column .step h3{margin: 0}
#site-content.front-page #faq-and-steps .steps-column .step p.item-content{
  margin: 0;
  border-right-width: 1px;
  border-right-style: dotted;
  margin-right: 18px;
  text-align: justify;
  border-color: gray !important;
  padding: 10px 35px 35px 15px;
}
#site-content.front-page #faq-and-steps .steps-column .step:last-child p.item-content{
  border-right-width: 0;
}
#site-content.front-page #faq-and-steps .steps-column .step h3 span.item-number{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 1em;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  transition: .3s all ease-in-out;
  margin-left: 15px;
}
#faq-and-steps .title.left-line::after{display: none}
/** call action **/
#site-content.front-page #call-action{
  background-image: var(--call-action-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding: 40px 0;
}
#site-content.front-page #call-action.mobile{
  position: relative;
  background-color: linear-gradient(to bottom, #cdb07a42 67%, rgba(205, 176, 122, 0) 100%);
  background: linear-gradient(to bottom, #cdb07a42 67%, rgba(205, 176, 122, 0) 100%);
}
#site-content.front-page #call-action.mobile::before{
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--call-action-bg);
  background-repeat: no-repeat;
  background-size: 100%;
}
#site-content.front-page.palette-2 #call-action.mobile::before{
  background-size: cover !important;
}
#site-content.front-page #call-action .columns{
  position: relative;
  padding: 0 2.5em;
  z-index: 1
}
#site-content.front-page #call-action .columns .column{
  width: 25%;
}
#site-content.front-page #call-action .columns .column.logo{
  max-width: 220px;
}
#site-content.front-page #call-action .columns .content{
  position: relative;
  width: 30%;
}
#site-content.front-page #call-action .content h2{
  font-size: 1.5em
}
#site-content.front-page #call-action .columns .call-button{
  position: relative;
  flex-direction: column;
  align-items: flex-end;
  text-align: center;
  width: 40%;
}
#site-content.front-page #call-action .columns .call-button::before{
  position: absolute;
  display: block;
  content: '';
  bottom: 30%;
  right: 0;
}
#site-content.front-page #call-action .columns .call-button .btn{
  height: 50px;
  font-size: 14px;
}
/** Tables Section **/
#site-content.front-page #tables{background-image: linear-gradient(to bottom, #fbfbfb 0%, rgba(251, 251, 251, 0) 41%);padding: 70px 0;}
#site-content.front-page #tables table{border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;overflow:hidden;}
#site-content.front-page #tables thead{display:none;}
#site-content.front-page #tables #home-table-tabs{max-width: 800px;margin:0 auto;}
#site-content.front-page #tables .buttons{text-align: center;margin-bottom: 0px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
#site-content.front-page #tables .buttons a{margin: 1.3em 10px;padding: .6em 2em;}
#site-content.front-page #tables table{width: 100%;border-collapse:collapse;margin-bottom:36px;}
#site-content.front-page #tables table td{border-bottom-width:5px;border-bottom-style:solid;}
#site-content.front-page #tables table td,
#site-content.front-page #tables table th{width: 50%;text-align: center;padding:.3em}
#site-content.front-page #tables .buttons a,
#site-content.front-page #tables .tab{transition: .5s all;}
#site-content.front-page #tables .tab{visibility: hidden;opacity: 0;height: 0;}
#site-content.front-page #tables .tab.active{visibility: visible;opacity: 1;height: auto}
#site-content.front-page #tables table td i.ic-info-circle{
  height: 18px !important;
  background-position-y: -57px;
}
/*#site-content.front-page #tables table{border-width:1px;border-style:solid;border-top-width:0;}*/
/*#site-content.front-page #tables .buttons{border-width:1px;border-style:solid;border-bottom-width:0;}*/
/*#site-content.front-page #tables table,*/
/*#site-content.front-page #tables .buttons{border-color:#dbe3ff;}*/
/** Translation iran **/
#site-content.front-page #translation-iran .column{width: 50%}
#site-content.front-page #translation-iran .column .title{text-align: right;margin-bottom: 3em}
#site-content.front-page #translation-iran ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  height: 105px;
  padding-right: 15px;
}
@media (max-width:680px) {
  #site-content.front-page #translation-iran ul{padding: 0;}
}
#site-content.front-page #translation-iran ul li{
  width: 33%;
  height: 30px;
  margin-bottom: 5px;
}
#other-description-naati .entry{
  position: relative;
  padding: 1em;
  border-radius: 4px;
}
#other-description-naati .entry::before{
  content: '';
  position: absolute;
  width: 100%;
  max-width: 200px;
  min-width: 100px;
  border-top-width:3px;
  border-top-style: solid;
  top: 0;
  right: 50px;
}
#other-description-naati .entry .title{
  font-weight: bold;
  padding: .5em 0;
  margin-bottom: .5em
}
#other-description-naati .entry .content{
  position: relative;
  padding-bottom: 2em;
  text-align: justify;
}
#other-description-naati .entry .content .entry-content{
  position: relative;
  max-height: 150px;
  overflow: hidden;
  transition: .3s all;
}
#other-description-naati .entry .content .entry-content::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  right: 0;
  background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgb(255, 255, 255,.5) 0%,rgba(255, 255, 255,1) 100%);
}
#other-description-naati .entry .content.show .entry-content{
  max-height: 10000px;
}
#other-description-naati .entry .content.show .entry-content::after{
  content:unset;
}

#other-description-naati .entry .readmore-content{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -33px;
  right: 0;
  width: 100%;
  height: 36px;
}
#other-description-naati .entry .readmore-content button{
  border-radius: 50%;
  height: 36px;
  width: 36px;
  padding: 0;
  border-width: 0;
  transform: rotate(180deg);
}
#other-description-naati .entry .readmore-content button i::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 14px;
  width: 10px;
  height: 10px;
  border-color: white;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-right-style: solid;
  border-right-width: 2px;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  transition: .3s all
}
#other-description-naati .entry .show .readmore-content button i::after{
  top: 10px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*
#other-description-naati .entry .readmore-content{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -32px;
  right: 0;
  width: 100%;
  height: 32px;
}
#other-description-naati .entry .readmore-content button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  border-width: 0;
  transform: rotate(180deg);
	background-color: red !important;
}
#other-description-naati .entry .show .readmore-content button{
  transform: rotate(0deg);
}*/
#blog .btn{
  padding: .5em 2em
}
/**
 * #1- Desktops
 * @media (min-width: 980px)
 *
 * #2- Portrait tablet to landscape and netbooks
 * @media (min-width: 768px) and (max-width: 979px)
 *
 * #3- Landscape phone to portrait tablet
 * @media (max-width: 767px)
 *
 * #4- Landscape phones and down
 * @media (max-width: 480px)
 */


/* #1- Desktops */
@media (max-width: 1180px) {
  #site-content.front-page #hero-section .entry-top-row .left .bg-image img{left: -30px}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart{margin-top: 0;}
}

@media (max-width: 1080px){
  #site-content.front-page #hero-section .entry-top-row .right .hero-title{font-size: 3em}
}
@media (max-width: 1040px){
  #site-content.front-page #hero-section .entry-top-row .left .items{min-width: 450px}
}

@media (max-width: 980px){
  section{margin-bottom: 0px}
  #site-content.front-page #hero-section .entry-top-row{flex-direction: column;align-items: center;text-align: center;}
  #site-content.front-page #hero-section .entry-top-row >.right,
  #site-content.front-page #hero-section .entry-top-row >.left{width: 100%;}
  #site-content.front-page #hero-section .entry-top-row >.right{padding-bottom: 50px}
  #site-content.front-page #hero-section .entry-top-row > .right .hero-paragraph{padding:0;}
  #site-content.front-page #hero-section .entry-top-row >.left{padding-bottom: 120px;position:relative;}
  #site-content.front-page #hero-section .entry-top-row .left .bg-image img{width: 100%;left:0;}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart{width: 550px;margin: 0 auto}
  /***/
  #site-content.front-page #why-naati .entry> .items{flex-direction: column}
  #site-content.front-page .why-naati .entry> .items .item{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: justify;
    width: 100%;
    min-height: auto;
    padding: 20px;
    margin-bottom: 20px !important;
    margin-top: 0px !important;
    box-shadow: unset !important;
  }
  #site-content.front-page .why-naati .entry> .items .item .content{width: 100%;}
  #site-content.front-page .why-naati .entry> .items .item ul,
  #site-content.front-page .why-naati .entry> .items .item ol{padding-right: 1.2em}
  #site-content.front-page .why-naati .entry> .items .item .icon.sprite-img{
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    margin: 0;
    margin-left: 10px !important;
    background-position-x: -454px;
    background-position-y: -178px;
  }
  #site-content.front-page .why-naati .entry> .items .item:nth-child(2) .icon.sprite-img{background-position-y: -178px;background-position-x: -495px;}
  #site-content.front-page .why-naati .entry> .items .item:nth-child(3) .icon.sprite-img{background-position-y: -178px;background-position-x: -530px;}
  #site-content.front-page .why-naati .entry> .items .item strong{margin: 0 .7em 0 0;}
  #site-content.front-page .why-naati .entry> .items .item .content{text-align: justify;margin-top: .5em}
  #site-content.front-page .why-naati .entry> .items .item::before{content: unset !important;}


  #site-content.front-page #faq-and-steps>div>.entry{flex-wrap: wrap;}
  #site-content.front-page #faq-and-steps .column{width: 100%;max-width: 600px;margin: auto;margin-top: 2.5em;}
  .faq-wrap .faq-item .faq-btn .faq-question h1,
  .faq-wrap .faq-item .faq-btn .faq-question h2,
  .faq-wrap .faq-item .faq-btn .faq-question h3,
  .faq-wrap .faq-item .faq-btn .faq-question h4,
  .faq-wrap .faq-item .faq-btn .faq-question h5,
  .faq-wrap .faq-item .faq-btn .faq-question h6{font-size: 1.1em}
  #site-content.front-page #call-action .columns .call-button::before{content: unset}
}
@media (max-width: 860px) {
  #site-content.front-page #call-action{padding: 30px 0 10px 0;}
  #site-content.front-page #call-action .columns{flex-direction: column;}
  #site-content.front-page #call-action .column{width: 100% !important;;}
  #site-content.front-page #call-action .column.content{margin-bottom: 1em}
  #site-content.front-page #call-action .column h2{margin-bottom: 5px}
  #site-content.front-page #call-action .column .btn{margin-top: 0;margin-bottom: 2.5em}
  #site-content.front-page #call-action .content{display: block;text-align: center;}
  #site-content.front-page #call-action .column p,
  #site-content.front-page #call-action .secondary-description{display: none;}
  #site-content.front-page #call-action .columns .call-button{align-items: center}
}
/* #3- Landscape phone to portrait tablet */
@media (max-width: 780px) {
  section{padding: 30px 0}
  #site-content.front-page #hero-section{margin-bottom: 80px !important;}
  #site-content.front-page #hero-section .entry-top-row .right .hero-title{font-size: 2.2em;margin-top: 0px}
  #site-content.front-page #hero-section .entry-top-row > .right .hero-paragraph{margin-bottom: 30px}
  #site-content.front-page .certificates{overflow: hidden;justify-content: flex-start}
  #site-content.front-page .certificates .certificate{margin-left: 1.5em}
  #site-content.front-page .certificates .certificate:last-of-type{margin-left: 0;}
  #site-content.front-page #translation-iran{margin-top: 2em}
  #site-content.front-page #translation-iran .content{width: 70%}
  #site-content.front-page #tables .buttons{display: flex;overflow: auto}
  #site-content.front-page #tables .buttons a{white-space: nowrap}
}

@media (max-width: 720px){
  #site-content.front-page #hero-section{overflow: hidden;}
  #site-content.front-page #hero-section .entry-top-row .left .bg-image img{width: 130%;max-width: 300%;left:-15%;}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .image{width: 130px;height: 130px;}
  #site-content.front-page #blog #posts>article .post:nth-child(3n){display: block;}
  /* fixed mobile shadow for certificates */
  #site-content.front-page #hero-section{margin-bottom: 0px !important;padding-bottom:80px;}
  /* fixed mobile shadow for certificates */
}

@media (max-width: 680px){
  #site-content.front-page #hero-section .entry-top-row .right .short-description h1
  #site-content.front-page #hero-section .entry-top-row .right .hero-title{font-size: 2em;}
  #site-content.front-page #hero-section .entry-top-row .right .hero-title br{display: none;}
  #site-content.front-page #call-action{margin-top: 50px;margin-bottom: 60px !important;}
  #site-content.front-page #translation-iran .column{width: 100%;}
  #site-content.front-page #translation-iran .column.image img{margin: 0 auto;display:block}
  #site-content.front-page #translation-iran .columns{flex-wrap: wrap;}
  #site-content.front-page #translation-iran .column.content .entry-title{text-align: center;}
  #site-content.front-page #translation-iran .column.content ul{
    max-width: 80%;
    height: auto;
    margin: 0 auto;
    flex-direction: row;
    justify-content: center
  }
  #site-content.front-page #translation-iran ul li{text-align: center;list-style-type: none;}
}

/* #4- Landscape phones and down */
@media (max-width: 600px) {
  .home #site-header{padding: 10px 0;}
  section{padding: 20px 0;margin-bottom: 20px !important;}
  .title.left-line{text-align: center;}
  .title.left-line::after{content: unset}
  #site-content.front-page #hero-section .entry-top-row .short-description h1{margin-top:0;}
  #site-content.front-page .title.with-description{margin-bottom: 40px}
  #site-content.front-page #hero-section .entry-top-row .right .hero-title{font-size: 1.8em;margin-bottom: .5em;letter-spacing: 0.01em}
  #site-content.front-page #hero-section .entry-top-row .right .hero-paragraph{display: none}
  #site-content.front-page #hero-section .entry-top-row .right .inline-buttons{display: flex;flex-direction: column-reverse;align-items: center;margin-top: 20px;}
  #site-content.front-page #hero-section .entry-top-row .right .inline-buttons .btn{max-width: 260px;margin: 0;}
  #site-content.front-page #hero-section .entry-top-row .right .inline-buttons .btn.primary{padding: .7em 1em;}
  #site-content.front-page #hero-section .entry-top-row .right .inline-buttons .btn.secondary{margin-bottom: 1em;padding: .9em 1em;font-size:16px;}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart{width: 450px}
  #site-content.front-page #hero-section .entry-top-row .left .items{min-width: 350px}
  #site-content.front-page #hero-section .entry-top-row .left .bg-image img{width: 150%;left: -25%}
  
  /* Prevent Scroll-x */
  #start-content .col.content .top{overflow: hidden;}
  #start-content .col.content .top > .col.home-thumbnail .image{width:60%;margin: auto auto 60px auto;}
  #start-content .col.content .top > .col.home-thumbnail .image::after{top: 18px;left:-25px }
  #start-content .col.content .top > .col.home-thumbnail .image::before{top: 60px;right:-20px}
  /* Prevent Scroll-x */

  #site-content.front-page #posts>article .post{
    max-width: 400px;
	padding: 20px 0;
    margin-bottom: 0 !important;
  }
  #site-content.front-page #blog .btn{
    margin-top: 25px;
    padding: 1em 2.5em;
    max-height: 40px;
  }
  #site-content.front-page #posts>article .post .post-header{
    width: 40%;
    float: right;
  }
  #site-content.front-page #posts>article .post .post-thumbnail{
    margin: 0
  }
  #site-content.front-page #posts>article .post .post-header img{
    width: 130px;
    height: 90px;
  }
  #site-content.front-page #posts>article .post .post-content.excerpt{
    margin-bottom: 0;
    font-size: .9em
  }
  #site-content.front-page #posts>article .post .post-content .post-title h3{
    font-size: 13px
  }
  #site-content.front-page #posts>article .post .post-content.excerpt p,
  #site-content.front-page #posts>article .post .post-footer .right-column .meta__column,
  #site-content.front-page #posts>article .post .post-footer .left-column{
    display: none
  }
  #site-content.front-page #posts>article .post .post-footer .right-column .meta__column:nth-last-child(1),
  #site-content.front-page #posts>article .post .post-footer .right-column .meta__column:nth-last-child(2),
  #site-content.front-page #posts>article .post .post-footer .right-column .meta__column:nth-last-child(3){
    display: inline-flex
  }

}

@media (max-width: 480px) {
#site-content.front-page #hero-section{padding-bottom:120px;}
  #site-content.front-page #hero-section .entry-top-row > .right{padding-bottom:10px}
  #site-content.front-page #hero-section .entry-top-row > .right .hero-title{font-size: 1.7em}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart{width: 380px}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .image{width: 90px;height: 90px;margin-right: 10px;border-width: 6px;}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .image img{transform:scale(1.25);top: 3px}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .items{margin-top: -40px;padding-top: 20px}
  #site-content.front-page #hero-section .left .custom-cart .items .entry-items{
    border-width: 0;display: flex;flex-wrap: wrap;flex-direction: column;max-height:130px;font-size:0.85em;
    padding-bottom:10px;
    margin:0 10px;
  }
  #site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title .top{margin-bottom: 10px}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .items .item{width: 50%;display:none;}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .items .item.title{position: static;}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .items .item.title,
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .items .item.mobile{display:flex}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .items .item.mobile.item-mobile-1 span{font-weight:bold;}
  #site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title span{font-size: inherit}
  #site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.title .top{flex-direction: row;margin-left: 0}
}
@media (max-width: 440px) {
  #site-content.front-page #hero-section .entry-top-row > .right .hero-title{font-size: 1.4em;margin-top: 10px}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart{width: 320px;margin-top:4.5em;}
  #site-content.front-page #hero-section .entry-top-row .left .custom-cart .items{min-width: unset}
  #site-content.front-page #hero-section .left .custom-cart .items .entry-items .item{overflow:hidden;max-width: 50%;}
  #site-content.front-page #hero-section .left .custom-cart .items .entry-items .item.mobile{padding-right: 5px}
  #site-content.front-page #hero-section .left .custom-cart .items .entry-items .item span{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: right
  }
}