/* section: suggestions */
.suggestions{
	padding-top:6rem;
	margin-bottom: 3rem;
}

.suggestions--full{
  width: 100%;
}

.suggestions--title{
  text-align: center;
  color: var(--color-black);
}

.suggestions--title h2{
  padding: 2rem 0 .75rem 0;
  font-size: 1.5rem;
}

#nav-tab{
  width: 100%;
  height: auto;;
  overflow: hidden;
  margin-top: 2rem;
}

.tab-btn{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--background-color-gray);
  border: none;
  padding: 2rem 0;
  text-align: center;
  cursor: pointer;
  color: var(--color-black);
}

.tab-btn h6{
  font-size: 1.1rem;
}

.tab-btn.active h6{
  color: var(--color-orange);
}

.tab-btn img{
  width: 2rem;
}

.tab-btn .img--active{
  display: none;
}

.tab-btn.active .img--active{
  display: block;
}

.tab-btn.active .img--nonactive{
  display: none;
}

.active{
  background: var(--background-color-navy-blue);
}

.content{
  background: var(--background-color-navy-blue);
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.tab-content{
  animation: fading 2s;
  width: 50%;
  text-align: center;
}

input ,textarea{
  width: 60% !important;
  border: none;
  background-color: var(--background-color-gray);
  border-bottom: var(--border-bottom-orange);
  width: 60%;
  padding: 0.5rem;
  cursor: pointer;
  font-family: IRANSansPN;
  font-size: .9rem;
  margin-top: .5rem;
}
input::placeholder, textarea::placeholder{
  font-family: IRANSans;
  font-size: .9rem;
  color: var(--color-black);
}

input:focus,textarea:focus{
  outline: 0;
  font-size: .9rem;
}

.tab-content > div:nth-child(5){
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto;
  width: 60%;
}

.tab-content > div > label{
  color: var(--color-gray);
  margin-left: .5rem;
}

.tab-content > div:last-child{
  position: relative;
}
input[type="submit"]{
  border: none;
  background-color: var(--background-color-orange);
  border-bottom: var(--border-bottom-orange);
  width: 60%;
  padding: 0.5rem;
  cursor: pointer;
  font-family: IRANSans;
  font-size: .9rem;
  margin-top: .5rem;
  color: var(--color-black);
  cursor: pointer;
}


@keyframes fading {
  0%{
      opacity: 0;
  }

  100%{
      opacity: 1;
  }
}
/* section: suggestions */

/* service--contact */
.service--contact {
  background-color: var(--background-color-gray);
  padding: 1rem 0 2rem 0;
}

.service--email > img {
  width: 2.5rem;
}

.service--phone img {
  width: 2rem;
}

.service--address > img {
  width: 1.5rem;
}

.service--contact span {
  display: block;
}

.service--title {
  text-align: center;
}

.service--contact__content {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.service--contact__content > div {
  margin-top: 1.5rem;
  text-align: center;
  width: 33.33%;
}
/* service--contact */
.gform_confirmation_message{
	color: var(--color-gray);
}

.Y2IQFc{
	color:var(--color-orange);
	font-family: IRANSans;
}

.tw-data-text{
	margin-bottom: 1rem;
	white-space: pre-wrap;
}
/****************************************************media query****************************************************/
@media (max-width:1200px) {
  .tab-content > input , 
  .tab-content > textarea, 
  .tab-content > div:last-child > input, 
  .tab-content > div:nth-child(5){
      width: 80%;
  }

  .tab-content > div:last-child >img {
      left: 11%;
  }

  .service--contact span {
      font-size: 0.8rem;
  }
}

@media (max-width:992px) {
  .tab-content > input , 
  .tab-content > textarea, 
  .tab-content > div:last-child > input, 
  .tab-content > div:nth-child(5){
      width: 100%;
  }

  .tab-content > div:last-child >img {
      left: 3%;
  }
}

@media (max-width:768px) {
  .tab-content{
      width: 65%;
  }

  .tab-btn{
      padding: 1.5rem 0;
  }

  .tab-btn h6{
      font-size: 1rem;
  }

  .tab-btn img{
      width: 1.75rem;
  }

  .content {
      padding: 3rem 0;
  }

}

@media (max-width:576px) {
  .content {
      padding: 2rem 0;
  }
  .tab-content{
      width: 75%;
  }

  .tab-btn{
      padding: 1.25rem 0;
  }

  .tab-btn h6{
      font-size: .9rem;
  }
  
  .tab-btn img{
      width: 1.5rem;
  }

  .service--contact__content > div{
      margin-top: .75rem;
      display: flex;
      align-items: center;
  }

  .service--contact__content > div > img {
      margin-right: .5rem;
  }

  .service--email > img, .service--phone img{
      width: 1.25rem;
      margin-right: .5rem;
  }

  .service--phone img{
      vertical-align: sub;
  }

  .service--address> img{
      width: 1.25rem;
  }

  .service--phone .whatsapp{
      display: none;
  }

  .tab-content > input::placeholder, .tab-content > textarea::placeholder, .tab-content > div:last-child > input{
      font-size: .8rem;
  }
  
  .tab-content > div > label{
      font-size: .9rem;
  }

}

@media (max-width:425px) {
  .tab-content{
      width: 85%;
  }

  .tab-btn{
      padding: 1rem 0;
  }

  .service{
      background-color: var(--background-color-gray);
  }

  .service--title {
      text-align: right;
  }

  .service--contact__content > div:first-child, .service--contact__content > div:nth-child(2){
      width: 50%;
  }
  .service--contact__content > div:last-child{
      width: 100%;
  }

  .service--contact__content > div{
      display: flex;
      align-items: center;
  }
}

@media (max-width:375px) {
  .tab-content{
      width: 95%;
  }

  
  .tab-btn{
      padding: .75rem 0;
  }
}

@media (max-width:320px) {
  .service--contact__content {
      flex-direction: column;
  }
  
  .service--contact__content > div {
      width: 100%;
  }
}

/****************************************************media query****************************************************/