.content , .content .content-box.brown{
    color: rgba(82, 51, 24, 1);
    font-family: 'hacen_liner_XL', serif;
    text-align: right;
}
.content{
    padding-top: 1px;
}
.announce {
    background-color: white;
    border-radius: 25px;
    direction: ltr;
    color: white;
    text-align: center;
    padding: 30px;
}
.announce .text {
    width: 70%;
    display: inline-block;
    text-align: right;
    color: black;
}
h2{
    font-size: 18px;
    font-family: "HecanLinearXL", serif;
}
p{
    font-size: 14px;
    font-family: "HecanLinearXL", serif;
}
.announce .text a {
    color: rgba(143, 123, 103, 1);
}
.announce i {
    font-size: 3em;
    position: relative;
    top: 50%;
    transform: translateY(-5%);
    color: #8F7B67;
    margin-left: 25px;

}
.text>h2{
    color: rgba(143, 123, 103, 1);
}
.kform{
    background: rgba(240, 222, 192, 1);
    background-blend-mode: overlay;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) -10.26%, rgba(255, 255, 255, 4e-05) 23.24%);
    box-shadow: 0 1.50627px 15.0627px rgba(214, 194, 156, 0.54), 0 0.753137px 0.753137px #C4B59D, inset 0 0.753137px 0.753137px rgba(84, 60, 39, 0.47), inset 0 3.01255px 6.0251px rgba(84, 56, 31, 0.572888);
    border-radius: 45px;
    padding-bottom: 20px;
    margin-top: 50px;
}
.option-color{
    background: white;
    color: white;
    display: block;
    width: 90%;
}
.title-2{
    color: rgba(82, 51, 24, 1);
    font-family: "HecanLinearXL", serif;
    font-size: 18px;
    margin-top: 30px;
    margin-right: 30px;
    margin-bottom: 7px;
}
.kform .options{
    background: white;
    box-shadow: 0 0.753137px 0 #FFF0D9, inset 0 0.753137px 0.753137px rgba(145, 103, 67, 0.467391), inset 0 3.01255px 6.0251px rgba(138, 91, 51, 0.22);
    border-radius: 15px;
    padding: 10px 20px 10px 0;
    border: none;
    color: #6B4303;
    text-align: right;
    text-shadow: 0 1px 1px #FFF7EB;
    outline: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
    position: relative;
}
.kform .options select{
    font-family: 'HecanLinearXL', serif;
    background: none;
    border: none;
    width: 95%;
    font-size: 16px;
    color: rgba(82, 51, 24, 1);
    text-shadow: 0 1px 1px white;
}
.kform .options select .each-option{
    background-color: white;
    color: rgba(82, 51, 24, 1);
}
.support-content{
    min-height: 80vh;
    background-image:  url("../../kimages/middle_bk.svg");
    background-color: transparent;
    background-size: 1200px,1200px;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 500;
}

@media (min-width: 992px) {
    .support-content{
        background-image:  url("../../kimages/middle_bk_pn.png");
        background-size: 85% 700px;
    }

    .announce .text {
        width: 70%;
        display: inline-block;
        text-align: right;
        color: black;
    }
    h2{
        font-size: 32px;
        font-family: "HecanLinearXL", serif;
    }
    p{
        font-size: 27px;
        font-family: "HecanLinearXL", serif;
    }
    .announce .text a {
        color: rgba(143, 123, 103, 1);
    }
    .announce i {
        font-size: 6em;
        position: relative;
        top: 50%;
        transform: translateY(-5%);
        color: #8F7B67;
        margin-left: 25px;

    }
    .text>h2{
        color: rgba(143, 123, 103, 1);
    }
    .title-2{
        font-size: 26px;
        margin-right: 70px;
    }
    .kform .options select{
        font-size: 20px;
    }
    .content{
        padding-top: 50px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .support-content{
        background-image:  url("../../kimages/middle_bk_pn.png");
        background-size: 85% 700px;
    }
    .content{
        padding-top: 50px;
    }
}
@media (min-width: 1400px) {
    .support-content{
        background-image:  url("../../kimages/middle_bk_pn.png");
        background-size: 85% 700px;
    }
    .content{
        padding-top: 50px;
    }
}