/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.contact-main-wrapper h3.contact-title{ font-size:3.5rem;color:#FEFEFE;    display: inline-block; margin-bottom:24px}
.ca-posts-container { display: grid; grid-template-columns: repeat(5, 1fr);  gap: 30px 20px;}
.ca-posts-container .post-grid-item .user_info h4{  font-size: clamp(1.25rem, 0.9091rem + 1.7045vw, 2.1875rem) !important; margin-bottom:5px; line-height:1.2}
.ca-posts-container .post-grid-item img { border-radius: 100%; margin-bottom: 16px; height: 250px; width: 250px; object-fit: cover;}
.ca-posts-container .post-grid-item span{display:block; font-size:16px; line-height:24	px; }
.ca-posts-container .post-grid-item .user_info_main{gap: 24px 0px; display:flex; flex-wrap:wrap}
.contact-main-wrapper .contactform_plugin h3 { color: #212529; font-size: 40px;  line-height: 45px;}
.contact-main-wrapper .contactform_plugin h4{ font-size:22px; letter-spacing:-1px}  
.contactform_plugin{  max-width:100%; margin:auto;    padding:0px 0px 0px 0px}
.contactform_plugin ul{list-style:none; margin:60px 0 0 0; padding:0px; display:grid; gap:0 2rem;  
grid-template-columns: repeat(2, 1fr);}
.contactform_plugin ul li{list-style:none; margin:0px 0 2rem 0; padding:0px; width:calc(100% - 0px)}
.contactform_plugin ul li label{width:100%; text-align:left; margin-bottom:10px; font-size: 16px; line-height: 18px;}
.contactform_plugin ul li input{width:100%; border:#14141473 solid 1px; border-radius:2.5rem; padding:7px 20px;     font-size: 20px;}
.contactform_plugin ul li textarea{width:100%; border:#14141473 solid 1px; border-radius:1.5rem; padding:7px 20px; height:150px;     font-size: 20px;}
.contactform_plugin ul li input[type="checkbox"]{width:24px; border:#14141473 solid 1px; border-radius:20px; padding:12px 12px}
.contactform_plugin ul li:nth-child(5){margin-bottom: 3rem;}
.contactform_plugin ul li:nth-child(5) { grid-column: 1 / -1; }
.contactform_plugin ul li:nth-child(6) { grid-column: 1 / -1; }
.contactform_plugin ul li:nth-child(7) { grid-column: 1 / -1; }
.contactform_plugin ul:not(.custom) li:nth-child(8) { grid-column: 1 / -1; }
.wpcf7-form-control-wrap { display: flex; flex-wrap: wrap; gap: 6px 0px;}
.wpcf7-checkbox label { display: grid; grid-template-columns: 20px auto; gap: 0 12px;}
.wpcf7-checkbox label input{ position:relative; top:-9px}
.checkbox_input{display: grid; grid-template-columns: 20px auto; gap: 0 12px;}
.checkbox_input input{position:relative; top:0px}
.checkbox_input p{ font-size:1rem}
.wpcf7-list-item-label{ font-size:1.2rem}
.wpcf7-form-control.wpcf7-radio{ margin-top:10px}
.checkbox p, .contactform_plugin p{ margin-bottom:0px}
.checkbox p a{color:#000; }
.checkbox p a:hover{color:#000; text-decoration:none }
.wpcf7-form-control-wrap{display:flex}
.contactform_plugin .wpcf7-list-item { display: inline-block;  margin: 0 1rem 0 0em;}
.contactform_plugin ul li.capcha{ margin:20px 0px 50px 0 }
.wpcf7-form-control.wpcf7-radio { margin-top: 10px;  display: flex; gap: 0 80px; }
select:focus { outline: none; border: none; }
select { border: 1px solid #ccc;  padding: 5px; }
.wpcf7 { margin-top: 100px; }
.ca_container_wrap{  margin-top: 100px;}
.wpcf7-submit { background-color: #0073aa; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease;}
.user_info{ width:100%} 
#contact-form-search { width: 100%; margin: 0 auto;  padding: 30px 0px; background-color: #FEFEFE; border-radius: 28px}
#contact-form-search p { font-size: 2.75rem; font-weight: 400; margin-bottom: 10px; color: #212529; }
.d-flex{display:flex;}
.contact_field{ margin:20px 0 15px 0px; gap:0 20px; align-items:center}
.find-btn { background-color: #1E9BFF; color: #fff; padding: 0px 75px 0px 35px; border: none; height:66px; line-height:72px; cursor: pointer; font-size: 2.75rem; transition: background-color 0.3s ease; text-align: center; display: inline-block; text-decoration: none; font-weight: 400; border-radius: 40px; position:relative; margin-top: 1rem;}
.find-btn:hover{ color:#fff}
.find-btn:after{background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.2736 30.2103H12.0833V27.7937H41.2736L27.2757 13.7957L29 12.0853L45.9166 29.002L29 45.9187L27.2757 44.2083L41.2736 30.2103Z' fill='%23FEFEFE'/%3E%3C/svg%3E%0A");
content:""; width:46px; height:46px; position:absolute;top:12px;     right: 15px; background-size: 100%; }
/*****/
.container-wrapper{ max-width:100%; margin:auto}
.contact-main-wrapper .container-wrapper { padding: 50px 0px; max-width: 100%; margin: 0 auto 0; /*background: #1E9BFF url("../image/Linien.svg") no-repeat;     background-size: cover;*/} 
.contact-main-wrapper h3{ color:#fff;}
.contact-main-wrapper .dropdown_select{ background:#F0F0F5; border-radius:40px; border:none; padding:0px 20px 0 30px; font-size: 1.5rem; display:inline-block}
.contact-main-wrapper select{ background:#F0F0F5; border-radius:5px; padding:0px 5px;      font-size: 1.75rem; border:none}
.wpcf7-submit{ background:#000; width:auto}
.ca-form-submit input[type="submit"] { width: auto; border: #14141473 solid 1px; border-radius: 20px; position:relative; padding: 7px 62px 5px 25px; }
.ca_container_wrap { margin-top: 40px; border-top: #161718 solid 1px; padding-top: 50px;}
.margin_top{     margin: 10px 0 20px 0px;}

input.ca-form-submit[type="submit"] { width: auto; border: #14141473 solid 1px; border-radius: 20px; position:relative; padding: 7px 62px 5px 25px; margin-left: 0px; margin-bottom: 50px; }
input.ca-form-submit[type="submit"] { font-size:1.2rem; background:#000 url("data:image/svg+xml,%3Csvg width='38' height='32' viewBox='0 0 38 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666687 31.7161V0.299438L37.9389 16.0078L0.666687 31.7161ZM3.08335 28.0911L31.7209 16.0078L3.08335 3.92444V13.312L14.7951 16.0078L3.08335 18.7036V28.0911Z' fill='%23FEFEFE'/%3E%3C/svg%3E%0A"); background-size: 100%;  background-repeat: no-repeat;   z-index: 1; background-size: 24px;  background-position: 128px 10px; border-radius:40px;}

.contactform_plugin h3{ font-size:40px;}
.contactform_plugin h4{ font-size:22px; letter-spacing:-1px}
.dropdown_select select{ appearance: none;  -webkit-appearance: none; -moz-appearance: none;  background: none;   background-image: url('path-to-your-custom-arrow.svg');  background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 9.57901L0.797974 0.376953H19.2021L10 9.57901Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 10px center;  padding-right: 55px; }
.dropdown_select select::-ms-expand {  display: none; }
.ca-posts-container .post-grid-item span { display: block; font-size: clamp(1rem, 0.9091rem + 0.4545vw, 1.25rem) !important;    line-height: 1.2;  color: #212529; }
.contactform_plugin label input[type="radio"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: 28px !important;  height: 28px !important;  border: 2px solid #333;  border-radius: 50%;  background-color: #fff; cursor: pointer; margin-right: 10px;  display: inline-block; vertical-align: middle; padding:0px !important }
.contactform_plugin label input[type="radio"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: 28px !important; height: 28px !important;  border: 2px solid #333;  border-radius: 50%; background-color: #fff; cursor: pointer; margin-right: 10px; display: inline-block; vertical-align: middle; padding:0px !important}
/* Add inner dot for checked state */
.contactform_plugin label input[type="radio"]::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px;height: 20px; background-color: #333; border-radius: 50%; opacity: 0;
  transition: opacity 0.2s ease; }
.contactform_plugin label input[type="radio"]:checked::after { opacity: 1;}
.contactform_plugin label .wpcf7-list-item-label { font-size: 16px; line-height: 24px; color: #333; vertical-align: middle; cursor: pointer; }
.checkbox_input { display: flex; align-items: center; margin: 10px 0; }
.checkbox_input input[type="checkbox"] { width: 20px; height: 20px;  margin-right: 10px;}
#contact-form-search p.contact-second-text{ margin:0px; padding:0px}
 select{ width:100%}
.ca_container_wrap h3{ color:#000; font-size:20px}
.checkbox_input .wpcf7-not-valid-tip{    position: absolute; bottom: -36px; width: 183px;}
.contact_info a{ color:#212529; text-decoration: none;}

@media (min-width: 1440px) {
#contact-form-search p.contact-second-text, #contact-form-search p {
  
    white-space: pre;
}

}

@media (max-width: 1640px) {
.ca-posts-container { grid-template-columns: repeat(4, 1fr); gap: 30px 20px;}
}
@media (max-width: 1440px) {
.contact_field { flex-wrap: wrap;}

.contact-main-wrapper .dropdown_select{ width:80%}	
.ca-posts-container { grid-template-columns: repeat(3, 1fr); gap: 30px 20px;}
}
/* @media (max-width: 1199px) { */
.contact-main-wrapper { padding: 0px 0px; }
.dropdown_width{ width:100%}
.contact-main-wrapper select{ width:100%}
.contact_field { flex-wrap: wrap;}
#contact-form-search{    padding: 30px 0px;} 	
#contact-form-search p, .dropdown_select select{font-size:1.5rem}
.contact-main-wrapper select{padding-top:8px; padding-bottom:8px}
.find-btn{    font-size: 1.75rem;  height: 58px; line-height: 62px; }
.find-btn:after{ top:7px}
.ca-posts-container { grid-template-columns: repeat(3, 1fr); gap: 30px 20px;}
.contactform_plugin{  max-width:100%; margin:auto;    padding:0px 0px 50px 0px}
.contact-main-wrapper h3.contact-title{font-size:3rem}
/* } */
@media (max-width: 1100px) {
.ca-posts-container { grid-template-columns: repeat(2, 1fr); gap: 30px 20px;}
/* .contact-main-wrapper .container-wrapper{     padding: 50px 16px;     margin: 50px auto 0;} */
}

@media (min-width: 1295px) {
    .contact-third-text {margin-bottom: 0 !important;}
}

@media (max-width: 1023px) {
  .contact-main-wrapper h3.contact-title {
        font-size: 2.5rem;
    }
    #contact-form-search p, .dropdown_select select {
        font-size: 1.5rem;
    }	
	    .contact-main-wrapper .dropdown_select {
        width: auto;
    }
	
}

@media (max-width: 767px) 
{
.contactform_plugin ul {   list-style: none; margin: 60px 0 0 0; padding: 0px; display: grid; gap: 0 0rem; grid-template-columns: repeat(1, 1fr);}
/*.find_button_wrap{     justify-content: center; display: flex; }*/
#contact-form-search p.contact-second-text{ margin-bottom:10px; padding:0px}
.contact-main-wrapper {   padding: 0px 0px;}
.contact-main-wrapper h3.contact-title{ font-size:24px; margin-bottom:10px;}
.contact-main-wrapper .dropdown_select {  width: 100%;}
.contact-main-wrapper .contactform_plugin h3 { font-size: 24px; line-height: 30px;}
#contact-form-search p, .contact-main-wrapper select{font-size:18px;}
#contact-form-search{ border-radius:20px; padding:2rem 0rem}
.contact-main-wrapper .dropdown_select {border-radius: 20px;  border: none; padding: 5px 20px 3px 17px; font-size: 20px;  display: inline-block;}
.find-btn { padding: 0px 51px 0px 21px; height: 35px; line-height: 38px; font-size: 20px; margin-top: 0.85rem;}
.find-btn:after {    content: ""; width: 33px; height: 54px; position: absolute; top: 2px; right: 11px; background-size: 100%;}
.ca-posts-container { grid-template-columns: repeat(1, 1fr); gap: 30px 20px;}
.wpcf7-form-control.wpcf7-radio { flex-wrap: wrap; }
.checkbox_input {  flex-wrap: wrap;}
    .contact-main-wrapper select {
        padding: 8px 45px 8px 5px;
    }
    .contact-main-wrapper .dropdown_select {
        border-radius: 20px;
        border: none;
        padding: 1px 6px 0px 12px;
        font-size: 20px;
        display: inline-block;
    }	
}