section.contato {
    position: relative;
    padding: 3.26rem 0 1.4rem;
    background: url(../../assets/img/contpbg.svg) no-repeat 0 calc(100% - 8.33rem);
    background-color: #EC9706;
}

.contato .title {
    max-width: 382px;
    color: var(--white);
    font-size: 28px;
    font-variation-settings: "wght" 600;
    line-height: 38px;
    margin-bottom: 5px;
}

.contato .text {
    max-width: 480px;
    color: var(--white);
    font-size: 16px;
    font-variation-settings: "wght" 300;
    line-height: 22px;
    margin-bottom: 25px;
}

.contato .conts,
.contato .conts>*,
.contato .conts>* .icon {
    display: flex;
}

.contato .conts {
    max-width: 480px;
    flex-direction: column;
    gap: 27px;
    padding-bottom: 33px;
    border-bottom: 1px solid #ffffff63;
    margin-bottom: 42px;
}

.contato .conts>*,
.contato .conts>* .icon {
    align-items: center;
}

.contato .conts>* {
    gap: 14px;
}

.contato .conts>*>*:last-child {
    color: var(--white);
    font-size: 16.098px;
    font-variation-settings: "wght" 500;
    line-height: 22px;
}

.contato .conts>* .icon {
    justify-content: center;
    min-width: 79px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--white);
}

.contato .conts>* .telp,
.contato .conts>* .mailp {
    color: var(--white);
    font-size: 20px;
    font-variation-settings: "wght" 700;
    line-height: 27px;
}

.contato .img {
    position: relative;
    width: 100%;
    max-width: 509px;
    aspect-ratio: 1/.80353;
    overflow: hidden;
}

.contato .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contato .img .b {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 235px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #ffffff1a;
}

.contato .img::before,
.contato .img::after {
    content: '';
    position: absolute;
    background-color: #EC9706;
    border-radius: 50%;
    aspect-ratio: 1/1;
}

.contato .img::before {
    width: 66.79%;
    left: -14.34%;
    bottom: -54.88%;
}

.contato .img::after {
    width: 55%;
    right: 5px;
    bottom: -55.68%;
}

.contato .box .ftitle {
    display: flex;
    align-items: center;
    gap: 18px;
    color: var(--white);
    font-size: 28px;
    font-variation-settings: "wght" 600;
    padding-bottom: 18px;
    border-bottom: 1px solid #d4deea4a;
    margin-bottom: 12px;
}

.contato .box .ftitle .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    max-width: 50px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--white);
}

.contato .box .form .row {
    gap: 13px 0;
}

.contato .box .form .lb {
    color: var(--white);
    font-size: 16px;
    font-variation-settings: "wght" 600;
    letter-spacing: 0.08px;
    margin-bottom: 5px;
}

.contato .box .form .ipts {
    width: 100%;
    height: 45px;
    padding: 0 16px;
    border: 1px solid #D4D3E4;
    border-radius: 10px;
    background-color: var(--white);
    color: var(--dtext);
    font-size: 14px;
    font-variation-settings: "wght" 600;
    letter-spacing: 0.07px;
}

.contato .box .form .txta {
    width: 100%;
    height: 139px;
    padding: 16px;
    border: 1px solid #D4D3E4;
    border-radius: 10px;
    background-color: var(--white);
    color: var(--dtext);
    font-size: 14px;
    font-variation-settings: "wght" 600;
    letter-spacing: .5px;
    resize: none;
}

.contato .box .form select {
    color: var(--text) !important;
    font-variation-settings: "wght" 400 !important;
}

.contato .box .form .ipts:focus-visible,
.contato .box .form .txta:focus-visible {
    outline: none;
}

.contato .box .form .ipts::placeholder,
.contato .box .form .txta::placeholder {
    color: #4e4e74a6;
    font-variation-settings: "wght" 400;
}

.contato .box .form .tlb {
    color: rgba(255, 255, 255, 0.80);
    font-size: 14px;
    font-variation-settings: "wght" 400;
    line-height: 19px;
    letter-spacing: 0.056px;
}

.contato .box .form input[type="checkbox"] {
    border-color: var(--white) !important;
}

.contato .box .form .row>*:has(input[type="checkbox"]),
.contato .box .form .row>*:has(.send) {
    width: 100%;
}

.contato .box .form .send {
    position: relative;
    display: flex;
    align-items: center;
}

.contato .box .form .send svg {
    position: absolute;
    right: 40px;
}

.contato .box .form .dbtn {
    border: none;
    width: 100%;
}

.contato .form .wpcf7-not-valid-tip {
    bottom: -21px;
    right: 0;
    color: var(--white);
    font-size: 14px;
}

.fx {
    position: relative;
    min-height: 222px;
    background: url(../../assets/img/contfxbg.svg) no-repeat bottom center;
    margin-top: -1.3rem;
}

.fx::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 76px;
    background: url(../../assets/img/contfx.svg) no-repeat center;
    background-size: cover;
}


/* MEDIA QUERIES */

@media(max-width:992px) {
    section.contato {
        padding: 2rem 0;
    }
    .contato .row {
        gap: 2rem;
    }
}

@media(max-width:768px) {}

@media(max-width:575px) {
    .contato .conts>* {
        flex-direction: column;
        gap: .5rem;
    }
    .contato .title,
    .contato .text,
    .contato .box .ftitle,
    .contato .conts>*>*:last-child {
        text-align: center;
    }
    .contato .box .ftitle {
        flex-direction: column;
    }
    .fx {
        min-height: 76px;
    }
}


/* MEDIA QUERIES ! */