.static-head-content {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(197, 199, 215, 1);
}

.static-head-content h1 {
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 49px;
    text-transform: uppercase;
}

.static-head-content button {
    background: #306209;
    color: #fff;
    padding: 13px 35px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    width:100%;
    border: none;
    outline: none;
    user-select: none;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #306209;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.static-head-content button:hover {
    background: transparent;
    color: #000;
    outline: none;
}

.static-body {
    padding: 20px 0;
}

.static-body .row {
    justify-content: space-between;
    row-gap: 20px;
}

.static-left-area {
    font-size: 16px;
    color: #000;
    opacity: .9;
    text-align: justify;
    line-height: 1.2;
    hyphens: auto;

}
.static-image{
    margin-bottom:20px;
}
.static-image img {
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    max-height: 300px;
}
.static-left-area  img{
    display:none;
}
.static-left-area::-webkit-scrollbar {
    width: 2px
}

.static-left-area::-webkit-scrollbar-track {
    background: #5acc3449
}

.static-left-area::-webkit-scrollbar-thumb {
    background: #5bcc34
}

.static-share-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    row-gap: 20px;
}

.static-share-social li a,
.static-share-social li button {
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    border: none;
    align-items: center;
    width: 120px;
    height: 35px;
}

.static-share-social li a {
    color: #fff;
}

.static-right-area h3 {
    font-size: 20px;
    font-weight: bold;
    text-align: start;
    margin-bottom: 20px;
}

.static-share-social li:nth-child(1) a {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.static-right-area li:nth-child(2) a {
    background: rgba(0, 230, 118, 1);
}

.static-right-area li:nth-child(3) a {
    background: rgba(3, 155, 229, 1);
}

.get_order {
    padding: 15px;
    border: 1px solid #C5C7D7;
    border-radius: 10px;
}

.get_order h6 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 20px;
}

.get_order-input-wrapper input {
    border: 1px solid #C5C7D7;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    width: 100%;
    outline: none;
    margin-bottom: 20px;
    height: 50px;
}

.get_order-input-wrapper textarea {
    border: 1px solid #C5C7D7;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    width: 100%;
    outline: none;
    margin-bottom: 20px;
    min-height: 150px;
    resize: vertical;
    max-height: 200px;
}

.get_order-input-wrapper button {
    background: transparent;
    border: 1px solid var(--default);
    background: var(--default);
    color:var(--white);
    font-weight: 400;
    outline: none;
    margin: 10px 0;
    padding: 0px 15px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 4px;
    transition: .3s ease-in-out;
}

.get_order-input-wrapper button:hover {
    background: transparent;
    color: #000;
}

@media screen and (min-width:576px) {
    .static-head-content button{
        width:unset;
    }
}
@media screen and (min-width:768px) {
    .static-right-area h3{
        font-size: 25px;
    }
    .static-head-content h1{
        font-size:35px;
    }
}
@media screen and (min-width:992px) {
    .static-left-area {
        max-height: 600px;
        overflow-y: auto;
    }

    .static-share-social li a,
    .static-share-social li button {
        width: 90px;
    }

    .get_order {
        padding: 30px 40px;
    }
}