:root {

    --background-color: #f0ebe2;

    --first-color: #736562;

    --second-color: #31526D;

    --third-color: #5666B6;

    --fourth-color: #C45643;



    /* black */

    --black-color: #000000;

}



.space-top-50 {

    padding-top: 50px;

}



.space-bottom-50 {

    padding-bottom: 50px;

}



.space-top-40 {

    padding-top: 40px;

}



.space-bottom-40 {

    padding-bottom: 40px;

}



.space-top-30 {

    padding-top: 30px;

}



.space-bottom-30 {

    padding-bottom: 30px;

}



.space-top-20 {

    padding-top: 20px;

}



.space-bottom-20 {

    padding-bottom: 20px;

}



@media only screen and (max-width: 768px) {

    .space-mobile-top-50 {

        padding-top: 50px;

    }



    .space-mobile-bottom-50 {

        padding-bottom: 50px;

    }



    .space-mobile-top-40 {

        padding-top: 40px;

    }



    .space-mobile-bottom-40 {

        padding-bottom: 40px;

    }



    .space-mobile-top-30 {

        padding-top: 30px;

    }



    .space-mobile-bottom-30 {

        padding-bottom: 30px;

    }



    .space-mobile-top-20 {

        padding-top: 20px;

    }



    .space-mobile-bottom-20 {

        padding-bottom: 20px;

    }



    .space-mobile-top-10 {

        padding-top: 10px;

    }



    .space-mobile-bottom-10 {

        padding-bottom: 10px;

    }



    .space-mobile-top-0 {

        padding-top: 0px;

    }



    .space-mobile-bottom-0 {

        padding-bottom: 0px;

    }

}



.text-black-color {

    color: var(--black-color);

}



/*  */

.free_text h1,

.free_text h2,

.free_text h3,

.free_text h4,

.free_text h5,

.free_text h6 {

    margin-bottom: 10px;

}



.free_text ol,

.free_text ul {

    margin-top: 10px;

}



/* editor */

tr.table-row-background-1 {

    background-color: var(--background-gradient-1) !important;

}



tr.table-row-background-2 {

    background-color: var(--background-gradient-2) !important;

}



tr.table-row-background-3 {

    background-color: var(--background-gradient-3) !important;

}



.text-align-center {

    text-align: center;

}



.text-first-color {

    color: var(--first-color);

}



.text-second-color {

    color: var(--second-color);

}



.text-third-color {

    color: var(--third-color);

}



.text-fourth-color {

    color: var(--fourth-color);

}



table.table-line {

    width: 100% !important;

}



table.table-line tbody tr {

    border-bottom: 1px solid #5aba80;

    height: auto !important;

}



table.table-line thead th,

table.table-line thead td,

table.table-line tbody td {

    padding: 20px 10px;

    height: auto !important;

}





.free_text a.arrow-link,

.arrow-link {

    display: inline-block;

    font-size: 16px;

    /* font-size: calc(10px + 0.6vw); */

    line-height: 1.4em;

    color: var(--second-color);

    border-bottom: 2px solid;

    border-color: var(--second-color);

    /* margin-bottom: 20px;

    padding-bottom: 20px; */

    margin-bottom: 10px;

    padding-bottom: 10px;

    width: fit-content;

    text-decoration: none;

}



.free_text a.arrow-link::after,

.arrow-link::after {

    content: '';

    background: url(images/arrow-right.svg);

    display: inline-block;

    width: 18px;

    height: 18px;

    margin: 0 5px 0 10px;

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

    vertical-align: middle;

    filter: brightness(0) saturate(100%) invert(28%) sepia(53%) saturate(451%) hue-rotate(165deg) brightness(89%) contrast(90%);

}



.free_text a.arrow-link:hover::after,

.arrow-link:hover::after {

    filter: brightness(0) saturate(100%) invert(48%) sepia(50%) saturate(752%) hue-rotate(320deg) brightness(79%) contrast(92%);

}



.free_text a.arrow-link:hover,

.arrow-link:hover {

    color: var(--fourth-color);

    border-color: var(--fourth-color);

}



@media only screen and (max-width: 768px) {



    .text5,

    h5 {

        font-size: 15px;

        line-height: 1.4em;

    }



    table.table-line tbody tr {

        display: flex;

        flex-wrap: wrap;

        gap: 0px 20px;

        padding: 10px 0;

    }



    .table-responsive table.table-line tbody tr {

        display: table-row;

    }



    table.table-line tbody td:nth-child(1) {

        padding-bottom: 0;

    }



    table.table-line tbody td:nth-child(2),

    table.table-line tbody td:nth-child(1) {

        /* width: 100%; */

        flex: 1 1 100%;

    }



    table.table-line thead th,

    table.table-line thead td,

    table.table-line tbody td {

        /* width: calc(50% - 10px); */

        flex: 1 1 auto;

        padding: 10px 5px;

    }

}



@media only screen and (max-width: 500px) {}



.font-family-richmond-text {

    font-family: "richmond-text", "Chiron Sung HK WS", serif;

}



.font-family-area-normal {

    font-family: "area-normal", "Chiron Sung HK WS", serif;

}



/* general */





/*  */

.wp-block-lazyblock-gallery-block {

    padding-top: 40px;

}