/* corona modal */

.corona-modal {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    z-index: 2000000000;
    box-sizing: border-box;
}

.hidden {
    display: none;
}

.corona-modal-content {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    /* background: red; */
}

.corona-modal-content-inner {
    width: 30%;
    height: auto;
    padding: 15px;
    background-color: white;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

.corona-modal-close {
    background-color: black;
    color: white;
    border-radius: 50%;
    font-size: 20px;
    position: absolute;
    top: 0%;
    right: -4%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    padding: 12px;
    padding: 1px 9px;
}

.corona-modal-content-inner img {
    width: 100%;
}


/* navs */

.corona-navs {
    width: 100%;
    padding-bottom: 20px;
}

.corona-navs-innner {
    width: 50%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.single-corona-nav {
    width: 33.33%;
    background-color: black;
    padding: 10px;
    text-align: center;
    color: white;
    display: inline-block;
}

.single-corona-nav:last-child {
    background-color: #302000;
    ;
}

.single-corona-nav.current {
    background: #ed9902;
    background: -webkit-radial-gradient(center, ellipse, #feda2a, #ed9902);
    background: radial-gradient(ellipse at center, #feda2a, #ed9902);
    color: #000;
}

.green-btn-block {
    background-color: #666f1a;
    color: white;
    display: inline-block;
    padding: 15px;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.corona-title {
    font-size: 20px;
    color: #302000;
}

.btn-corona {
    display: flex;
    justify-content: space-between;
}


/* new code from monororial */

.section-title {
    font-size: 1.4rem !important;
}

.from-description {
    text-align: justify !important;
}

.green-btn-block-corona {
    background-color: #666f1a;
    color: white;
    display: inline-block;
    padding: 15px;
    width: 48%;
    margin-top: 20px;
    text-align: center;
}


/* responsive */

@media(max-width:1023px) {
    .corona-modal-content-inner {
        width: 100%;
    }
}


/* =================================shortcodes====================== */

.corona-elements-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}

.single-corona-element {
    width: 33.33%;
    padding: 10px;
}


/* =================================shortcodes====================== */