/* language: css */
@import url(Glend.css);


[class^='button-'],
[class*=' button-']{
    height: 60px;
    font-size: 18px;
    line-height: 2;
    font-family: var(--family);
}


/* SpecialPageTopSpacing */
:root{
    --SpecialPageTopSpacing:calc( var(--headerHeight) + 30px );
}
@media only screen and (max-width:991.98px) {
    :root{
        --SpecialPageTopSpacing: 30px;
    }
}

#dnn_content:has(#dnn_ctr_Login_DNN),
#dnn_content:has(#dnn_ctr_Privacy_lblPrivacy),
#dnn_content:has(#dnn_ctr_Terms_lblTerms),
#dnn_content:has(dnn-resource-manager.hydrated){
    padding-top: var(--SpecialPageTopSpacing);
}

.header-replace.header-position.sticky-fixed:has( ~ #dnn_content #dnn_ctr_Login_DNN),
.header-replace.header-position.sticky-fixed:has( ~ #dnn_content #dnn_ctr_Privacy_lblPrivacy),
.header-replace.header-position.sticky-fixed:has( ~ #dnn_content #dnn_ctr_Terms_lblTerms),
.header-replace.header-position.sticky-fixed:has( ~ #dnn_content dnn-resource-manager.hydrated){
    background-color: rgba(0,0,0,0.64);
}

@-moz-document url-prefix() {
    #Form[action="/Privacy" i] #dnn_content,
    #Form[action="/Privacy/" i] #dnn_content{
        padding-top: var(--SpecialPageTopSpacing);
    }
    #Form[action="/Terms" i] #dnn_content,
    #Form[action="/Terms/" i] #dnn_content{
        padding-top: var(--SpecialPageTopSpacing);
    }
    #Form[action="/login" i] #dnn_content,
    #Form[action="/login/" i] #dnn_content,
    #Form[action^="/login?" i] #dnn_content{
        padding-top: var(--SpecialPageTopSpacing);
    }
    #Form[action^="/Host/Global-Assets/portalid/" i] #dnn_content{
        padding-top: var(--SpecialPageTopSpacing);
    }
    #Form[action="/Admin/File-Management" i] #dnn_content{
        padding-top: var(--SpecialPageTopSpacing);
    }

    #Form[action="/Privacy" i] .header-replace.header-position.sticky-fixed,
    #Form[action="/Privacy/" i] .header-replace.header-position.sticky-fixed,
    #Form[action="/Terms" i] .header-replace.header-position.sticky-fixed,
    #Form[action="/Terms/" i] .header-replace.header-position.sticky-fixed,
    #Form[action="/login" i] .header-replace.header-position.sticky-fixed,
    #Form[action="/login/" i] .header-replace.header-position.sticky-fixed,
    #Form[action^="/login?" i] .header-replace.header-position.sticky-fixed,
    #Form[action^="/Host/Global-Assets/portalid/" i] .header-replace.header-position.sticky-fixed,
    #Form[action="/Admin/File-Management" i] .header-replace.header-position.sticky-fixed{
        background-color: rgba(0,0,0,0.64);
    }
}




/* Middle */
.d-wrapper .is-box .is-container {
    margin-top: 112px;
    margin-bottom: 112px;
}
.has-sidebar .d-wrapper .is-box .is-container {
    margin-top: 60px;
    margin-bottom: 60px;
}
@media all and (max-width: 991px) {
    .d-wrapper .is-box .is-container {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .has-sidebar .d-wrapper .is-box .is-container {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}




/* page-title */
#page-title{
    padding-top: var(--headerHeight);
}


/* RKG-header-01 */
.RKG-header-01 > .container{
    width: 1360px;
}

.RKG-header-01 .logo img{
    max-height: 100%;
}
.floating-nav.floating-active .RKG-header-01 .logo img.floating-header-logo{
    max-height: 80%;
}
.RKG-header-01 .dng-megamenu .primary_structure>li:has(.dnngo_menuslide)::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: calc( 50% - 15px );
    width: 0;
    height: 0;
    border-left: 15px solid transparent;  
    border-right: 15px solid transparent;  
    border-bottom: 16px solid transparent;
    z-index: 907;
    opacity: 0;
    pointer-events: none;
}

.RKG-header-01 .dng-megamenu .primary_structure>li .dnngo_menuslide{
    --arrowLeft: 0;
}
.RKG-header-01 .dng-megamenu .primary_structure>li .dnngo_menuslide::after{
    content: '';
    position: absolute;
    top: -16px;
    left: var(--arrowLeft);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;  
    border-right: 15px solid transparent;  
    border-bottom: 16px solid #fff;
    opacity: 1;
}
.RKG-header-01 .dng-megamenu .primary_structure>li .dnngo_menuslide > .dnngo_menu_list > li {
    width: 100%;
}
.RKG-header-01 .dng-megamenu .primary_structure>li .dnngo_menuslide > .dnngo_menu_list > li > a{
    border-bottom: 1px solid #cecece;
}
.RKG-header-01 .dng-megamenu .dnngo_menuslide>.line{
    display: none;
}


.RKG-header-01-tools .header-content-wrap > div{
    margin-left: 0 !important;
    height: 100%;
}
.RKG-header-01-tools .search-popup-box .NormalTextBox{
    font-size: 16px;
}
.RKG-header-01-tools .search-popup-box .icon{
    width: 78px;
    height: 100%;
    color: #fff;
    background-color: var(--accent-color4);
    border-radius: 0;
}
.RKG-header-01-tools .search-popup-box .icon::before,
.RKG-header-01-tools .search-popup-box .icon::after{
    top: calc( 50% - 4px );
}
.RKG-header-01-tools .search-popup-box .icon::before{
    margin: -15px 0 0 -20px;
    width: 30px;
    height: 30px;
}
.RKG-header-01-tools .search-popup-box .icon::after{
    width: 20px;
    margin: 23px 0 0 -3px;
}
.RKG-header-01-tools .search-popup-box .icon.active::before{
    width: 0px;
    height: 33px;
    margin: -15px 0 0 0px;
}
.RKG-header-01-tools .search-popup-box .icon.active::after{
    width: 33px;
    height: 0;
    margin: 0px 0 0 -15px;
}
.RKG-header-01-tools .RKG-header-button-01{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 100%;
    color: #fff !important;
    font-size: 35px;
    background-color: var(--accent-color);
    border-radius: 0;
}



/* RKG-footer-01 */
.RKG-footer-01{
    font-size: 1rem;
    line-height: 1.75;
}
.RKG-footer-01 span,
.RKG-footer-01 p,
.RKG-footer-01 a,
.RKG-footer-01 a:link,
.RKG-footer-01 a:visited {
    color: #fff;
}

.RKG-footer-01 a:hover {
    color: var(--link-hover-color);
    text-decoration: none;
}
.RKG-footer-01.is-light-text .list-03 li .sico{
    color: currentColor;
}
.RKG-footer-01 .sep {
    margin: 0 5px;
    color: currentColor !important;
}

.RKG-footer-01 .row.footer-bottom{
    position: relative;
    text-align: center;
}
.RKG-footer-01 .row.footer-bottom::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    transform: translate3d(-50%,0,0);
    background-color: #000000;
    opacity: 0.2;
}


/* RKG-banner-01 */
.RKG-banner-01{
    padding-top: var(--headerHeight);
    text-align: center;
}
.RKG-banner-01 .banner-main,
.RKG-banner-01 .banner-title,
.RKG-banner-01 .banner-text,
.RKG-banner-01 .banner-btn{
    margin-left: auto;
    margin-right: auto;
}
.RKG-banner-01 .banner-main .banner-title .title{
    margin: 0 0 10px;
    font-size: 80px;
    line-height: 1.15;
}
.RKG-banner-01 .banner-main .banner-title .title [data-effect="typewriter"]{
    color: currentColor;
    font-weight: bold;
}
.RKG-banner-01 .banner-main .banner-title .title [data-effect="typewriter"] span{
    color: currentColor;
}
.RKG-banner-01 .banner-main .banner-text{
    margin-top: 36px;
}
.RKG-banner-01 .banner-main .banner-btn{
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	gap: 20px 30px;
	margin: 140px 0 0;
}
.RKG-banner-01 .banner-main .banner-btn > a{
    flex: 1 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 25px;
	text-align: center;
    font-size: 24px;
	line-height: 1.2;
	overflow: hidden;
    text-transform: uppercase;
    transform: translate3d(0,0,0);
    transition: all ease 300ms;
    border-radius: 0px;
}
.RKG-banner-01 .banner-main .banner-btn > a:nth-child(1){
    background-color: #591A81;
}
.RKG-banner-01 .banner-main .banner-btn > a:nth-child(2){
    background-color: #0F8F5D;
}
.RKG-banner-01 .banner-main .banner-btn > a:nth-child(3){
    background-color: #3E4B89;
}
.RKG-banner-01 .banner-main .banner-btn > a:nth-child(4){
    background-color: #2A6D8F;
}
.RKG-banner-01 .banner-main .banner-btn > a:nth-child(5){
    background-color: #EFB738;
}
.RKG-banner-01 .banner-main .banner-btn > a:hover{
    text-decoration: none;
    transform: translate3d(0,-10px,0);
}

@media only screen and (max-width:991.98px) {
    .RKG-banner-01{
        padding-top: 0;
    }
    .RKG-banner-01 .banner-main .banner-title .title{
        font-size: 56px;
        line-height: 1.2;
    }
    .RKG-banner-01 .banner-main .banner-btn{
        margin: 100px 0 0;
    }
}
@media only screen and (max-width:767.98px) {
    .RKG-banner-01 .banner-main .banner-title .title{
        font-size: 36px;
    }
    .RKG-banner-01 .banner-main .banner-btn{
        margin: 60px 0 0;
    }
}



/* RKG-section-01 */
.RKG-section-01{
    position: relative;
}
.RKG-section-01 .is-overlay .is-overlay-bg{
    bottom: 65px;
    height: auto;
}
.RKG-section-01 .section-box{
    position: relative;
    padding: 80px 30px;
    border-radius: 9px;
    background-color: #FFF;
    box-shadow: 0 0 35px 5px rgba(0, 0, 0, 0.1);
    z-index: 10;
    overflow: hidden;
}
@media only screen and (max-width: 1199.98px) {

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

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

}


/* RKG-pageTitle-01 */
.RKG-pageTitle-01{
    padding-top: var(--headerHeight);
    text-align: center;
}
.RKG-pageTitle-01 .banner-main,
.RKG-pageTitle-01 .banner-title,
.RKG-pageTitle-01 .banner-text{
    margin-left: auto;
    margin-right: auto;
}
.RKG-pageTitle-01 .banner-main .banner-title .title{
    margin: 0 0 0;
    color: var(--accent-color);
    font-size: 80px;
    line-height: 1.15;
}
.RKG-pageTitle-01 .banner-main .banner-title .title [data-effect="typewriter"]{
    color: #fff;
    font-weight: bold;
}
.RKG-pageTitle-01 .banner-main .banner-text{
    margin-top: 36px;
}
@media only screen and (max-width:991.98px) {
    .RKG-pageTitle-01{
        padding-top: 0;
    }
    .RKG-pageTitle-01 .banner-main .banner-title .title{
        font-size: 56px;
        line-height: 1.2;
    }
}
@media only screen and (max-width:767.98px) {
    .RKG-pageTitle-01 .banner-main .banner-title .title{
        font-size: 36px;
    }
}




/* RKG-title-01 */
.RKG-title-01{
    position: relative;
    margin-bottom: 30px;
}
.RKG-title-01 .sub-title{
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    color: var(--accent-color);
    font-size: 24px;
    line-height: 1.2;
}
.RKG-title-01 .sub-title::before,
.RKG-title-01 .sub-title::after{
    content: "";
    display: block;
    order: -1;
}
.RKG-title-01 .sub-title::before{
    width: 9px;
    height: 9px;
    background-color: var(--accent-color2);
}
.RKG-title-01 .sub-title::after{
    margin-left: 2px;
    margin-top: 5px;
    margin-right: 13px;
    width: 13px;
    height: 13px;
    background-color: var(--accent-color);
}
.RKG-title-01 .title{
    margin-bottom: 0;
    font-size: 50px;
    line-height: 1.2;
}

@media only screen and (max-width:991.98px) {
    .RKG-title-01 .title{
        font-size: 36px;
    }
}






/* RKG-list-01 */
.RKG-list-01{
    margin: 0;
    padding: 0;
    list-style: none;
}
.RKG-list-01 li {
    color: #333;
    margin: 0 0 10px;
    display: grid;
    align-items: flex-start;
    grid-template-columns: auto auto;
    justify-content: flex-start;
}
.RKG-list-01 li > a {
    display: grid;
    align-items: flex-start;
    grid-template-columns: auto auto;
    justify-content: flex-start;
}
.RKG-list-01 li a:not(:hover){
    color: currentColor;
}
.RKG-list-01 li .sico {
    margin-right: 12px;
    width: 16px;
    margin-top: 6px;
    grid-row: 1/10;
}
.RKG-list-01 li a:hover,
.RKG-list-01 li .sico{
    color: var(--accent-color);
}
.RKG-list-01.icon-color2 li a:hover,
.RKG-list-01.icon-color2 li .sico {
    color: var(--accent-color2);
}
.RKG-list-01.icon-color3 li a:hover,
.RKG-list-01.icon-color3 li .sico {
    color: var(--accent-color3);
}
.RKG-list-01.icon-color4 li a:hover,
.RKG-list-01.icon-color4 li .sico {
    color: var(--accent-color4);
}
.is-light-text .RKG-list-01 li {
    color: #ffffff;
}
.is-light-text .RKG-list-01 li a:hover,
.is-light-text .RKG-list-01 li .sico {
    color: var(--accent-color);
}
.is-light-text .RKG-list-01.icon-color2 li a:hover,
.is-light-text .RKG-list-01.icon-color2 li .sico {
    color: var(--accent-color2);
}
.is-light-text .RKG-list-01.icon-color3 li a:hover,
.is-light-text .RKG-list-01.icon-color3 li .sico {
    color: var(--accent-color3);
}
.is-light-text .RKG-list-01.icon-color4 li a:hover,
.is-light-text .RKG-list-01.icon-color4 li .sico {
    color: var(--accent-color4);
}

.RKG-list-01.icon-white li a:hover,
.RKG-list-01.icon-white li .sico,
.is-light-text .RKG-list-01.icon-white li a:hover,
.is-light-text .RKG-list-01.icon-white li .sico {
    color: white;
}




/* RKG-list-02 */
.RKG-list-02{
    margin: 0;
    padding: 0;
    list-style: none;
}
.RKG-list-02 li {
    display: grid;
    align-items: flex-start;
    grid-template-columns: auto auto;
    justify-content: flex-start;
    margin: 0 0 0;
    padding: 14px 0 13px;
    color: #333;
    border-bottom: 1px solid #ececec;
}
.RKG-list-02 li > a {
    display: grid;
    align-items: flex-start;
    grid-template-columns: auto auto;
    justify-content: flex-start;
}
.RKG-list-02 li a{
    color: var(--accent-color2);
}
.RKG-list-02 li a:hover{
    color: var(--accent-color3);
}
.RKG-list-02 li .sico {
    color: currentColor;
    margin-right: 6px;
    width: 1em;
    margin-top: 6px;
    grid-row: 1/10;
    font-size: calc( 1em * 16 / 18 );
}




/* RKG-counter-01 */
.RKG-counter-01{
    position: relative;
    text-align: center;
}
.RKG-counter-01 .custom-module[data-effect="Number"]{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    color: var(--accent-color2);
    font-size: 60px;
    font-weight: 600;
    line-height: 1.1;
}
.RKG-counter-01 .title{
    margin-bottom: 0;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
}

.RKG-counterSection-01{
    position: relative;
}
.RKG-counterSection-01 .is-overlay .is-overlay-bg{
    bottom: 65px;
    height: auto;
}
.RKG-counterSection-01 .counter-box{
    position: relative;
    padding: 80px 30px;
    border-radius: 9px;
    background-color: #FFF;
    box-shadow: 0 0 35px 5px rgba(0, 0, 0, 0.1);
    z-index: 10;
    overflow: hidden;
}
.RKG-counterSection-01 .counter-box > div {
    border-right: 1px solid #e4e4ea;
}
.RKG-counterSection-01 .counter-box > div:last-child {
    border-right: none;
}
.RKG-counterSection-01 .counter-box .RKG-counter-01{
    padding-top: 28px;
    padding-bottom: 28px;
}
@media only screen and (max-width: 1199.98px) {
    .RKG-counter-01 .custom-module[data-effect="Number"]{
        font-size: 48px;
    }
}
@media only screen and (max-width: 991.98px) {
    .RKG-counter-01 .custom-module[data-effect="Number"]{
        font-size: 42px;
    }
    .RKG-counterSection-01 .counter-box {
        row-gap: 30px;
    }
    .RKG-counterSection-01 .counter-box > div:nth-child(2n) {
        border-right: none;
    }
    .RKG-counterSection-01 .counter-box .RKG-counter-01{
        padding-top: 14px;
        padding-bottom: 14px;
    }
}
@media only screen and (max-width: 767.98px) {
    .RKG-counter-01 .custom-module[data-effect="Number"]{
        font-size: 36px;
    }
    .RKG-counterSection-01 .counter-box > div {
        border-right: none;
    }
    .RKG-counterSection-01 .counter-box .RKG-counter-01{
        padding-top: 0;
        padding-bottom: 0;
    }
}





/* RKG-imgbox-01 */
.RKG-imgbox-01{
    position: relative;
    display: inline-block;
    padding-right: 140px;
}
.RKG-imgbox-01 .pic{
    position: relative;
}
.RKG-imgbox-01 .pic::after{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("./resource/images/RKG/RKG-imgbox-01-line.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    pointer-events: none;
}
.RKG-imgbox-01 .block-group{
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    pointer-events: none;
}
.RKG-imgbox-01 .block-group .block-01{
    position: absolute;
    top: 50px;
    right: 92px;
    width: 151px;
    min-height: 151px;
    background-color: var(--accent-color);
}
.RKG-imgbox-01 .block-group .block-02{
    position: absolute;
    top: 175px;
    right: 47px;
    width: 36px;
    min-height: 36px;
    background-color: var(--accent-color2);
}
.RKG-imgbox-01 .block-group .block-03{
    position: absolute;
    top: 0;
    right: 0;
    width: 83px;
    min-height: 83px;
    background-color: var(--accent-color3);
}
.RKG-imgbox-01 .block-group > [class^="block-"]{
    display: flex;
    justify-content: center;
    flex-direction: column;
    row-gap: 5px;
    pointer-events: auto;
}
.RKG-imgbox-01 .block-group p{
    margin: 0;
}
.RKG-imgbox-01 .block-group .text{
    font-size: 18px;
    line-height: calc( 22 / 18 );
}
.RKG-imgbox-01 .block-group .number{
    font-size: 40px;
    line-height: calc( 48 / 40 );
}
@media only screen and (max-width:767.98px) {
    .RKG-imgbox-01 .block-group .block-01{
        width: 120px;
        min-height: 120px;
    }
    .RKG-imgbox-01 .block-group .block-02{
        width: 30px;
        min-height: 30px;
        background-color: var(--accent-color2);
    }
    .RKG-imgbox-01 .block-group .block-03{
        width: 65px;
        min-height: 65px;
        background-color: var(--accent-color3);
    }
    .RKG-imgbox-01 .block-group .text{
        font-size: 16px;
    }
    .RKG-imgbox-01 .block-group .number{
        font-size: 28px;
    }
}



/* RKG-imgbox-02 */
.RKG-imgbox-02{
    position: relative;
    display: inline-block;
    padding-right: 140px;
}
.RKG-imgbox-02 .pic{
    position: relative;
}
.RKG-imgbox-02 .pic .item{
    position: relative;
}
.RKG-imgbox-02 .pic .item:first-child{
    padding-left: 140px;
}
.RKG-imgbox-02 .pic .item:last-child{
    margin-top: -234px;
    padding-right: 195px;
}
.RKG-imgbox-02 .pic .item:last-child img{
    border: 4px solid #fff;
}
@media only screen and (max-width:1399.98px) {
    .RKG-imgbox-02 .pic .item:first-child{
        padding-left: 100px;
    }
    .RKG-imgbox-02 .pic .item:last-child{
        margin-top: -128px;
        padding-right: 135px;
    }
}
@media only screen and (max-width:1199.98px) {
    .RKG-imgbox-02 .pic .item:first-child{
        padding-left: 60px;
    }
    .RKG-imgbox-02 .pic .item:last-child{
        margin-top: -120px;
        padding-right: 60px;
    }
}
@media only screen and (max-width:991.98px) {
    .RKG-imgbox-02 .pic .item:first-child{
        padding-left: 140px;
    }
    .RKG-imgbox-02 .pic .item:last-child{
        margin-top: -234px;
        padding-right: 195px;
    }
}
@media only screen and (max-width:767.98px) {
    .RKG-imgbox-02 .pic .item:first-child{
        padding-left: 20%;
    }
    .RKG-imgbox-02 .pic .item:last-child{
        margin-top: -25vw;
        padding-right: 10%;
    }
}
.RKG-imgbox-02 .block-group{
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    pointer-events: none;
}
.RKG-imgbox-02 .block-group .block-01{
    position: absolute;
    bottom: 28px;
    right: 92px;
    width: 151px;
    min-height: 151px;
    background-color: var(--accent-color);
}
.RKG-imgbox-02 .block-group .block-02{
    position: absolute;
    bottom: 16px;
    right: 47px;
    width: 36px;
    min-height: 36px;
    background-color: var(--accent-color2);
}
.RKG-imgbox-02 .block-group .block-03{
    position: absolute;
    bottom: 144px;
    right: 0;
    width: 83px;
    min-height: 83px;
    background-color: var(--accent-color3);
}
.RKG-imgbox-02 .block-group > [class^="block-"]{
    display: flex;
    justify-content: center;
    flex-direction: column;
    row-gap: 5px;
    pointer-events: auto;
}
.RKG-imgbox-02 .block-group p{
    margin: 0;
}
.RKG-imgbox-02 .block-group .text{
    font-size: 18px;
    line-height: calc( 22 / 18 );
}
.RKG-imgbox-02 .block-group .number{
    font-size: 40px;
    line-height: calc( 48 / 40 );
}
@media only screen and (max-width:767.98px) {
    .RKG-imgbox-02 .block-group .block-01{
        width: 120px;
        min-height: 120px;
    }
    .RKG-imgbox-02 .block-group .block-02{
        width: 30px;
        min-height: 30px;
    }
    .RKG-imgbox-02 .block-group .block-03{
        width: 65px;
        min-height: 65px;
    }
    .RKG-imgbox-02 .block-group .text{
        font-size: 16px;
    }
    .RKG-imgbox-02 .block-group .number{
        font-size: 28px;
    }
}



/* RKG-imgbox-03 */
.RKG-imgbox-03{
    position: relative;
    display: inline-block;
    padding-left: 100px;
    padding-top: 23px;
}
.RKG-imgbox-03 .pic{
    position: relative;
    z-index: 1;
}
.RKG-imgbox-03 .pic .item{
    position: relative;
}
.RKG-imgbox-03 .pic .item:first-child{
    padding-right: 30px;
}
.RKG-imgbox-03 .pic .item:last-child{
    margin-top: -110px;
    padding-left: 50px;
}
.RKG-imgbox-03 .pic .item:last-child img{
    border: 5px solid #fff;
}
@media only screen and (max-width:1399.98px) {

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

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

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

}
.RKG-imgbox-03 .block-group{
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    pointer-events: none;
}
.RKG-imgbox-03 .block-group .block-01{
    position: absolute;
    top: 0px;
    left: 77px;
    width: 220px;
    min-height: 420px;
    background-color: var(--accent-color);
}
.RKG-imgbox-03 .block-group .block-02{
    position: absolute;
    left: 95px;
    bottom: 22px;
    width: 36px;
    min-height: 36px;
    background-color: var(--accent-color2);
}
.RKG-imgbox-03 .block-group .block-03{
    position: absolute;
    bottom: 144px;
    left: 0;
    width: 83px;
    min-height: 83px;
    background-color: var(--accent-color3);
}
.RKG-imgbox-03 .block-group > [class^="block-"]{
    display: flex;
    justify-content: center;
    flex-direction: column;
    row-gap: 5px;
    pointer-events: auto;
}
.RKG-imgbox-03 .block-group p{
    margin: 0;
}
.RKG-imgbox-03 .block-group .text{
    font-size: 18px;
    line-height: calc( 22 / 18 );
}
.RKG-imgbox-03 .block-group .number{
    font-size: 40px;
    line-height: calc( 48 / 40 );
}
@media only screen and (max-width:767.98px) {
    .RKG-imgbox-03 .block-group .block-01{
        width: 120px;
        min-height: 240px;
    }
    .RKG-imgbox-03 .block-group .block-02{
        width: 30px;
        min-height: 30px;
    }
    .RKG-imgbox-03 .block-group .block-03{
        width: 65px;
        min-height: 65px;
    }
    .RKG-imgbox-03 .block-group .text{
        font-size: 16px;
    }
    .RKG-imgbox-03 .block-group .number{
        font-size: 28px;
    }
}
@media only screen and (max-width:575.98px) {
    .RKG-imgbox-03{
        padding-left: 85px;
    }
    .RKG-imgbox-03 .block-group .block-01{
        left: 65px;
    }
    .RKG-imgbox-03 .block-group .block-03{
        left: 5px;
    }
}






/* RKG-formbox-01 */
.RKG-formbox-01{
    background-color: #ffffff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    padding: 50px 70px 55px;
    text-align: center;
    border-radius: 5px;
}
.RKG-formbox-01 > .title{
    margin-bottom: 38px;
}
.RKG-formbox-01 [data-modulename="DNNGo.PowerForms"]{
    text-align: left;
}
@media only screen and (max-width:1199.98px) {
    .RKG-formbox-01{
        padding: 50px 60px 55px;
    }
}
@media only screen and (max-width:991.98px) {
    .RKG-formbox-01{
        padding: 50px 50px 55px;
    }
}
@media only screen and (max-width:767.98px) {
    .RKG-formbox-01{
        padding: 50px 40px 55px;
    }
}
@media only screen and (max-width:575.98px) {
    .RKG-formbox-01{
        padding: 50px 30px 55px;
    }
}




/* RKG-infobox-01 */
.RKG-infobox-01{
    position: relative;
    margin-bottom: 30px;
}
.RKG-infobox-01 dt {
    position: relative;
    margin-bottom: 6px;
    padding-left: 26px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}
.RKG-infobox-01 dt .sico {
    position: absolute;
    left: -0px;
    top: 6px;
    color: var(--accent-color2);
    font-size: 16px;
}
.RKG-infobox-01 dt .sico svg{
    color: var(--accent-color2);
}
.RKG-infobox-01 dt .sico svg:has( + svg ){
    -webkit-mask: linear-gradient(to right, transparent, var(--accent-color2),var(--accent-color2) );

}
.RKG-infobox-01 dt .sico svg + svg{
    position: absolute;
    -webkit-mask: linear-gradient(to left, transparent, transparent, var(--accent-color3) );
    color: var(--accent-color3);
}
.RKG-infobox-01 dd {
    padding: 0 0 0 26px;
    margin: 0;
}




/* RKG-infobox-02 */
.RKG-infobox-02{
    margin-bottom: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 1.75;
}
.RKG-infobox-02 .pic{
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    transition: all ease-in 800ms;
}
.RKG-infobox-02:hover .pic{
    transform: rotateY(360deg);
}
.RKG-infobox-02-line > div:nth-child(4n + 1) .RKG-infobox-02 .pic{
    box-shadow: 3px 3px 0 3px var(--accent-color2);
}
.RKG-infobox-02-line > div:nth-child(4n + 2) .RKG-infobox-02 .pic{
    box-shadow: 3px 3px 0 3px var(--accent-color);
}
.RKG-infobox-02-line > div:nth-child(4n + 3) .RKG-infobox-02 .pic{
    box-shadow: 3px 3px 0 3px var(--accent-color);
}
.RKG-infobox-02-line > div:nth-child(4n + 4) .RKG-infobox-02 .pic{
    box-shadow: 3px 3px 0 3px #db3c34;
}
.RKG-infobox-02-line > div:nth-child(2) .RKG-infobox-02{
    margin-top: 17px;
}
.RKG-infobox-02-line > div:nth-child(3) .RKG-infobox-02{
    margin-top: 65px;
}
.RKG-infobox-02-line > div:nth-child(4) .RKG-infobox-02{
    margin-top: 75px;
}
.RKG-infobox-02 .text p:last-child{
    margin-bottom: 0;
}
.RKG-infobox-02 .number{
    display: block;
    font-size: 60px;
    line-height: 1;
    color: var(--accent-color2);
    opacity: .1;
    font-weight: 600;
    margin: 20px 0 -30px;
}
.RKG-infobox-02 .title{
    color: #493e3e;
    font-size: 20px;
    line-height: 1.3;
}
.RKG-infobox-02 .title::after{
    content: "";
    width: 20px;
    border-bottom: 2px solid var(--accent-color3);
    display: block;
    margin: 40px auto 23px;
}
.RKG-infobox-02-line{
    position: relative;
    row-gap: 50px;
}
.RKG-infobox-02-line::before{
    content: "";
    background-image: url("./resource/images/RKG/RKG-infobox-02-line.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: -138px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}
.RKG-infobox-02-line .RKG-infobox-02{
    margin-bottom: 0;
}
@media only screen and (max-width: 991.98px) {
    .RKG-infobox-02-line > div:nth-child(2) .RKG-infobox-02{
        margin-top: 0;
    }
    .RKG-infobox-02-line > div:nth-child(3) .RKG-infobox-02{
        margin-top: 0;
    }
    .RKG-infobox-02-line > div:nth-child(4) .RKG-infobox-02{
        margin-top: 0;
    }
    .RKG-infobox-02-line::before{
        content: none;
        background-size: contain;
    }
}



/* RKG-infobox-03 */
.RKG-infobox-03{
    position: relative;
    display: block;
    margin: 0 0 30px;
    padding: 45px 35px 50px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    background-color: #fff;

    font-size: 16px;
    line-height: 1.625;

    transform: translate3d(0,0,0);
    transition: all ease 300ms !important;
    overflow: hidden;
}
.row-RKG-infobox-03{
    row-gap: 30px;
}
.row-RKG-infobox-03 .RKG-infobox-03{
    margin-bottom: 0;
    height: 100%;
}
.RKG-infobox-03:hover{
    transform: translate3d(0,-20px,0);
}
.RKG-infobox-03::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, var(--accent-color2) 0%, var(--accent-color3) 100%);
    filter: brightness(1.18);
    z-index: 0;
    opacity: 0;
    transition: all ease 300ms
}
.RKG-infobox-03:hover::before{
    opacity: 1;
}
.RKG-infobox-03 > span{
    position: relative;
    display: block;
    transition: all ease 300ms
}
.RKG-infobox-03:not(:hover) > span{
    color: #787878;
}
.RKG-infobox-03:hover > span{
    color: #fff;
}
.RKG-infobox-03 .title{
    margin-bottom: 22px;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}
.RKG-infobox-03:hover .title{
    color: #fff;
}
.RKG-infobox-03 .info{

}
.RKG-infobox-03 .more{
    display: inline-block;
    margin-top: 16px;
    border-bottom: 2px solid var(--accent-color2);
}
.RKG-infobox-03:hover .more{
    border-bottom-color: var(--accent-color);
}




/* RKG-iconbox-01 */
.RKG-iconbox-01{
    position: relative;
    margin-bottom: 30px;
    padding: 50px 30px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
}
.row-RKG-iconbox-01{
    row-gap: 30px;
}
.row-RKG-iconbox-01 .RKG-iconbox-01{
    margin-bottom: 0;
    height: 100%;
}
.RKG-iconbox-01 .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 60px;
    line-height: 1;
}
.RKG-iconbox-01 .icon img{
    max-width: 100%;
    max-height: 100%;
}
.RKG-iconbox-01 .text{
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}
.RKG-iconbox-01 .text a:not(:hover){
    color: currentColor
}
.RKG-iconbox-01 .text .title{
    margin-bottom: 18px;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
}
.RKG-iconbox-01 .text p:last-child{
    margin-bottom: 0;
}




/* RKG-iconbox-02 */
.RKG-iconbox-02 {
    text-align: center;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 40px rgba(0, 0, 0, .08);
    margin: 75px 0 50px;
    padding: 0 45px 46px;
    height: calc(100% - 125px);
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media only screen and (max-width: 991.98px) {
    .RKG-iconbox-02 {
        padding: 0 30px 46px;
    }
}
.RKG-iconbox-02 .icon {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto -30px;
    position: relative;
    top: -75px;
    background-color: #FFF;
    font-size: 65px;
    color: var(--accent-color);
    transition: all ease-in 300ms;
}
.RKG-iconbox-02 .icon::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, var(--accent-color2) 0%, var(--accent-color3) 100%);
    filter: brightness(1.18);
    opacity: 0;
    transition: all ease-in 300ms;
}
.RKG-iconbox-02 .icon img{
    position: relative;
    transition: all ease-in 300ms;
}
.RKG-iconbox-02 .title {
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    line-height: calc( 26 / 24 );
    margin-bottom: 16px;
}
.RKG-iconbox-02 .title a:not(:hover){
    color: currentColor;
}
.RKG-iconbox-02 .title a:hover{
    color: var(--accent-color2);
}
.RKG-iconbox-02 .description {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.75;
}
.RKG-iconbox-02 .description p:last-child{
    margin-bottom: 0;
}
.RKG-iconbox-02:hover .icon {
    color: #FFF;
}
.RKG-iconbox-02:hover .icon::before{
    opacity: 1;   
}
.RKG-iconbox-02:hover .icon img {
    filter: grayscale(100%) brightness(500%);
}
.RKG-iconbox-02:hover .link {
    color: #fff;
}
.RKG-iconbox-02:hover .link::after {
    opacity: 1;
}


/* RKG-menuBox-01 */
.RKG-menuBox-01{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 138px;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    background-color: var(--accent-color);
}
.RKG-menuBox-01 a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    width: 100%;
    height: 100%;
    transform: translate3d(0,0,0);
    transition: all ease 300ms;
}
.RKG-menuBox-01 a:not(:hover){
    color: #fff;
}
.RKG-menuBox-01 a:hover{
    color: #fff;
    transform: translate3d(0,-10px,0);
}
.row-RKG-menuBox-01{
    position: relative;
    margin-right: -0.5px;
    margin-left: -0.5px;
    row-gap: 1px;
}
.row-RKG-menuBox-01 > [class*="col-"]{
    padding-right: 0.5px;
    padding-left: 0.5px;
}
.row-RKG-menuBox-01 > [class*="col-"]:nth-child(4n+1) .RKG-menuBox-01{
    background-color: var(--accent-color4);
}
.row-RKG-menuBox-01 > [class*="col-"]:nth-child(4n+2) .RKG-menuBox-01{
    background-color: var(--accent-color2);
}
.row-RKG-menuBox-01 > [class*="col-"]:nth-child(4n+3) .RKG-menuBox-01{
    background-color: var(--accent-color);
}
.row-RKG-menuBox-01 > [class*="col-"]:nth-child(4n+4) .RKG-menuBox-01{
    background-color: var(--accent-color3);
}


/* RKG-carousel01 */
.RKG-carousel01 .swiper-slide {
    padding: 20px 15px;
    justify-content: center;
    align-items: center;
}

.RKG-carousel01 .pic {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    transform: scale(0.861272);
    transition: all .4s cubic-bezier(.165,.84,.44,1);
    opacity: 1;
}
.RKG-carousel01 .pic:hover{
    transform: scale( calc( 0.861272 * 0.95 ) );
}
.RKG-carousel01 .swiper-slide-active .pic {
    transform: scale(1);
    opacity: 1;
}
.RKG-carousel01 .swiper-slide-active .pic:hover{
    transform: scale(0.95);
}
.RKG-carousel01 .swiper-pagination{
    margin-top: 0;
    margin-bottom: 0;
}

.RKG-carousel01.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{
    margin: 0 5px;
}
.RKG-carousel01 .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
}
.RKG-carousel01 .swiper-pagination{
    line-height: 24px;
}
.RKG-carousel01.swiper-container .swiper-pagination-bullet-active{
    width: 22px;
}
.is-light-text .RKG-carousel01.swiper-container .swiper-pagination-bullet,
.is-light-text .RKG-carousel01.swiper-container .swiper-pagination-bullet-active{
    opacity: 1;
    background-color: #fff;
}
.RKG-carousel01.swiper-container .swiper-pagination{
    width: calc( 100% / var(--displayxs) );
}
@media screen and (min-width: 480px) {
    .RKG-carousel01.swiper-container .swiper-pagination{
        width: calc( 100% / var(--displays) );
    }
}
@media screen and (min-width: 768px) {
    .RKG-carousel01.swiper-container .swiper-pagination{
        width: calc( 100% / var(--displaym) );
    }
}
@media screen and (min-width: 992px) {
    .RKG-carousel01.swiper-container .swiper-pagination{
        width: calc( 100% / var(--displayl) );
    }
}
@media screen and (min-width: 1200px) {
    .RKG-carousel01.swiper-container .swiper-pagination{
        width: calc( 100% / var(--displayxl) );
    }
}
@media screen and (min-width: 1600px) {
    .RKG-carousel01.swiper-container .swiper-pagination{
        width: calc( 100% / var(--displayxxl) );
    }
}


/* RKG-powerforms-01 */
.RKG-powerforms-01 {
    padding: 0px;
    margin: 0;
    color: #333333;
}

.RKG-powerforms-01 .form_row {
    position: relative;
}

.RKG-powerforms-01 li {
    padding: 0px;
    margin-bottom: 12px;
}

.RKG-powerforms-01 input[type=text],
.RKG-powerforms-01 input[type=email],
.RKG-powerforms-01 input[type=url],
.RKG-powerforms-01 input[type=tel],
.RKG-powerforms-01 input[type=number],
.RKG-powerforms-01 input[type=date],
.RKG-powerforms-01 select,
.RKG-powerforms-01 textarea {
    border: 1px solid #e2e6f2;
    background: #f6f8ff;
    padding: 0 18px;
    height: 52px;
    outline: none;
    line-height: 52px;
    color: #333333;
    border-radius: 4px;
}

.RKG-powerforms-01 .form_row .form_label{
    margin-bottom: 7px;
}
.RKG-powerforms-01 .form_row .form_label label,
.RKG-powerforms-01 .form_row .form_label span {
    font-size: 16px;
    line-height: 1;
}
.RKG-powerforms-01 .form_row .form_input table{
    width: 100%;
}

.RKG-powerforms-01 .form_submit {
    margin-top: 28px;
    text-align: center;
}

.RKG-powerforms-01 .form-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 2;
    font-weight: 600;
    height: 60px;
    padding: 0 25px;
    margin-right: 3px;
    margin-bottom: 3px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 50px;
    -webkit-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -webkit-appearance: none;
    appearance: none;
}
.RKG-powerforms-01 .form-btn{
    border-radius: 3px;
    background-color: var(--button-color1);
    min-width: 175px;
    color: #FFF;
    font-weight: 400;
    font-family: var(--family);
    padding-bottom: 2px;
}
.RKG-powerforms-01 .form-btn, 
.RKG-powerforms-01 .form-btn:link, 
.RKG-powerforms-01 .form-btn:active, 
.RKG-powerforms-01 .form-btn:visited{
    color: #FFF;
    transition: color ease-in 300ms, background-color ease-in 300ms;
}
.RKG-powerforms-01 .form-btn:hover {
    background-color: var(--button-hover-color1);
    text-decoration: none !important;
}


@media only screen and (max-width: 767.98px) {
    .RKG-powerforms-01 li {
        width: 100% !important;
        display: block;
        margin-bottom: 15px;
    }
    .RKG-powerforms-01 form {
        display: block;
    }

    .RKG-powerforms-01 .form_row .form_input table,
    .RKG-powerforms-01 .form_row .form_input table tr,
    .RKG-powerforms-01 .form_row .form_input table td{
        display: block;
    }

}


/* RKG-easyTestimonials-01 */
.RKG-easyTestimonials-01 {
    text-align: center;
}

.RKG-easyTestimonials-01 blockquote {
    margin: 0 auto;
    padding: 0 45px;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    font-style: normal;
    color: currentColor;
    line-height: inherit;
}


.RKG-easyTestimonials-01 .description {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
}
.RKG-easyTestimonials-01 .description p:last-child{
    margin-bottom: 0;
}

.RKG-easyTestimonials-01 .info {
    position: relative;
    margin: 70px 0 15px;
}
.RKG-easyTestimonials-01 .info svg{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 114px;
    height: 94px;
    color: var(--accent-color2);
    opacity: 0.1;
    transform: translate3d(-50%, 0, 0);
}
.RKG-easyTestimonials-01 .name {
    display: block;
    color: var(--accent-color2);
    font-size: 24px;
    line-height: 1.2;
}

.RKG-easyTestimonials-01 .job {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: initial;
}
.RKG-easyTestimonials-01 .job:not(:empty){
    margin-top: 9px;
}

.RKG-easyTestimonials-01.easy-carousel .carousel-pagination {
    margin: 0;
    text-align: center;
}

.RKG-easyTestimonials-01.easy-carousel .pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    border: none;
    box-shadow: none;
    opacity: 0.5;
    margin: 0 4px;
    position: relative;
    transition: all 200ms ease-in-out;
}
.is-light-text .RKG-easyTestimonials-01.easy-carousel .pagination-bullet {
    background: #FFF;
}
.RKG-easyTestimonials-01.easy-carousel .pagination-bullet.active {
    box-shadow: none;
    width: 22px;
    opacity: 1;
}
.is-light-text .RKG-easyTestimonials-01.easy-carousel .pagination-bullet.active {
    background: #FFF;
}
@media only screen and (max-width: 991.98px) {
    .RKG-easyTestimonials-01 blockquote {
        padding: 0 5px;
    }
    .RKG-easyTestimonials-01 .description{
        font-size: 18px;
    }
}
@media only screen and (max-width: 767.98px) {
    .RKG-easyTestimonials-01 .description{
        font-size: 16px;
    }
}



/* RKG-portfolioMasonry-01 */
.RKG-portfolioMasonry-01 .box{
    position: relative;
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    overflow: hidden;
}
.RKG-portfolioMasonry-01 .full-link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;

    opacity: 0;
    transition: all ease 300ms;
}
.RKG-portfolioMasonry-01 .full-link:hover{
    opacity: 1;
}
.RKG-portfolioMasonry-01 .full-link::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, var(--accent-color2) 0%, var(--accent-color3) 100%);
    filter: brightness(1);
    opacity: 0.8;
}
.RKG-portfolioMasonry-01 .full-link span{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
    height: 60px;
    padding: 0 25px;
    margin-right: 3px;
    margin-bottom: 3px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 3px;
    -webkit-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -webkit-appearance: none;
    appearance: none;
}
.RKG-portfolioMasonry-01 .full-link span{
    color: #fff;
    background-color: var(--button-hover-color1);
}
.RKG-portfolioMasonry-01 .full-link span:hover{
    color: #fff;
    background-color: var(--button-color1);
}




/* RKG-accordion-01 */
.RKG-accordion-01 .panel-heading {
    position: relative;
    margin: 0;
    background-color: #f0f6f7;
    border-radius: 0;
    z-index: 1;
}
.RKG-accordion-01 .panel-heading::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, var(--accent-color2), var(--accent-color3) );
    opacity: 0;
    transition: all ease 300ms;
    z-index: -1;
}

.RKG-accordion-01 .panel-heading button {
    position: relative;
    display: block;

    padding: 18px 56px 18px 20px;
    width: 100%;

    color: var(--accent-color2);
    font-size: 1.125rem;
    font-weight: 600;
    text-align: left;

    background: none;
    border: none;

    overflow: hidden;

    transition: color ease 300ms;
    text-align: left;
}

.RKG-accordion-01 .panel-heading button.has-icon {
    padding-left: 50px;
}

.RKG-accordion-01 .panel-heading button i {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 20px;
    margin-top: 3px;
    color: currentColor;
}
.RKG-accordion-01 .panel-heading .arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 100%;
    color: currentColor;
}
.RKG-accordion-01 .panel-heading .arrow::after,
.RKG-accordion-01 .panel-heading .arrow::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    background-color: currentColor;
    z-index: 1;
    transform: translate3d(-50%,-50%,0);
    transition: opacity ease 300ms;
}
.RKG-accordion-01 .panel-heading .arrow::before{
    width: 2px;
    height: 20px;   
}
.RKG-accordion-01 .panel-heading .arrow::after {
    width: 20px;
    height: 2px;
}

.RKG-accordion-01 .accordion-content {
    display: none;
    padding: 22px 20px;
}

.RKG-accordion-01 .accordion-content p:last-child {
    margin-bottom: 0;
}

.RKG-accordion-01 .accordion-item {
    margin: 0 0 2px;
}

.RKG-accordion-01 .accordion-item.opened {

}
.RKG-accordion-01 .accordion-item.opened .panel-heading::before{
    opacity: 1;
}
.RKG-accordion-01 .accordion-item.opened .panel-heading button {
    color: #fff;
}
.RKG-accordion-01 .accordion-item.opened .arrow::before {
    opacity: 0;
}

#form-5 .popup-form-btn.btn-position-fixright{
    transform: rotate(90deg) rotateX(180deg) rotateY(180deg) translate3d(105%, -100%, 0);
}
#form-6 .popup-form-btn.btn-position-fixright{
    transform: rotate(90deg) rotateX(180deg) rotateY(180deg) translate3d(0, -100%, 0);
}