.call-to-action--Title p {
    font-size: 48px;
    font-weight: 400;
    line-height: normal;
    color: var(--theme-secondary);
    margin: 0px;
}

section.call-to-action--Section {
    background: var(--theme-primary);
    padding: 50px 0px;
}

.call-to-action--Title {
    margin-bottom: 25px;
}

/* Call to Action with Form */
.two--column-content h2 {
    font-size: 80px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.two--column-content p {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    color: var(--text-color);
}

.two--column-content h2 span {
    color: var(--theme-primary);
}

/* Contact Form */
.form--fields-inner {
    display: flex;
    gap: 20px;
}
.fullwidth-field p span input {
    width: 100%;
}

.form--fields-inner select {
    width: 100%;
}

p.hidden-field {
    display: none;
}
.form--Outer input.wpcf7-form-control.wpcf7-submit {
    padding: 12px 30px;
    height: auto;
    background: var(--theme-primary);
    color: #fff;
    border: 0px;
    font-size: 18px;
    width: auto;
    font-weight: 500;
    border-radius: 6px;
}

/* Contact Page */
.form--fields input {
    padding: 30px 20px 10px;
    border: 1px solid #BCBCBC;
    background: #fff;
    height: 65px;
    width: 100%;
    font-size: 18px;
}
.form--fields input::placeholder, .form--fields textarea::placeholder {
    font-size: 18px;
}

.form--fields textarea {
    padding: 30px 20px 10px;
    border: 1px solid #BCBCBC;
    background: #fff;
    width: 100%;
    font-size: 18px;
}

.form--fields select{
    padding: 30px 15px 10px;
    border: 1px solid #BCBCBC;
    height: 65px;
    font-size: 18px;
}

.cf7-field.submit-wrap button {
    padding: 12px;
    border-radius: 4px;
    background: var(--secondary-color);
    border: 0px;
    height: 65px;
    width: 65px;
}

.cf7-field.submit-wrap button br {
    display: none;
}
section.global--presence-component.contact--global {
    padding-bottom: 80px;
}

.float-select-wrapper {
  position: relative;
  width: 100%;
}

.float-select-wrapper select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.custom--select-type.float-select-wrapper::after{
    top: 50%;
}
.float-select-wrapper::after {
  content: "";
  position: absolute;
  right: 20px; 
  top: 30px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}

.float-select-wrapper label {
  position: absolute;
  top: 10px;
  left: 14px;
  font-size: 12px;
  color: #666;
  background: #fff;
  padding: 0 4px;
  pointer-events: none;
}

.float-select-wrapper select:has(option:checked[value=""]) + label {
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #999;
}
.floating-field {
    position: relative;
    margin-bottom: 15px;
    width: 100%;
}
.float-input, .float-textarea, .float-select {
    width: 100%;
    font-size: 16px;
    background: #fff;
}
.floating-field label {
    position: absolute;
    left: 20px;
    top: 10px;
    pointer-events: none;
    transition: 0.2s ease;
    color: var(--text-color);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
.float-input:focus + label,
.float-input:not(:placeholder-shown) + label, .float-textarea:focus + label,
.float-textarea:not(:placeholder-shown) + label, .float-select:focus + label,
.float-select:not(:placeholder-shown) + label {
    top: -6px;
    left: 10px;
    background: #fff;
    padding: 0 4px;
    font-size: 12px;
    color: #000;
}

.subscriptionmailing p {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin: 0px;
}

.subscriptionmailing label {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 10px;
}
.subscriptionmailing label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.subscriptionmailing label::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 0px solid #999;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    box-sizing: border-box;
    /* margin-top: 2px; */
}
.subscriptionmailing label::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #1a1a1a;
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.subscriptionmailing label input[type="checkbox"]:checked + span::before,
.subscriptionmailing label input[type="checkbox"]:checked + span::after {
    opacity: 1;
}
.subscriptionmailing label input[type="checkbox"]:checked ~ span::after {
    opacity: 1;
}
.subscriptionmailing label span {
    position: relative;
    color: #676767;
    font-size: 18px;
    /* line-height: 30px; */
}
.subscriptionmailing label span a{
    text-decoration:none;
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}
.subscriptionmailing label span::before {
    content: "";
    position: absolute;
    left: -30px;
    width: 20px;
    height: 20px;
    border: 2px solid #999;
    border-radius: 50%;
}
.subscriptionmailing label span::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--theme-primary);
    border-radius: 50%;
    opacity: 0;
    transition: 0.2s;
    left: -25px;
    top: 5px;
}
.subscriptionmailing label input[type="checkbox"]:checked + span::after {
    opacity: 1;
}
.subscriptionmailing {
    margin: 15px 0px 30px 0px;
}
.subscriptionmailing span.wpcf7-list-item {
    margin: 0px;
    /* margin-bottom: 30px; */
    margin-top: 10px;
}
.content--grapic.graphic-left {
    margin-bottom: 60px;
}

.content--grapic.graphic-right {
    margin-top: 60px;
    text-align: right;
    padding-right: 30px;
}

@media(max-width:767px){
    .call-to-action--Title p {
        font-size: 28px;
    }

    section.call-to-action--Section {
        padding: 20px 0px;
    }
    .two--column-content h2{
        font-size: 32px;
    }
    .two--column-content p{
        font-size: 16px;
    }
    .content--grapic img {
        height: 85px;
    }
    
    section.two--column-withForm {
        padding: 30px 0px 60px;
    }
    
    .content--grapic.graphic-right {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    .content--grapic.graphic-left {
        margin-bottom: 30px;
    }
}

@media(max-width:1023px) and (min-width:768px){
    .call-to-action--Title p {
        font-size: 32px;
    }
}

@media(max-width:1140px) and (min-width:1024px){
    .call-to-action--Title p {
        font-size: 42px;
    }
}