так н
.contact_area.modern-contact-section{
    text-align:left;
    padding:40px 20px;
    margin:0 auto 60px auto;
    position:relative;
    overflow:hidden;
    border-radius:16px;
    background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);
    border:1px solid #e5e7eb;
    max-width:1000px;
}
.contact_area.modern-contact-section::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg,#da0034 0%,#ff6b6b 50%,#da0034 100%);
    border-radius:16px 16px 0 0;
}
.heading-content{
    flex:1;
    max-width:70%;
}
.modern-subtitle{
    color:#6b7280;
    line-height:1.5;
    margin:0;
}
.form-section{
    background:white;
    border-radius:16px;
    padding:24px;
    border:1px solid #e5e7eb;
    position:relative;
    overflow:hidden;
}
/* .form-section::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,#da0034 0%,#ff6b6b 50%,#da0034 100%);
}*/
.modern-form-wrapper{
    position:relative;
}
.form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

@media (max-width: 768px) {
    .form-grid{
        grid-template-columns:1fr;
        gap:16px;
    }
}
.form-group{
    display:flex;
    flex-direction:column;
}
.form-group.full-width{
    grid-column:1 / -1;
}
.modern-input,
.modern-select,
.modern-textarea{
    width:100%;
    padding:16px 20px;
    border:1px solid #e5e7eb;
    border-radius:6px;
    font-size:13px;
    font-weight:400;
    transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
    background:#ffffff;
}
.modern-input:focus,
.modern-select:focus,
.modern-textarea:focus{
    outline:none;
    border-color:#da0034;
    background:#ffffff;
    box-shadow:0 0 0 3px rgba(218,0,52,0.1);
}
.modern-input::placeholder,
.modern-textarea::placeholder{
    color:#9ca3af;
    font-weight:400;
}
.modern-select{
    appearance:none;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position:right 12px center;
    background-repeat:no-repeat;
    background-size:16px;
    padding-right:40px;
}
.modern-checkbox{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:12px;
    background:#f8fafc;
    border-radius:8px;
    border:1px solid #e2e8f0;
    margin-top:8px;
}
.modern-checkbox input[type="checkbox"]{
    margin:0;
    width:12px;
    height:12px;
    accent-color:#da0034;
    border-radius:3px;
    flex-shrink:0;
    margin-top:2px;
}
.modern-checkbox label a{
    color:#da0034;
    text-decoration:none;
    font-weight:600;
}
.modern-checkbox label a:hover{
    text-decoration:underline;
}
.modern-submit-btn{
    background:linear-gradient(135deg,#da0034 0%,#ff4757 50%,#da0034 100%);
    background-size:200% 100%;
    color:white;
    padding:14px 28px;
    border:none;
    border-radius:8px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
    text-transform:uppercase;
    letter-spacing:0.5px;
}
.modern-submit-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);
    transition:left 0.5s;
}
.modern-submit-btn:hover{
    background-position:100% 0;
}
.modern-submit-btn:hover::before{
    left:100%;
}
.modern-submit-btn:active{
    transform:none;
}
.modern-submit-btn i{
    font-size:14px;
    transition:transform 0.3s ease;
}
.modern-submit-btn:hover i{
    transform:translateX(4px);
}
.manager-section{
    position:sticky;
    top:20px;
}
.reviews-rating-link{
    text-decoration:none !important;
    color:inherit;
    display:block;
}
.reviews-rating-link:hover{
    text-decoration:none !important;
    color:inherit;
}
.reviews-rating-link:focus{
    text-decoration:none !important;
    color:inherit;
}
.reviews-rating-link:visited{
    text-decoration:none !important;
    color:inherit;
}
.reviews-rating{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    margin-bottom:12px;
    padding:4px 0;
}
.reviews-rating .stars{
    display:flex;
    align-items:center;
}
.reviews-rating .proven-logo{
    max-width:35px;
    height:auto;
    opacity:0.9;
    transition:opacity 0.3s ease;
}
.reviews-rating .proven-logo:hover{
    opacity:1;
}
.client-stars{
    display:flex;
    align-items:center;
    gap:2px;
}
.client-stars i{
    color:#fbbf24;
    font-size:14px;
}
.stars-fallback{
    display:none;
    color:#fbbf24;
    font-size:14px;
}
.rating-text{
    font-size:14px;
    color:#6b7280;
    font-weight:500;
}
.modern-checkbox label{
    font-size:12px;
    line-height:1.4;
    color:#6b7280;
}
.manager-info{
    flex:1;
    text-align:left;
}
.manager-section .mt-8 ul{
    padding-left:0 !important;
    margin-left:0 !important;
    margin-bottom:0;
}
.manager-section .mt-8 ul li{
    padding-left:0 !important;
    margin-left:0 !important;
    margin-bottom:8px;
    margin-top:0;
    padding-top:0;
    padding-bottom:0;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:8px !important;
}
.manager-section .mt-8 h4{
    font-size:14px;
    color:#6b7280;
    font-weight:500;
}
.manager-section .mt-8 ul li i{
    margin-right:0 !important;
    flex-shrink:0 !important;
    margin-top:2px !important;
}
.manager-section .mt-8 ul li span{
    font-size:14px;
    color:#6b7280;
    line-height:1.2;
    word-wrap:break-word;
    hyphens:auto;
    flex:1 !important;
    text-align:left !important;
}
.modern-contact-container{
    text-align:left;
    padding:2.5rem 1.25rem;
    margin-bottom:2rem;
    position:relative;
    overflow:hidden;
    border-radius:1rem;
    background:#ffffff;
    border:1px solid #e5e7eb;
}
@media (max-width:768px){
    .modern-contact-section{
        padding:20px 0;
        margin:10px 0;
        border-radius:16px;
}
    .modern-heading .heading-content{
        max-width:100% !important;
        width:100% !important;
        flex:none !important;
}
    .modern-heading{
        flex-direction:column !important;
        text-align:center !important;
        padding:0 !important;
}
    .modern-contact-container{
        padding:1rem 0.5rem !important;
}
    .contact-form-layout{
        display:flex !important;
        flex-direction:column !important;
        gap:20px !important;
}
    .form-section{
        order:1 !important;
}
    .manager-section{
        order:2 !important;
}
    .modern-manager-card{
        border-left:none !important;
        padding-left:0 !important;
}
    .modern-manager-card ul{
        padding-left:0 !important;
        margin-left:0 !important;
}
    .modern-manager-card li{
        justify-content:flex-start !important;
        align-items:flex-start !important;
        margin-bottom:8px !important;
}
    .modern-manager-card li i{
        margin-right:8px !important;
        margin-top:2px !important;
        flex-shrink:0 !important;
}
    .modern-manager-card li span{
        flex:1 !important;
        text-align:left !important;
}
}
.mt-6.flex.items-center.space-x-3{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:24px;
}
.mt-6.flex.items-center.space-x-3 .flex.-space-x-3{
    display:flex;
    align-items:center;
}
.mt-6.flex.items-center.space-x-3 .text-left{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
}
.mt-6.flex.items-center.space-x-3 .flex.text-yellow-400{
    display:flex;
    align-items:center;
    gap:2px;
}
.mt-6.flex.items-center.space-x-3 .text-left p{
    margin:0;
    line-height:1.2;
}
.mt-6.flex.items-center.space-x-3 .inline-block.h-8.w-8.rounded-full{
    display:inline-block;
    height:32px;
    width:32px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid white;
    margin-left:-8px;
}
.mt-6.flex.items-center.space-x-3 .inline-block.h-8.w-8.rounded-full:first-child{
    margin-left:0;
}
.contact-form-section{
    padding:32px 0;
    margin:32px 0;
}
.form-container{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:32px;
    align-items:start;
}
.form-wrapper{
    width:100%;
}
.modern-contact-form{
    background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);
    border-radius:24px;
    padding:0;
    box-shadow:none;
    border:1px solid rgba(255,255,255,0.2);
    width:100%;
    position:relative;
    overflow:hidden;
}
.modern-contact-form::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg,#da0034 0%,#ff6b6b 50%,#da0034 100%);
    border-radius:24px 24px 0 0;
}
.form-header{
    padding:16px 20px 12px 20px;
    text-align:left;
    border-bottom:1px solid #e5e7eb;
    background:linear-gradient(145deg,#f8fafc 0%,#ffffff 100%);
}
.form-header h3{
    font-size:24px;
    margin-bottom:12px;
    color:#1f2937;
}
.form-header p{
    font-size:14px;
    line-height:1.5;
    color:#6b7280;
    margin:0;
}
.form-content{
    display:grid;
    grid-template-columns:1.8fr 1fr;
    gap:24px;
    padding:24px;
}
.form-fields{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.form-label{
    font-size:13px;
    font-weight:600;
    color:#374151;
    margin:0;
}
.form-actions{
    grid-column:1 / -1;
    text-align:center;
    margin-top:16px;
}
.manager-wrapper{
    position:sticky;
    top:20px;
}
.modern-contact-form .form-group{
    margin-bottom:12px;
}
.contact-form-layout{
    display:grid;
    grid-template-columns:60% 30%;
    gap:40px;
    align-items:start;
    margin-right:10px;
}
.contact-form-layout .form-section{
    background:none;
    border-radius:0;
    padding:0;
    box-shadow:none;
    border:none;
}
.contact-form-layout .manager-section{
    position:sticky;
    top:20px;
}
.modern-manager-card{
    background:none;
    border-radius:0;
    padding:0 0 0 20px;
    box-shadow:none;
    border:none;
    border-left:1px solid #d1d5db;
    text-align:left;
}
.manager-header{
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:12px;
}
.manager-info h5,
.manager-info p{
    margin:0 !important;
    padding:0;
}
.manager-photo{
    margin-bottom:0;
    flex-shrink:0;
}
.manager-photo img{
    width:100px;
    height:100px;
    max-width:100px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #da0034;
    box-shadow:0 2px 8px rgba(218,0,52,0.15);
    background:#f3f4f6;
    display:block;
}
.manager-photo img:not([src]),
.manager-photo img[src=""],
.manager-photo img[src*="undefined"]{
    background:#da0034;
    content:"👤";
    font-size:24px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.manager-name{
    font-size:16px;
    font-weight:700;
    color:#1f2937;
    margin:0 !important;
    padding:0;
}
.manager-title{
    font-size:12px;
    color:#6b7280;
    margin:0 !important;
    padding:0;
    line-height:1.3;
}
.manager-section .mt-8 ul li span{
    font-size:12px !important;
    color:#6b7280 !important;
    line-height:1.3 !important;
    font-weight:400 !important;
    word-wrap:break-word;
    hyphens:auto;
}
.manager-contact{
    margin-bottom:15px;
    font-size:14px;
}
.contact-item{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:8px;
    margin-top:12px;
    font-size:12px;
}
.contact-item i{
    color:#da0034;
    margin-right:8px;
    width:20px;
    text-align:center;
    font-size:18px;
}
.contact-item a{
    color:#374151;
    text-decoration:none;
    transition:color 0.3s ease;
    font-size:16px;
    font-weight:500;
}
.contact-item a:hover{
    color:#da0034;
}
.contact-item span{
    color:#6b7280;
}
.manager-social{
    display:flex;
    justify-content:flex-start;
    gap:0;
}
.manager-social ul{
    display:flex;
    list-style:none;
    margin:0;
    padding:0;
    gap:0;
}
.manager-social li{
    margin:0;
    padding:0;
}
.social-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    text-decoration:none;
    transition:all 0.3s ease;
    font-size:18px;
    margin-right:8px;
}
.social-btn.twitter,
.social-btn.bf_twitter{
    background:#da0034;
    color:white;
}
.social-btn.twitter:hover,
.social-btn.bf_twitter:hover{
    background:#c60030;
    color:white;
    transform:translateY(-2px);
    box-shadow:0 4px 8px rgba(218,0,52,0.3);
}
.social-btn.whatsapp,
.social-btn.bf_wp{
    background:#da0034;
    color:white;
}
.social-btn.whatsapp:hover,
.social-btn.bf_wp:hover{
    background:#c60030;
    color:white;
    transform:translateY(-2px);
    box-shadow:0 4px 8px rgba(218,0,52,0.3);
}
.calendly-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 16px;
    background:#da0034;
    color:white;
    text-decoration:none;
    border-radius:6px;
    font-size:12px;
    font-weight:600;
    border:none;
    cursor:pointer;
    margin-right:8px;
}

@media (min-width:1025px){
    .calendly-btn{
        font-size:10px;
    }
}
@media (max-width:1024px){
    .contact-form-layout{
        grid-template-columns:60% 30%;
        gap:30px;
        margin-right:10px;
}
}