/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* contact form */
input:focus, select:focus ,textarea:focus {outline: none;}
select { -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/appearance:none;}

.form_input_wrap{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; color: #1B1E2A; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.8px;}

.form_input_wrap .form_input{width: 100%;}
.form_input_wrap .form_input.sel{width: calc( ( 100% - 20px) / 2 ); padding: 16px 18px; border-radius: 10px; border: 1px solid #E6E6E7; background: #FFF;}
.form_input.sel .wpcf7-form-control-wrap::after{content: "" !important; display: block; width: 11px; height: 6px; background: url(/wp-content/uploads/2024/03/arrow.svg) no-repeat center center / contain; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}
.form_input_wrap .form_input.sel p {display: flex; justify-content: space-between; position: relative;}
.form_input_wrap .form_input.sel p > span{position: unset;}
.form_input_wrap .form_input p select{ width: 100%; border: 1px solid #fff; background-color: #fff;}

.form_input_wrap .form_input
.form_input_wrap .form_input p label , .input_message p label{color: #1B1E2A;}
label{margin-bottom:10px !important; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: -0.8px;}
.form_input_wrap .form_input.sel p label{margin-bottom:0px !important;}
.form_input_wrap .form_input p input{padding: 16px 18px; width: 100%; border-radius: 10px; border: 1px solid #E6E6E7; background: #FFF;}

.form_input_wrap .form_input p label{width: 70px;}
.form_input_wrap .form_input p span {width: calc( 100% - 75px);}
.form_input_wrap .form_input p label span,
.input_message p label span{color: #163CCF;}

.input_message{margin-bottom: 20px;}
.input_message textarea{ padding: 16px 18px; width: 100%; height: 200px; border-radius: 10px; border: 1px solid #DDD; background: #FFF;}

.formAwrap_box{margin-bottom: 26px; padding: 16px 18px; border-radius: 10px; border: 1px solid #E6E6E7; background: #F7F8F8; color: #41444D;}
.formAwrap_box .formAwrap_txt{color: #41444D; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.28px;}

.form_acceptance{margin-bottom: 20px; text-align: end;}
.form_acceptance .wpcf7-list-item{margin: 0 !important;}
.form_acceptance input{vertical-align: text-top;}
.form_acceptance .wpcf7-list-item-label{color: #222222; font-size: 14px; font-weight: 400;line-height: 23px;  letter-spacing: -0.7px;}

.form_submit{text-align: end;}
.form_submit input{width: 184px; height: 62px; border: 0; border-radius: 100px; background-color: #004E96; font-weight: 500; font-size: 17px; color: #fff; line-height: 140% !important; letter-spacing: -0.36px; transition: all 0.3s;}
.form_submit input:hover{box-shadow: 0px 0px 22px 0px rgba(23, 87, 253, 0.43);}

input[type="checkbox"] { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0px 11px 0 0;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  height: 18px !important;
  outline: 0;
  width: 18px !important;
  border: 1px solid #333333 !important;
  padding: 0 !important;
}
input[type="checkbox"]:checked {
  border-radius: 5px;
  background: #163CCF;
  border: 1px solid #163CCF !important;
}

.wpcf7-not-valid-tip{font-size: 13px !important; position: absolute; bottom: -38px; left: 0; width: 100% !important;}
.form_input_wrap .form_input.sel .wpcf7-not-valid-tip{left: -18px;}
.input_message .wpcf7-not-valid-tip{bottom: -17px;}
.wpcf7-spinner{display: none !important;}

/* en */
.en .form_input_wrap .form_input p label{margin-right: 10px; width: auto;}
.en .form_input_wrap .form_input p span {flex: 1; width: auto;}