/* .form.service_form_description {
  margin: 0 auto;
  width: min(50rem, 90%);
} */
.service_form {
  margin: 0 auto;
  width: min(40rem, 90%);
}

.support-feedbacks {
  background-image: linear-gradient(
      180deg,
      rgba(27, 31, 37, 0.3) 0%,
      #1b1f25 100%
    ),
    url(/wp-content/themes/anatol_transfer/assets/images/bg-group2.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #242424;

  color: #fff;
}

.support-feedbacks--wrapper {
  margin: max(7.5vh, 2.5rem) auto;
  display: flex;
  flex-direction: column;
  gap: 3vw;
}

.feedback {
  text-align: center;
  padding: 1.5vw;
  display: flex;
  flex-direction: column;
  gap: 1vh;
  font-family: "Montserrat", sans-serif;
  font-size: max(0.75vw, 13px);
}

.feedback_title_block {
  color: #fff;
  font-size: max(1.5vw, 18px);
  font-weight: bold;
  text-align: center;
}
.feedback_customer_company {
  font-size: max(1vw, 14px);
  color: #888;
}

.section_title {
  text-align: center;
}

.regional-offices__title,
.feedbacks__title {
  color: #fff;
}

.request_service_form--wrapper {
  margin: max(7.5vh, 2.5rem) auto;
  display: flex;
  gap: 2.5vh;
  flex-direction: column;
}

.service_form {
  --form-padding: 0 2vw;
}

.support_team--wrapper {
  display: flex;
  flex-direction: column;
  gap: 3vw;
  margin: max(7.5vh, 2.5rem) auto;
  /* max-width: 94%; */
}
.support_team_cont {
  width: 100%;
  position: relative;
}
.support_team_cont .support_item {
  width: calc((100% - 7vw) / 3);
  margin: 0 auto;
  line-height: 1.5;
  text-align: center;
}
.support_team_cont .support_item a {
  color: #363636;
}

.support_team_cont .support_item .st_photo {
  width: 100%;
  position: relative;
}
.st_item_name {
  width: 100%;
  position: absolute;
  z-index: 9;
  bottom: 5px;
  background: rgb(255 255 255 / 80%);
  font-size: max(1.1vw, 18px);
}
.support_team_cont .support_item img {
  margin: 0 auto;
}

.st_content {
  font-size: max(0.8vw, 14px);
}

.sbn_sub_title {
  font-size: max(0.9vw, 15px);
}


 .service_support_head{
            text-align: center;
        }
        .service_support_head .service_form_description{
            margin: 30px auto;
        }
        .open_tickets{
            text-transform: uppercase;
            font-size: 20px;
            font-weight: 700;
        }
        .information_need{ 
            font-size: 20px;
            font-weight: 700;
        }
        .information_need_ul{            
            font-weight: 700;
            color: #b33024;
        }
        .service_support_start p{
            margin-top: 10px;;
        }

        .step_title{
            text-transform: uppercase;
            font-size: 20px;
            font-weight: 900;
            text-align: center;
        }
        .step_pretitle{
            margin-top: 15px;
            font-size: 20px;
            font-weight: 700;
            text-align: center;
        }

        #SupportTickets{
            padding: 0;
        }
#SupportTickets .step {
            display: none;
            padding: 30px;
        }
#SupportTickets .step.active {
            display: block;
        }
#SupportTickets .error {
            color: red;
            position: absolute;
            bottom: 0;
            left: 0;
            font-size: 13px;
        }

#SupportTickets .problemdescription .error{
    bottom: 10px;
    left: 10px;
}
#SupportTickets .form_step{
        width: 100%;
		max-width: 800px;
		margin: 0 auto;
		}
#SupportTickets .form_inner__item,
#SupportTickets .form_inner__item .form_inner_item_half{
			position: relative;
		}
#SupportTickets .form_inner__item .form_inner_item_half{
    width: calc((100% - 1.25vw) / 2);
}
#SupportTickets .form_inner__item .form_inner_item_three{
    width: calc((100% - 1.25vw) / 3);
}
#SupportTickets .form_inner__item{
			padding: 10px 0 0 0;
		}
        
#SupportTickets .form_inner__item input,
#SupportTickets .form_inner__item select{
    margin-bottom: 20px;
}
#SupportTickets .form_inner__item.flex_items{
			display: flex;
			justify-content: space-between;
		}
#SupportTickets .form_inner__item label{
			display: block;
		}
#SupportTickets .form_inner__item .inputError{
    border-color: #b33024;
}
#SupportTickets .s_buttons_first{
			display: flex;
            justify-content: flex-end;
        }
#summary .summary_result {
    padding: 10px 15px;
    margin: 15px 0;
    background: #f5f5f5;
}
#summary .form_inner__item{
    font-weight: bold;
}		
#summary .form_inner__item span{
    font-weight: 400;
}	
		.form_inner__item input,
		.form_inner__item select,
		.form_inner__item textarea{
		width: 100%;
		}
		.form_inner_item_half{
		width: 48%;
		}

#SupportTickets	.video_call_block{
    padding: 10px 15px;
    background: #f5f5f5;
}	

#SupportTickets	.paid_service_item{
    padding: 10px 15px;
    margin: 15px 0;
    background: #f5f5f5;
}	
#SupportTickets	.paid_service_item .form_inner_item_half{
    display: flex;
    align-items: center;
}
#SupportTickets	.paid_service_item .form_inner_item_half select{
    margin: 0;
}
#SupportTickets	.paid_service_item .paid_service_describe{
    font-size: 12px;
    margin: 10px 0;
            }
#SupportTickets	.button{
    width: 100%;
}
#SupportTickets	.button.prev_step_btn{
   background-color: rgb(205 33 34 / 76%);
}
#succes_support_message {
  max-width: 800px;
  width: 100%;
  margin: 10px auto;
  background: #fff;
  padding: 10px 30px;
  font-size: 16px;
  z-index: 99999;
  border-radius: 10px;
  display: none;
  text-align: center;
}
#succes_support_message h3{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
#succes_support_message p{
    margin-bottom: 10px;
}

#succes_support_message p a{
    color: #b33024;
}
@media screen and (max-width: 768px) {
	#SupportTickets .step {
		padding:0;
	}

	#SupportTickets .form_inner__item.flex_items {
    flex-direction: column;	
	}
	#SupportTickets .form_inner__item .form_inner_item_three {
		width: 100%;
	}

	#SupportTickets .form_inner__item .form_inner_item_half {
    width: 100%;
	}
	#SupportTickets .form_inner__item.flex_items.flex_items-buttons{
		gap:20px;
	}
}
@media screen and (max-width: 550px) {
	.form.form-container.support-ticket-container {
		padding:0 !important;
	}
}



@media screen and (max-width: 800px) {
  .support-feedbacks--wrapper {
    width: 90%;
    gap: 5vh;
  }
  .feedback {
    padding: 0.35vw;
    gap: 2vh;
    font-size: max(2.25vw, 15px);
  }

  .feedback_title_block {
    font-size: max(3.25vw, 20px);
  }
  .feedback_customer_company {
    font-size: max(2.25vw, 16px);
  }
  .support_team--wrapper {
    width: 90%;
  }

  .st_item_name {
    font-size: max(4vw, 24px);
  }
  .st_content {
    font-size: max(2.75vw, 16px);
  }

  .sbn_sub_title {
    font-size: max(3.25vw, 20px);
  }
}

@media screen and (max-width: 650px) {
  .request_service_form--wrapper {
    width: 85%;
  }
  .support-feedbacks {
    background-image: none;
  }
}

@media screen and (max-width: 550px) {
  .request_service_form--wrapper {
    width: 90%;
  }
}

@media screen and (min-width: 400px) and (max-width: 900px) and (orientation: landscape) {
  .st_item_name,
  .feedback_title_block {
    font-size: max(1.25vw, 16px);
  }
  .sbn_sub_title,
  .st_content,
  .feedback,
  .feedback_customer_company {
    font-size: max(1vw, 14px);
  }

  .feedback_title_block {
    font-size: max(3.25vw, 20px);
  }
}