body{
    color: #33303E; background-color: #FFFFFF;
    font-family: 'SofiaPro-Regular'; font-size: 16px;
}
html, body{overflow-x:hidden; margin:0;}

b, strong, .bold{font-family: 'SofiaPro-SemiBold'!important;}
.lighter{font-family: 'SofiaPro-Light'!important;}
.underline{ text-decoration: underline!important; }
.capitalize{text-transform: capitalize!important;}
.uppercase{text-transform: uppercase!important;}
.lowercase{text-transform: lowercase!important;}
.title{font-family: 'CooperMdBT-Medium'!important; font-size:32px;}
.subtitle{font-family: 'CooperMdBT-Medium'!important; font-size:20px;}
.pointer{cursor:pointer;}
.inline-block{display: inline-block;}
::placeholder,.select2-selection__placeholder{ color: #ADA9BB; opacity: 1; font-family: 'SofiaPro-Light'; text-transform: capitalize!important; }
.ellipsis-line{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellip { display: block; height: 100%; }
.ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; }
.ellip, .ellip-line { position: relative; overflow: hidden; }
.letter-space{ letter-spacing: 0.14em; }
textarea{resize: none!important;}

/*.custom-underline{*/
    /*text-decoration: none;*/
    /*padding-bottom: 5px;*/
    /*background: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/custom_underline.png') bottom repeat-x;*/
/*}*/

.noselect, .filter-row div, .dropdown-option, .confession-tag span, .user-icon, a.nav-menu {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.custom-scroll::-webkit-scrollbar {width:4px;}
.custom-scroll::-webkit-scrollbar-track {background: transparent;}
.custom-scroll::-webkit-scrollbar-thumb {background: rgba(200,200,200,0.5);}
.custom-scroll::-webkit-scrollbar-thumb:hover {background: rgba(200,200,200,0.8);}

/*::-webkit-scrollbar {width: 8px;}*/
/*::-webkit-scrollbar-track {background: #f1f1f1;}*/
/*::-webkit-scrollbar-thumb {background: #ADA9BB;}*/
/*::-webkit-scrollbar-thumb:hover {background: #555;}*/

/* bootstrap container */
/*.row{*/
    /*margin-right: -22px!important; margin-left: -22px!important;*/
/*}*/
/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{*/
    /*padding-right: 22px!important; padding-left: 22px!important;*/
/*}*/
/*.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-full{*/
    /*padding-right: 22px!important; padding-left: 22px!important;*/
/*}*/
/*.container-fluid{*/
    /*padding-right: 0!important; padding-left: 0!important;*/
/*}*/
.container-no-padding{padding: 0!important; }
.container-first{ padding-top:69px!important; }
.container-full{height: 100%;overflow-y: scroll;}

.bg-white{ background-color: #ffffff!important; }
.bg-black{ background-color: #000000!important; }
.bg-base{ background-color: #766BD7!important; }
.bg-pink{ background-color: #EF92A4!important; }
.bg-red{ background-color: #E82D3A!important; }

.bg-cream{ background-color: #FEF8EF!important; }
.bg-cream2{ background-color: #FFF6EB!important; }
.bg-dark-blue{ background-color: #1D3455!important; }
.bg-dark-blue2{ background-color : #2B4355!important; }
.bg-light-blue{ background-color: #C2D2E6!important; }
.bg-light-blue2{ background-color: #C1CBD0!important; }
.bg-light-blue3{ background-color: #77939C!important; }
.bg-light-blue4{ background-color: #CDD2E4!important; }
.bg-light-blue5{ background-color: #DCE2E5!important; }
.bg-pink2{ background-color: #E296A4!important; }
.bg-pink-dark{background-color: #DEACAC!important; }
.bg-light-pink{ background-color: #FFF8EF!important; }
.bg-orange{ background-color: #DAA845!important; }
.bg-light-orange{ background-color: #FAD274!important; }
.bg-yellow{ background-color: #FCD274!important;}
.bg-yellow-light{ background-color: #FCEABD!important; }
.bg-dark-yellow{background-color: #F5C281!important; }
.bg-purple{ background-color: #D6BAE3!important; }
.bg-purple2{ background-color: #D5C7DB!important; }
.bg-purple3{background-color: #DBCBE5!important; }
.bg-purple-dark {background-color: #7982A8 !important; }
.bg-purple-dark2 {background-color: #576087 !important; }
.bg-brown{background-color: #8B6C3A !important;}
.bg-grey{background-color: #666666 !important;}
.bg-mustard{background-color: #E8B977;}

.bg-light-green{background-color: #BED38E!important;}
.bg-transparent{background-color: transparent;}
.bg-white-blurred{background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));}
.bg-black-blurred{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0.8));}
.bg-black-blurred-full{background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}

.default-thumb{ background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/thumb_def.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.default-banner{ background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/thumb_bd.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }

a, a:hover, a:visited, a:focus{ text-decoration: none!important; }
.color-base, a.color-base, a.color-base:hover, a.color-base:visited, a.color-base:focus{color: #766BD7!important;}
.color-base-trans{color: rgba(118, 107, 215, 0.6)!important;}
.color-white, a.color-white, a.color-white:hover, a.color-white:visited, a.color-white:focus{ color: #ffffff!important; }
.color-black, a.color-black, a.color-black:hover, a.color-black:visited, a.color-black:focus{ color: #000000!important; }
.color-text, a.color-text, a.color-text:hover{ color: #33303E!important; }
.color-grey, a.color-grey, a.color-grey:hover{ color: #484554!important; }
.color-dark-grey, a.color-dark-grey, a.color-dark-grey:hover{ color: #5E5A6F!important; }
.color-purple, a.color-purple, a.color-purple:hover{ color: #6A60CB;}
.color-light-purple{ color: rgba(118, 107, 215, 0.8);}
.color-pink{ color: #EF92A4;}
.color-orange, a.color-orange, a.color-orange:hover{ color: #DB6A54; }
.color-pink-dark, a.color-pink-dark, a.color-pink-dark:hover{ color: #B1828D;}
.color-new-grey, a.color-new-grey, a.color-new-grey:hover{ color: #716C81;}
.color-pink-dark2{ color: #A97581;}
.color-dark-cream{ color: #D8967A; }
.color-brown{ color: #A07780; }
.color-brown2{ color: #A17680; }
.color-light-brown{ color: #BEA6A0; }
.color-soft-grey{ color: #ADA9BB; }
.color-cream{ color:#ECC8BA;}
.color-wheat{ color:#D8967A;}

.color-light-grey{color: #989898!important;}
.color-dark-blue, a.color-dark-blue, a.color-dark-blue:hover{ color: #1D3455!important; }
.color-dark-blue2, a.color-dark-blue2, a.color-dark-blue2:hover{ color: #2B4355!important; }
.color-yellow{color:#FCD274!important;}
.color-yellow-light{ color: #FCEABD!important; }
.color-light-blue{ color: #C2D2E6!important; }
.color-light-blue3{ color: #77939C!important; }
.color-pink-dark2{color: #90666F!important;}
.color-pink-dark3{color: #584247!important;}
.color-red{color:#DE5421!important;}
.color-green{color:#98B751!important;}
.color-blue-black{color:#2B4352;}

.font-8{font-size:8px!important; line-height: 14px;}
.font-10{font-size:10px!important; line-height: 16px!important;}
.font-12{font-size:12px!important; line-height: 20px!important;}
.font-13{font-size:13px!important; line-height: 21px!important;}
.font-14{font-size:14px!important; line-height: 22px!important;}
.font-16{font-size:16px!important; line-height: 26px!important;}
.font-17{font-size:17px!important; line-height: 27px!important;}
.font-18{font-size:18px!important; line-height: 28px!important;}
.font-20{font-size:20px!important; line-height: 32px!important;}
.font-22{font-size:22px!important; line-height: 34px!important;}
.font-24{font-size:24px!important; line-height: 36px!important;}
.font-28{font-size:28px!important; line-height: 40px!important;}
.font-30{font-size:30px!important; line-height: 42px!important;}
.font-36{font-size:36px!important; line-height: 52px!important;}
.font-40{font-size:40px!important; line-height: 52px!important;}
.font-42{font-size:42px!important; line-height: 56px!important;}
.font-54{font-size:54px!important; line-height: 64px!important;}
.font-64{font-size:64px!important; line-height: 78px!important;}
.font-70{font-size:70px!important; line-height: 70px!important;}

/* COOPER FONT FAMILY */
.font-cooper, .font-cooper::placeholder{font-family: 'CooperMdBT-Medium' !important;}
.font-cooper.bold{font-family: 'CooperBT-Bold' !important;}

/* SOFIAPRO FONT FAMILY */
.font-sofiapro, .font-sofiapro::placeholder{font-family: 'SofiaPro-Reg' !important;}
.font-sofiapro.bold , .font-sofiapro.bold::placeholder{font-family: 'SofiaPro-SemiBold' !important;}
.font-sofiapro.light, .font-sofiapro.light::placeholder{font-family: 'SofiaPro-Light' !important;}
.font-sofiapro.medium, .font-sofiapro.medium::placeholder{font-family: 'SofiaPro-Med' !important;}
.font-sofiapro.italic, .font-sofiapro.italic::placeholder{font-family: 'SofiaPro-Italic' !important;}

.text-more{white-space: pre; overflow: hidden; text-overflow: ellipsis;}
.font-banner-title-lg{font-size:40px;}
.font-banner-title{font-size:32px; line-height:38px;}
.font-banner-subtitle{font-size:20px;}

.small-badge{ padding: 6px 8px 4px; border-radius: 3px;}

*[class*="space-"]{
    float:left; width:100%;
}
.space{float:left; width:100%;}

.pt4{padding-top:4px;}
.pt8{padding-top:8px;}
.pt12{padding-top:12px;}
.pt20{padding-top:20px;}
.pb24{padding-top:24px;}
.pb12{padding-bottom:12px;}
.pv12{padding-top:12px; padding-bottom:12px;}
.pv20{padding-top:20px; padding-bottom:20px;}
.pv24{padding-top:24px; padding-bottom:24px;}
.mv20{margin-top:20px; margin-bottom:20px;}
.mv24{margin-top:24px; margin-bottom:24px;}
.mb24{margin-bottom:24px;}
.mv8{margin-top:8px; margin-bottom:8px;}
.mt12{margin-top:12px;}
.mt4{margin-top:4px;}
.mt8{margin-top:8px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mv24{margin-top:24px;margin-bottom:24px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mv40{margin-top:40px;margin-bottom:40px;}
.mv30{margin-top:30px;margin-bottom:30px;}
.mb8{margin-bottom:8px;}
.mr4{margin-right:4px;}
.ml8{margin-left:8px;}
.ml12{margin-left:12px;}
.mr8{margin-right:8px;}
.mr12{margin-right:12px;}
.mr16{margin-right:16px;}
.mr20{margin-right:20px;}
.mh4{margin-left:4px;margin-right:4px;}
.mb100{margin-bottom: 100px;}
.mt100{margin-top: 100px;}
.mv100{margin-bottom: 100px;margin-top:100px;}

.full-row{width:100%; position: relative;}
.absolute{ position: absolute!important;}
.row-flat{float:left;width:100%;min-height:1px;}
.col-half{float:left;width:50%;min-height:1px;}
.cols{float:left;min-height:1px;}
.bg-image{background-position: center top; background-repeat: no-repeat; background-size: cover;}
.bg-stretch{ background-size: 100% auto!important; }
.bg-auto{ background-size: auto; }
.bg-bottom{ background-position: center bottom; }
.bg-center{ background-position: center center; }
.bg-top{ background-position: center top; }
.bg-fixed{ background-attachment: fixed; }
.bg-contain{ background-size: contain; }
.bg-cover{ background-size: cover; }
.bg-contains{ background-size: contain; background-position: center; background-repeat: no-repeat;}
.bg-desktop{ background-position: center top;  background-size: auto; }
.bg-pad{padding-top:80px!important; padding-bottom:80px!important;}

.bg-bottom-rounded{
    border-radius: 0 0 50% 50% / 50px; padding-bottom:60px;
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.3);
    box-shadow: 0 3px 6px rgba(0,0,0,.3);
}

.form-control, .form-control:focus, .form-control:active{
    color: #33303E; padding:20px 12px; border-radius: 4px; margin-bottom:8px; width: 100%;
    border: 1px solid #F2E5FF; background-color: #ffffff; outline: 0!important; box-shadow:none;
}
.form-control:disabled, .form-control[readonly]{
    background-color: #A8AABC;
}
.form-control-base,.form-control-base:focus,.form-control-base:active{border: 1px solid rgba(118, 107, 215, 0.2); background-color: rgba(118, 107, 215, 0.05);}
.form-control-base::placeholder{color:#ADA9BB; text-transform: none!important;}
textarea.form-control-base{padding-top:8px!important;padding-bottom:8px!important;}
.help-text{ color: #ADA9BB; font-size:12px; margin-top:10px; width:100%; display:block;}
.help-text.error{ color: #E82D3A; }

.form-group{ width:100%; }
.form-group.with-icon, .form-group.with-icon-right{position: relative;}
.form-group.with-icon i, .form-group.with-icon-right i{
    display: inline-block; width: 32px; height: 32px; position: absolute; margin:6px; cursor: pointer;
    background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 1; right: 0; top:0;
}
.form-group.with-icon-right div{
    display: inline-block; width: 50px; height: 24px; position: absolute; margin-left:16px; margin-right:16px; background-position: right;
    margin-top: 10px; right: 0; top:0; text-align: right; z-index: 1; font-size: 14px; color:#ADA9BB; cursor: pointer;
}
.form-group.with-icon input{
    padding-left: 56px; position: absolute;
}
.form-group.with-icon-right input{
    padding-right: 56px; position: relative;
}

/* select2 */
.select2 {
    width: 100%!important;
}
.select2-container .select2-selection--single {
    color: #33303E; padding:8px 12px 8px 4px; height:44px; border-radius: 4px;
    border: 1px solid #F2E5FF; background-color: #ffffff; outline: 0!important; box-shadow:none;
}
.select2-container .select2-selection--single .select2-selection__arrow{
    top: 8px; right: 10px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #F2E5FF transparent transparent transparent;
}
.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent rgb(142,149,161) transparent;
}
.select2-container .select2-selection--single:focus { outline: 0; }
.select2-dropdown{
    border: 1px solid #F2E5FF; border-bottom-left-radius:4px; border-bottom-right-radius:4px;
}
.select2-container .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #766BD7;
}
.select2-results__option{ font-size:14px; }
.select2-search--dropdown .select2-search__field{outline: none;}

.select2-base{ margin-bottom: 8px;}
.select2-base .select2-container .select2-selection--single{
    border: 1px solid rgba(118, 107, 215, 0.2)!important; background-color: rgba(118, 107, 215, 0.05)!important; color:#766BD7!important;
}
.select2-base .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width:0; background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_down_purple.png'); width:24px; height:24px;
    background-size: contain; background-repeat: no-repeat; left:0; top:20%;
}

.dropdown-option{ padding: 0; background-color: #ffffff; border-color: #E8E8DE; border-radius:3px; min-width:8rem;}
.dropdown-option > div{ padding: 8px 16px; font-size: 14px; cursor: pointer;}
.dropdown-option > div:hover{ background-color: rgba(118, 107, 215, 0.05); }
.dropdown-option >div.disable{ color: #ADA9BB; background-color: #ffffff!important;}
.dropdown-option >div.disable i{ filter: invert(78%) sepia(11%) saturate(308%) hue-rotate(213deg) brightness(87%) contrast(86%); }

.overlay{ display: none; position: fixed; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 1000; top: 0; left: 0; }
.overlay-trans{ display: none; position: fixed; width: 100%; height: 100%; background-color: transparent; z-index: 889; top: 0; left: 0; }

#block-loading {
    position: fixed; display: none; top: 0; left: 0; color: #766BD7;
    justify-content: center;align-items: center; width: 100%; height: 100%; overflow: hidden;
    background-color: rgba(240,240,240, 0.8); z-index: 9999;
}

*[class*="btn-"]{
    font-size: 12px; border: 1px solid transparent; outline: 0!important; cursor: pointer; border-radius: 4px; text-align: center; display: inline-block;
}
.btn{ border-radius: 4px; padding: 8px 16px; font-size:14px; font-family: 'SofiaPro-Regular'; outline:0!important; box-shadow:none; }
.btn:focus{ outline:0!important; box-shadow:none; }
.btn img{ width:24px; height:24px; position:absolute; left: 40px; margin-top: -2px;}
.btn img.in{ position:inherit; width:16px; height:16px;}
.btn-small{ padding:4px 16px; border-radius: 4px; font-size:12px;}
.btn-radius{border-radius: 100px;}
.btn-base, .btn-base:hover, .btn-base:active, .btn-base:focus, a.btn-base, a.btn-base:hover, a.btn-base:active, a.btn-base:focus{
    border-color: #766BD7; color: #FFFFFF; background-color: #766BD7;
}
.btn-base-revert, .btn-base-revert:hover, .btn-base-revert:active, .btn-base-revert:focus, a.btn-base-revert, a.btn-base-revert:hover, a.btn-base:active, a.btn-base-revert:focus{
    border-color: #766BD7; color: #766BD7; background-color: transparent;
}
.btn-cream, .btn-cream:hover, .btn-cream:active, .btn-cream:focus{
    border-color: #F9DBAF; color: #F9DBAF; background-color: transparent;
}
.btn-green, .btn-green:hover, .btn-green:active, .btn-green:focus{
    border-color: #6ABAA4; color: #ffffff; background-color: #6ABAA4;
}
.btn-dark-cream, .btn-dark-cream:hover, .btn-dark-cream:active, .btn-dark-cream:focus{
    border-color: #DEAA7D; color: #DEAA7D; background-color: transparent;
}
.btn-trans-white, .btn-trans-white:hover, .btn-trans-white:active, .btn-trans-white:focus{
    border-color: transparent; color:#ffffff; background-color: rgba(255, 255, 255, 0.15);
}
.btn-pink, .btn-pink:hover, .btn-pink:active, .btn-pink:focus{
    border-color: #EF92A4; color: #ffffff; background-color: #EF92A4;
}
.btn-trans, .btn-trans:hover, .btn-trans:active, .btn-trans:focus{
    border-color: transparent; color: #ffffff; background-color: transparent;
}
.btn-outline-white, .btn-outline-white:hover, .btn-outline-white:active, .btn-outline-white:focus{
    border-color: #ffffff; color: #ffffff; background-color: transparent;
}
.btn-outline-grey, .btn-outline-grey:hover, .btn-outline-grey:active, .btn-outline-grey:focus{
    border-color: #ADA9BB; color: #ADA9BB; background-color: transparent;
}
.btn-dark-grey, .btn-dark-grey:hover, .btn-dark-grey:active, .btn-dark-grey:focus{
    border-color: #484554; color: #484554; background-color: transparent;
}
.btn-disable, .btn-disable:hover, .btn-disable:active, .btn-disable:focus{
    border-color: #ADA9BB; color: #ffffff; background-color: #ADA9BB; cursor:not-allowed!important;
}
.btn-grey, .btn-grey:hover, .btn-grey:active, .btn-grey:focus{
    border-color: #ffffff; color: #ADA9BB; background-color: transparent;
}

.header-default{ width: 100vw; height: 65px; padding: 0; position:fixed;
    /*border-bottom: 1px solid #ADA9BB;*/ -moz-box-sizing: border-box; box-sizing: border-box;
    top: 0; left: 0; right: 0; z-index: 910; background-color: #FFFFFF; font-size: 16px !important;
}
.header-space{ height: 65px; }
.header-logo{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/logo_rg.png'); background-size: contain; background-repeat: no-repeat; display: block; width: 170px; height:35px; margin-right:24px;}
.nav-menu{ padding: 24px 6px 12px; }
.menu-border{width:100%; height:4px; margin-top:12px; background-color: transparent; border-radius: 100px 100px 0 0;}
a.nav-menu{color:#5E5A6F;}
a.nav-menu i{filter: brightness(0) saturate(100%) invert(38%) sepia(6%) saturate(1257%) hue-rotate(211deg) brightness(90%) contrast(91%);}
.dark-mode a.nav-menu{color:#ADA9BB;}
.dark-mode a.nav-menu i{filter: brightness(0) saturate(100%) invert(71%) sepia(6%) saturate(552%) hue-rotate(213deg) brightness(97%) contrast(90%);}
a.nav-menu span{padding:0 8px;}
a.nav-menu .mr4{padding-right:0;}
a.nav-menu i{margin-right:8px;}
a.nav-menu:hover, a.nav-menu:focus, a.nav-menu.active{color:#766BD7;}
a.nav-menu-def:hover, a.nav-menu-def:focus, a.nav-menu-def.active{color:#76A9AD;}
a.nav-menu-def:hover > .menu-border, a.nav-menu-def:focus > .menu-border, a.nav-menu-def.active > .menu-border{background-color:#76A9AD;}
a.nav-menu-1:hover, a.nav-menu-1:focus, a.nav-menu-1.active{color:#DD78B1;}
a.nav-menu-1:hover i, a.nav-menu-1:focus i, a.nav-menu-1.active i{filter: brightness(0) saturate(100%) invert(81%) sepia(62%) saturate(2831%) hue-rotate(286deg) brightness(92%) contrast(88%);}
a.nav-menu-1:hover > .menu-border, a.nav-menu-1:focus > .menu-border, a.nav-menu-1.active > .menu-border{background-color:#DD78B1;}
a.nav-menu-2:hover, a.nav-menu-2:focus, a.nav-menu-2.active{color:#7952AF;}
a.nav-menu-2:hover > .menu-border, a.nav-menu-2:focus > .menu-border, a.nav-menu-2.active > .menu-border{background-color:#7952AF;}
a.nav-menu-3:hover, a.nav-menu-3:focus, a.nav-menu-3.active{color:#CD85F8;}
a.nav-menu-3:hover > .menu-border, a.nav-menu-3:focus > .menu-border, a.nav-menu-3.active > .menu-border{background-color:#CD85F8;}
a.nav-menu-4:hover, a.nav-menu-4:focus, a.nav-menu-4.active{color:#4805A4;}
a.nav-menu-4:hover i, a.nav-menu-4:focus i, a.nav-menu-4.active i{filter: brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(3448%) hue-rotate(259deg) brightness(61%) contrast(128%);}
a.nav-menu-4:hover > .menu-border, a.nav-menu-4:focus > .menu-border, a.nav-menu-4.active > .menu-border{background-color:#4805A4;}
a.nav-menu-5:hover, a.nav-menu-5:focus, a.nav-menu-5.active{color:#C4B1D4;}
a.nav-menu-5:hover > .menu-border, a.nav-menu-5:focus > .menu-border, a.nav-menu-5.active > .menu-border{background-color:#C4B1D4;}
.header-logo-title{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/logo_rg_square.png'); background-position: left center; color:#766BD7; padding-left: 50px; padding-top:5px; font-size: 20px; text-transform:lowercase; width: 100%;}
.nav-back{ background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_arrow_left.png'); background-size: contain; background-repeat: no-repeat; display: block; height: 35px; width:43px; cursor:pointer; }
.nav-option{ padding-left:15px; }
.nav-option > div{ background-position: center; background-repeat: no-repeat; background-size: contain; width: 24px; height: 24px; cursor: pointer;}
.nav-option > *{ margin-left: 8px;}
.nav-option > *:first-child{ margin-left: 0;}
.user-icon{display:block; width:36px; height:36px; border-radius:50%; text-align: center; padding:7px 1px; margin-left: 12px; color:#ffffff; background-color:#EF92A4; text-transform: uppercase; cursor:pointer; font-size:16px; font-family:'CooperMdBT-Medium';}
.user-icon.official{background-color:#766BD7;}
.user-icon.confess{background-color:#E8B978;}
.action-notification{ text-align: right;}
.badge-notification{border-radius:50%; color:#ffffff; background-color:#E82D3A; font-size:10px; line-height:10px; padding:3px; min-height:16px; min-width:16px; text-align: center; display:inline-block; top:-10px;left:-10px;position: relative; cursor: pointer;}

.label-base{ border-radius: 4px; padding: 0 10px; background-color: #766BD7; color: #fff; font-size: 11px;}
.label-grey{ border-radius: 4px; padding: 0 10px; background-color: #5E5A6F; color: #fff; font-size: 11px;}
.label-error{ border-radius: 4px; padding: 0 10px; background-color: #FBEDEA; color: #DB6A54; font-size: 11px;}

.label2{ padding: 4px 6px; font-size:13px;}

#header-notification .dropdown-box{overflow-y:hidden; padding:0; padding-top:10px;}
#header-notification .tab-pane{padding:0;}
#header-notification .custom-scroll{overflow-y:auto;height:250px; padding:10px;}
.notification-item{ cursor: pointer; padding:10px; }
.notification-item.promotion{ background-color: rgba(232, 185, 119, 0.1); }
.notification-item .type{font-weight: 400; font-size: 11px; letter-spacing: 0.14em; margin-bottom:4px; color: #ADA9BB; text-transform: uppercase;}
.default-notification{ width: 40px; height:40px; border-radius:100%; background-color:#766BD7;}

.stop-scrolling { height: 100%; overflow: hidden; }
.dropdown-header{ display:none; padding:0; z-index: 1000; }
.dropdown-box{
    width: 450px; margin-top: 65px; padding:10px; float:right; z-index: 902; min-height: 150px; max-height: 350px;
    background-color: #ffffff; border:1px solid #dee2e6; border-top-width:0; color:#33303E; position:relative; overflow-y: auto; border-radius: 0 0 8px 8px;
}
.dropdown-box-2{
    width: 160px; margin-top: 65px; padding:10px; z-index: 902; max-height: 350px;
    background-color: #ffffff; border:1px solid #dee2e6; border-top-width:0; color:#33303E; position:relative; margin-left:560px; overflow-y: auto; border-radius: 0 0 8px 8px;
}
.dropdown-box-3{ width:160px; min-height:100px;}
.dropdown-shadow{ z-index: 901; width:100%; height:100%; position:absolute; top:0; }
/*.load-section{ display: flex; flex:1; }*/
.loader-section{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/loadings.gif'); background-repeat: no-repeat; background-position:center; background-size: 100px; min-height:300px; float:left; width:100%;}
.loader-section.mini{min-height: 100px; background-size: 70px;}
.menu-sidebar{
    width: 70vw; height: 100vh; top: 0; right: 0; display:none; min-width:200px;
    z-index: 1001; position: fixed; background-color: #766BD7; color:#F9DBAF;
}
.sidebar-box{ height:100%; width:100%; position: absolute; top:0;}
.sidebar-container{overflow-x:hidden; overflow-y: auto; text-align: right; padding: 20px; width:100%; height:100%; position:absolute;}
.sidebar-container .btn-menu-close{ width:24px; height:24px; cursor: pointer; position: fixed; left:20px; top:20px;
    background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_x_white.png'); background-position:center; background-repeat:no-repeat; background-size:contain;}
.sidebar-container .user-icon{ width:32px; height:32px; font-size:14px!important; padding:5px; }
.menu-list{margin-top:30px;}
.menu-list a{font-size:32px; line-height:32px; color:#F9DBAF; margin-bottom: 24px; display: block;}
.menu-list a.active{font-weight: bold; color: #f9c334;}
.menu-list-2{border-top:1px solid rgba(255,255,255,0.4); padding-top:32px;}
.menu-list-2 a{font-size:20px; line-height:20px; color:rgba(255,255,255,0.8); margin-bottom: 24px; display: block;}
.menu-list-2 button{display: block;}

.nav-tabs{ border-bottom: 1px solid #E8E8DE; }
.nav-tabs .nav-link { border: 0; border-radius:0; font-size:14px; padding:5px; color: #5E5A6F;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background-color: transparent; color: #766BD7; font-weight:500;}
.tab-pane{ padding: 10px 0;}
.nav-tabs.nav-user{ border:none; }
.nav-tabs.nav-user .nav-link{ padding:16px; color: #ADA9BB;}
.nav-tabs.nav-user .nav-item.show .nav-link, .nav-tabs.nav-user .nav-link.active { color: #33303E;}

/*.modal-menu .modal-dialog{margin:0 auto; height:100%; background-color:#18191F;}*/
/*.modal-menu .modal-content{background-color:#18191F; height:100%; border:0; border-radius:0;}*/
/*.modal-menu .modal-header{border-bottom:0;opacity: 1 !important; background-color: transparent;}*/
/*.btn-menu-close{ display:block; width: 24px; height: 24px; cursor: pointer; opacity:1!important;*/
/*background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_x_white.png'); background-size: contain; background-repeat: no-repeat; }*/

*[class*="ic-"], .ic{
    background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block;
}
.ic-12{width:12px; height:12px;}
.ic-16{width:16px; height:16px;}
.ic-20{width:20px; height:20px;}
.ic-24{width:24px; height:24px;}
.ic-30{width:30px; height:30px;}
.ic-40{width:40px; height:40px;}
.ic-80{width:80px; height:80px;}
.ic-100{width:100px; height:100px;}
.ic-300{width:300px; height:300px;}
.ic-event-member{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_event_user.png');}
.ic-register{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_register.png');}
.ic-login{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_login.png');}
.ic-loader{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/loading.gif'); background-size: auto 80%;}
.ic-input-x{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_input_x.png');}
.ic-input-v{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_input_v.png');}
.ic-register-success{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_feedback_register.png');}
.ic-logout{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_power.png');}
.ic-back{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_arrow_left.png');}
.ic-x{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_x_dark.png');}
.ic-x-circle{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_close.png');}
.ic-plus{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_plus.png');}
.ic-category{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_default_category.png');}
.ic-trending{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_trending.png');}
.ic-trend-up{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_trend_up.png');}
.ic-three-dots{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_three_dots_grey.png');}
.ic-love{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_love.png');}
.ic-love.on{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_love_active.png');}
.ic-comment{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_comment.png');}
.ic-trash{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_trash.png');}
.ic-qr{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_qr.png');}
.ic-wa-group{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_whatsapp_group.png');}
.ic-check-white{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_check_white.png');}
.ic-arrow-circle{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_arrow_circle_pink.png');}
.ic-arrow-out{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_arrow_out.png');}
.ic-warning{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_warning.png');}
.ic-mail-white{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_mail_white.png');}
.ic-wa-white{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_wa_white.png');}

.ic-instagram{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_instagram.png');}
.ic-twitter{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_twitter.png');}
.ic-facebook{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_facebook.png');}
.ic-youtube{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_youtube.png');}
.ic-tiktok{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_tiktok.png');}
.ic-open-sidebar{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_menu.png');}
.ic-open-search{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_search_black.png');}
.ic-open-option{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_three_dots_black.png');}
.ic-action-like{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_heart.png');}
.ic-action-like.on{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_heart_purple.png');}
.ic-action-share{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_share.png');}
.ic-action-bookmark,.ic-bookmark{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_bookmark_black.png');}
.ic-action-bookmark.on,.ic-bookmark.on{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_bookmark_purple.png');}
.ic-action-notification{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_notification.png');}
.ic-action-notification.off{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_notification_off.png');}
.ic-question-circle{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_question_circle_gray.png');}
.ic-chevron-down{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_down.png');}
.ic-chevron-right-purple{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_right_purple.png');}
.ic-chevron-right-white{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_right_white.png');}
.ic-chevron-right-purple-trans{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_right_purple_trans.png');}
.ic-arrow-right-white{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_arrow_right_white.png');}
.ic-send{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_send.png');}
.ic-verified{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_verified.png');}
.ic-activate{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_activate.png');}

.ic-confession-category{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/thumbnail/club_category.png');}

.share{width:56px; height:56px; display: inline-block; margin-right: 12px;}
.ic-share-facebook{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_share_facebook.png');}
.ic-share-twitter{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_share_twitter.png');}
.ic-share-whatsapp{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_share_whatsapp.png');}
.ic-share-telegram{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_share_telegram.png');}
/*.ic-share-link{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_share_link.png'); background-size:50%; border-radius:50%; border:2px solid #000; margin-right:0;}*/

.shares i, .shares a{width:24px; height:24px; display: inline-block; margin-left: 12px; cursor:pointer;}
.ic-shares-facebook{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_shares_facebook.png');}
.ic-shares-twitter{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_shares_twitter.png');}
.ic-shares-whatsapp{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_shares_message.png');}
.ic-shares-link{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_shares_link.png');}

.rotate180{transform: rotate(180deg);}

.footer-default{ padding-top:65px; padding-bottom: 65px; color:#ffffff!important; }
.footer-default .logo-rg{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/logo_rg_2.png'); background-size:contain; background-repeat:no-repeat; background-position: left center; height:32px; cursor:pointer;}
.footer-default a, .footer-default a:hover, .footer-default a:visited, .footer-default a:focus{ color:#ffffff!important; }
.footer-default .page-list a{ margin-bottom:12px; display: block; }
.footer-default .page-list a:hover{text-decoration:underline!important;}
.footer-default .page-list a:last-child{ margin-bottom:0;}
.socmed{ background-color:transparent;}
.socmed a{ display:inline-block; width:24px; height:24px; background-size:cover; background-repeat:no-repeat; background-position:center; margin-left:8px;}
.socmed a:first-child{margin-left:0;}
.footer-default .copyright{ text-align: right; }
.footer-lite { padding-top: 24px; padding-bottom:24px; margin-top:24px; color:#5E5A6F; border-top: 1px solid #E8E8DE;}

.share-link{}
.share-link .form-control, .share-link .form-control:focus, .share-link .form-control:active{
    height:42px!important; margin-bottom:0; border-top-right-radius:0; border-bottom-right-radius:0; background-color:#fff!important; }
.btn-share-link{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_share_link_white.png'); background-size:20px; background-repeat: no-repeat; background-position: 8px center;
    display:block; font-size:14px; padding-left:36px; height:42px; cursor:pointer; background-color: #766BD7; color: #ffffff;border: 1px solid #F2E5FF;
    border-radius:0; border-top-right-radius:4px; border-bottom-right-radius:4px; border-left-width: 0; width:140px;}

input[type=checkbox] {
    display:none;
}

input[type=checkbox] + label {
    background: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_checkbox_unchecked.png') no-repeat center; width: 24px; height: 24px;
    cursor: pointer; display:inline-block; padding: 0 0 0 0px; background-size: contain;
}
input[type=checkbox]:checked + label {
    background: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_checkbox_checked.png') no-repeat center; background-size: contain;
    height: 24px; width: 24px; display:inline-block; padding: 0 0 0 0px;
}
button[disabled], input[type=button][disabled],
button:disabled, input[type=button]:disabled{ opacity: 0.9!important; cursor: not-allowed!important;}
input[type=button], button{ min-height: 40px;}

body.modal-open .container-fluid, body.block-load-open .container-fluid{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}
.modal .modal-content{ border:0!important; border-radius:0;}
.modal .modal-header{ font-size: 18px; font-family:'CooperMdBT-Medium'; flex-direction: row; justify-content: start; align-items: center; border-bottom:0; padding:30px;}
.modal .modal-body{ padding:30px; padding-top:0; }
/*.modal-backdrop { background-color: rgba(240,240,240,0.8); }*/
.modal-backdrop { background-color: rgba(180,180,180,0.8); }
.modal .btn-close-modal{ display: block; width:32px; height:32px; position: absolute; cursor: pointer; top: -30px; right: -30px;
    background: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_close.png') no-repeat center; background-size: contain; z-index:1001}
.modal-auth .modal-content{ border-width:0!important;
    background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_modal_auth.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 100%;}
.modal-auth .modal-body{ width:80%; background-color: #fff;}
.modal-success .modal-content{ color:#E8E8DE; text-align: center; padding-left:40px; padding-right:40px;
    background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_modal_success.png'); background-position: center; background-repeat: no-repeat; background-size: cover;}
.modal-countdown-desc a, .modal-countdown-desc a:hover, .modal-countdown-desc u{ cursor:pointer; color: #766BD7; text-decoration: underline; }
.modal-confirmation button{ min-width:140px; margin-left:6px; margin-right:6px;}

/* pagination */
.custom-pagination span{cursor:pointer; margin-left:24px; font-size:16px; color:#33303E;}
.custom-pagination span.active{color:#766BD7; text-decoration:underline;}
.custom-pagination span:first-child{margin-left:0;}
.custom-pagination span[data-disabled="1"]{cursor:not-allowed;}
.custom-pagination span.fa[data-disabled="1"]{color:#ADA9BB;}

.input-search, .input-search:focus{
    background: rgba(118, 107, 215, 0.05); border: 1px solid rgba(118, 107, 215, 0.2);
    border-radius: 50px; padding:10px 16px; font-size:14px;
    background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_search_black.png'); background-size: 24px; background-position: 10px center;
    background-repeat: no-repeat; padding-left:40px; padding-right: 40px!important;
}
.clear-search{ width: 20px!important; height:20px!important; margin-right:10px!important; visibility:hidden;}
/*.input-search:focus ~ .clear-search{visibility: visible!important;}*/
.img-full{width:100%;height: auto;}

.full-bg{min-height:90vh; background-size:cover; background-position: center; background-repeat: no-repeat;}
.half-bg{min-height:50vh; background-size:cover; background-position: center; background-repeat: no-repeat;}
.one-quarter-bg{min-height:30vh; background-size:cover; background-position: center; background-repeat: no-repeat;}
.three-quarter-bg{min-height:60vh; background-size:cover; background-position: center; background-repeat: no-repeat;}

.bg-home-hero{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_home_1.png'); background-position:left center; }
.bg-home-hero-sub{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_home_ic_1.png'); background-position:right bottom; background-size: contain;}
.bg-home-confession{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_home_confession.png'); background-position: top center; background-size: cover;}
.bg-home-leader{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_leader.png'); background-position: center; background-size: cover; }
.bg-home-leader-sub{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_home_ic_2.png'); background-position: center bottom; background-repeat: no-repeat; background-size: 50%; min-height:110vh; }
.bg-home-event{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_event.png'); background-position: center; background-size: cover;}
.bg-home-impact{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_home_3.png'); background-position: center; background-size: cover;}
.bg-home-impact-sub{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_home_ic_3.png'); background-position: bottom left; background-size: contain;}
.bg-list-empty{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_list_empty.png'); background-position: center; background-size: contain; min-height:250px; background-repeat: no-repeat;}
.bg-club-hero{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_club_1.png'); background-position:left center; }
.bg-club-hero-sub{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_club_ic_1.png'); background-position:right bottom; background-size: contain;}
.bg-become-leader{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_become_leaders.png'); background-position:center; background-size: cover; padding:24px 24px; border-radius:4px;}
.bg-leader-hero{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_leader.png'); background-position:left center; }
.bg-leader-hero-sub{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_leader_ic.png'); background-position:right bottom; background-size: 50%;}
.bg-leader-register{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_leader_register.png'); background-position:center; background-size: cover; }
.bg-leader-how{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_leader_lead.png'); background-position:center; background-size: contain; background-repeat: no-repeat; height:300px; width:100%;}
.bg-leader-responsibilities{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_leader_responsibilities.png'); background-position: right center; background-size: cover; background-repeat: no-repeat; }

.bg-home-confessions{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_home_confessions.png'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.bg-come-meet-us{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_come_meet_us.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.bg-list-footer{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_list_footer.png'); background-color: #EF92A4; background-position: center; background-size: cover; background-repeat: no-repeat; }
.bg-play{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_play_circle.png'); background-position: center; background-repeat: no-repeat; background-size: 40px; }
.bg-rg{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/logo_large.png'); background-position: right top; background-repeat: no-repeat; background-size: 25%;}


.bg-logo{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/logo_large.png'); background-size: auto 120%; background-position: right -80px center; background-repeat: no-repeat; }

.bg-work-with-us{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/about/bg_contact.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}

.divider{height:1px; background-color: #E8E8DE; width: 100%; float:left; margin-top:20px;margin-bottom:20px;}
.bg-transparent-white{ background: rgba(255,255,255, 0.8); }
.top-divider{ border-top: 1px solid #E8E8DE;}
.bottom-divider{ border-bottom: 1px solid #E8E8DE;}
.fixed-bottom{ padding-top:16px; padding-bottom:16px; border:0; position: fixed;}

.home-hero-confession{ width:85%;}
.accordion{background-color: transparent;}
.card, .card-header{border: 0 solid #FBF7FF; border-top-left-radius:8px!important; border-top-right-radius:8px!important;}
.card-header{ border-top:1px solid #FBF7FF; }
.accordion .card-header{padding:8px 16px; background-color: transparent; cursor: pointer;}
.accordion .card-body{padding: 8px 16px; max-height: 200px; overflow-y:hidden;}
#accordion-confession{ box-shadow: 0 10px 10px 10px rgba(255, 226, 233, 1)!important; width:85%;}
.accordion-arrow .card-header{border-top:1px solid #E5C7B9!important; border-radius:0!important;}
.accordion-arrow .card-header.no-border{border-top:0!important;}
.accordion-arrow .d-flex{ padding-right:30px; background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_down_brown.png'); background-repeat:no-repeat; background-size: 24px; background-position: right center;}
.accordion-arrow .d-flex[aria-expanded="true"]{ background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_up_brown.png'); }

.paging-accordion{ margin-left:32px;}
.paging-accordion i,.paging-accordion span{cursor:pointer; display: block; margin:5px; }
.paging-accordion i{width:24px;height:24px;background-repeat:no-repeat;background-size:contain;}
.paging-accordion .prev{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_up.png');}
.paging-accordion .next{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_down.png');}
.paging-accordion span{border-radius:50%; background-color: rgba(118, 107, 215, 0.2); width:10px; height:10px;}
.paging-accordion span.active{ background-color: rgba(118, 107, 215, 0.8);}
.bg-home-leader .box{ width:50%; text-align: center; }
.bg-home-leader .full-bg{ min-height:60vh;}

.event-slider{width:100%;}
.event-item{ width:100%; height:100%;  background-color:#ffffff; border-radius:8px; padding:20px; border: 1px solid #E8E8DE; cursor: pointer;}
.event-item .img{ width:100%; height:300px; border-radius:4px; text-align: right;}
.event-item .badge{ background-color: rgba(72, 69, 84, 0.6); color:#FFFFFF; padding:6px 12px;
    font-size:13px; border-radius: 100px; margin-right:16px; margin-top:16px;}

.news-item{width:100%; min-height:245px; padding-top:24px; padding-bottom:24px; border-bottom:1px solid #E8E8DE;}
.news-item .detail-box{float:left; width:65%; margin-right:5%;}
.news-item .img{ float:left; width:30%; height:110px; }
.featured-news .fn-item:nth-last-child(1) > .news-item{border-bottom-width: 0!important;}
.news-list .news-item{ border-bottom-width: 0!important; min-height:auto; border-top:1px solid #E8E8DE;}
.news-list .first-item .news-item{ border-top-width:0!important;}
.news-trending {padding-top:24px; padding-bottom:24px; border-radius:4px;}

.bg-card-news{ width:100%; height: 200px; border-radius: 4px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.bg-card-watch{ width:100%; height: 150px; border-radius: 4px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.text-card-news{ margin-top:12px; }
.text-card-watch{ margin-top:12px; }
.news-watch-on{border-radius:4px; height:50vh; background-size: cover; background-repeat: no-repeat; background-position: center;}
.watch-on-badge{
    border-radius: 8px; color: #ffffff; padding:4px 8px; display: inline-block; padding-left:30px;
    background-color: rgba(239, 146, 164, 0.4); background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_play_white.png'); background-position: center left; background-size: contain; background-repeat: no-repeat;
}

.video-container{position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;}
.video-container iframe{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius:1px; width: 100%; height: 100%;}
.news-detail{ border: 1px solid rgba(173, 169, 187, 0.4);; padding:24px; margin-top:24px; margin-bottom:24px; }
.news-badge{ background-color:rgba(118, 107, 215, 0.6); color:#ffffff; border-radius:100px; padding:6px 12px; margin-right:8px; margin-bottom:8px; display:inline-block; font-size:13px;}
.rte-content img{ width:100%!important;; height:auto!important;}
.rte-content p{margin-bottom:0;}
.rte-content strong{
    font-weight: normal!important;}
.news-action-fixed{background-color:#ffffff; position: fixed; width:56px; border: 1px solid rgba(173, 169, 187, 0.4); padding:20px 16px; top:85px; left:5%;}
.news-action-fixed div{ float:left; width:24px; height:24px; cursor:pointer; margin-bottom:16px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.news-action-fixed div:last-child{ margin-bottom:0;}

.banner-event{width:100%; overflow: hidden; position: relative; background-color:#766BD7;color:#ffffff;}
.banner-event div{ width:100%; min-height: 20vh; background-position: center; background-repeat: no-repeat;
    background-size: 150%; filter: blur(10px); position: relative;}
.banner-event img{ width: 70%; height: auto; top:0; z-index: 200;  position: absolute;
    left: 0;right: 0;margin-left: auto;margin-right: auto; }
.banner-event-detail{ }
.banner-event-detail > div{height:max-content;background-color:#766BD7;color:#ffffff; padding:0 25px;}
.banner-event-detail > div > div:first-child{padding-top:40px;}
.banner-event-detail > div > div:last-child{padding-bottom:40px;}

.leader-slider, .item-slider{width:100%;}
.leader-testimony-item{background-color: rgba(236, 200, 186, 0.2);}
.leader-testimony-item .img, .leader-why-item .img{width:100%; height:200px; border-radius: 6px;}
.gallery .img{ width:100%; height: 200px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-bottom:12px;}
.leader-why-item{
    background-color: rgba(236, 200, 186, 0.2); padding:24px; margin-bottom:5px;
    box-shadow: 0 5px 5px rgba(78, 12, 69, 0.07); border-radius: 8px;}
.leader-respon-no{ background-color:rgba(169, 117, 129, 0.1); border-radius:100px; width:38px;height:38px;
    font-size:24px; font-family: 'CooperMdBT-Medium';}

.club-item{border: 1px solid #E8E8DE; border-radius: 12px; padding:8px; width:100%;
    box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.06); margin-bottom:24px;}
.club-item .img{ width:100%; height:180px; border-radius:8px; text-align: right;}
.club-item .badge{ background-color: rgba(72, 69, 84, 0.6); color:#FFFFFF; padding:6px 12px;
    font-size:13px; border-radius: 100px; margin-right:8px; margin-top:8px;}
.club-item .description{ height:52px;}

.filter-item{margin-right:40px; color:#ADA9BB; cursor:pointer;}
.filter-item.active{color:#000000;}
.filter-item:last-child{margin-right:0;}

.h-drag-container{width:100%; height:auto; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}
.h-drag-container::-webkit-scrollbar{ display: none; }
.h-overflow-container{ width:max-content; }
.dragscroll{ overflow: auto;}
.filter-badge{background-color:#ffffff; color:#6A60CB; border:1px solid #6A60CB; font-size:14px; border-radius:24px; padding:8px 16px; margin-right:12px; cursor:pointer;}
.filter-badge.active{ background-color: #6A60CB; color:#ffffff;}

.filter-confession-category{ border:1px solid #E8E8DE; border-radius: 3px; padding:0 8px;}
.filter-confession-category div{
    display: flex; flex-direction: row; align-items: center; cursor:pointer; padding:10px 8px; color:#5E5A6F;border-bottom:1px solid #E8E8DE;
}
.filter-confession-category div:last-child{ border-bottom-width:0;}
.filter-confession-category div.active{color: #766BD7;}
.filter-confession-category div.active i{
    filter: invert(67%) sepia(49%) saturate(6775%) hue-rotate(219deg) brightness(86%) contrast(95%);
}
.filter-confession-tag div{ color: #766BD7; margin-bottom: 6px; cursor: pointer; padding:8px 10px; border: 1px solid #E8E8DE; border-radius: 2px;}
.filter-confession-tag div.active{ border-color:#766BD7;}
.confession-input-box{ padding:16px; padding-left:4px; background: rgba(118, 107, 215, 0.05); border: 1px solid rgba(118, 107, 215, 0.2); border-radius: 3px;}
.filter-confession-tab{ padding:12px 16px; border-bottom: 1px solid #E8E8DE;}
.filter-confession-tab div{margin-right:24px; color:#ADA9BB; cursor: pointer;}
.filter-confession-tab div.active{color:#33303E;}

.bordered-box{ border: 1px solid #E8E8DE; border-radius: 3px;}
#section-confession{min-height:300px;}

.confession-item{ padding:16px 12px; border-top: 1px solid rgba(118, 107, 215, 0.2);}
/*.confession-list .confession-item:first-child{border-top-width: 0;}*/

.reply-item{ padding:16px 12px; padding-left:40px; border-top: 1px solid rgba(118, 107, 215, 0.2);}

.confession-like.on, .confession-comment.on{color:#766BD7;}
.confession-like.on i{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_love_active.png');}
.confession-comment.on i{background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_comment_active.png');}
.confession-bookmark.on i{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_bookmark_purple.png');}

.reply-box{background-color: #FBFBFB; padding: 16px 24px 12px 40px;}
.reply-box textarea{ background-color: transparent; border:none; outline:0!important; width:100%; padding:0 20px; padding-top:8px;}

.confession-tag span{color:#484554; padding:4px 12px; border:1px solid #ADA9BB; margin-right:8px;margin-bottom:8px;
    border-radius:100px; cursor: pointer; display: inline-block;}
.confession-tag span.active{ color: #766BD7; border-color:#766BD7;
    background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_checklist.png'); background-position: center right 6px; background-repeat: no-repeat; background-size: 16px; padding-right:28px;}

.profile-box{ border-radius: 8px;}
.profile-banner {width:100%; background-color:#7B61FF; height:100px; border-radius: 8px 8px 0 0; background-position: right -10% top 10%;}
.user-icon.large{ width: 164px;height:164px; border: 10px solid #FFFFFF; font-size: 64px; padding-top:24px;}

.qr{ border-radius: 24px; border: 1px solid #EF92A4; padding:20px; background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_white.jpg')!important; background-size: cover;}

.highlight-item{border:1px solid #ADA9BB;border-radius:16px;padding:8px;}
.highlight-img{ width:100%; height:200px; background-size: cover; background-repeat: no-repeat;background-position: center; border-radius:8px;}
.highlight-box{ width:100%; background-color: #FBF7FF; padding: 10px 6px; border-radius: 2px; text-align: center;}

/* Plugin css*/
.tns-outer { position: relative; }
[data-controls] {
    border: 0; padding: 0; font-size: 30px; position: absolute;
    top: 50%; margin-top: -18px; z-index: 1; background: transparent;
}
[data-controls="prev"] { left: 0; }
[data-controls="next"] { right: 50px; }
[data-controls] {width:50px; height:50px;}
[data-controls] span{ display:block; width:32px; height:32px;
    background-size:contain; background-repeat:no-repeat; background-position:center;}
.slide-prev{ background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_circle_arrow_left.png'); margin-left:50px; }
.slide-next{ background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_circle_arrow_right.png'); }
button:disabled .slide-prev, button:disabled .slide-next{display:none;}
.tns-nav{text-align: center; margin-top: 10px;}
.tns-prev{ background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_nav_left_white.png'); margin-left:50px; }
.tns-next{ background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_nav_right_white.png'); }
.tns-nav button{min-height:4px!important; width:10px!important; border:none; margin-left:2px; margin-right:2px; background: rgba(118, 107, 215, 0.4); border-radius: 4px; outline: 0!important; box-shadow:none; }
.tns-nav button.tns-nav-active{width: 20px!important; background: #766BD7;}

.tns-item, .tns-item img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.container-banner > .tns-item {
    -webkit-transition: transform 0s;
    -moz-transition: transform 0s;
    transition: transform 0s;
}
.our-program-item{ border-radius:12px; padding:24px; min-height:500px; background-position: bottom center; background-repeat: no-repeat; background-size: contain;}
/*.container-banner { opacity: 0; }*/
/*.container-banner.tns-slider { opacity: 1; }*/

.banner-home{ padding-bottom: 120px;}

/* Dark mode */
body.dark-mode{ background-color: #000000; color: #FBF7FF; }
.dark-mode .header-default{ background-color: #000000;}
.dark-mode .ic-action-notification{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_notification_white.png');}
.dark-mode .ic-action-notification.off{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_notification_white_off.png');}
.dark-mode .header-logo{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/logo_rg_white.png');}

.ic-news{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_news.png');}
.confession-news-list > .confession-news-item:first-child{border-top:1px solid #E8E8DE; border-bottom:1px solid #E8E8DE;}
.confession-news-item{background-color: #F9F9F9; padding:24px 12px;}
.confession-news-item .img{ height: 300px; margin-bottom:20px; border-radius:8px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.cn-container{width:calc(100% - 80px);}

.tnc{ margin-top: 30px; margin-bottom: 50px; }
.tnc a, .tnc a:hover{ color: #7B61FF;}
.tnc ol{ margin: 0; padding:0;}
.tnc ol li{ margin-left: 16px;}
.tnc h4{margin-bottom:16px;}

.iwd{ background-color: #34282C; color: #FFFFFF; }
.iwd .header-default{ background-color: #34282C; height: 90px;}
.iwd .header-default .container{ background-color: #F26354; border-radius: 100px; margin-top: 15px;}
.iwd .header-space{ height: 90px; }
.iwd a.nav-menu{color:#FFFFFF;}
.iwd a.nav-menu .menu-border{ height: 0;}
.iwd a.nav-menu > span, .iwd a.nav-menu > span{ display: inline-block; }
.iwd a.nav-menu.active > span, .iwd a.nav-menu:hover > span,
.iwd a.nav-menu.active > div, .iwd a.nav-menu:hover > div{ background-color:#C7493F; border-radius: 16px; }
.iwd a.nav-menu i, .iwd .header-logo, .iwd .ic-trending{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(259deg) brightness(103%) contrast(102%);
}
.iwd .filter-confession-category div.active i{
    filter: invert(46%) sepia(87%) saturate(818%) hue-rotate(326deg) brightness(97%) contrast(96%);
}
.iwd .confession-input-box{ background-color: #F5BCD5; }
.iwd .confession-input-box .user-icon{ background-color: #F36353; }
.iwd .confession-input-box .color-soft-grey{ color: #FFFFFF;}
.iwd .filter-confession-category{ background-color: #FFFFFF;}
.iwd .bordered-box{ background-color: #FFECF5; color: #34282C;}
.iwd .color-base, .iwd .color-purple, .iwd .filter-confession-category div.active{ color: #F36353!important;}
.iwd .bg-base{ background-color: #F36353!important;}
.iwd .btn-base, .iwd .btn-base:hover, .iwd .btn-base:active, .iwd .btn-base:focus, .iwd a.btn-base, .iwd a.btn-base:hover, .iwd a.btn-base:active, .iwd a.btn-base:focus{
    border-color: #F7BCD5; color: #FFFFFF; background-color: #F7BCD5;
}
.iwd .btn-base-revert, .iwd .btn-base-revert:hover, .iwd .btn-base-revert:active, .iwd .btn-base-revert:focus, .iwd a.btn-base-revert, .iwd a.btn-base-revert:hover, .iwd a.btn-base-revert:active, .iwd a.btn-base-revert:focus{
    border-color: #F36353; color: #FFFFFF; background-color: #F36353;
}
.iwd .side-content .color-dark-grey{color:#FFFFFF!important;}
.iwd .side-content .color-new-grey{color:#F36353!important;}
.iwd .side-content .color-text{color:#FFFFFF!important;}
.iwd .modal-content{ color: #33303E;}

/* Small Screen Style */
@media (max-width: 576px) {
    .modal-success .three-quarter-bg{ height:100%;}
}

/* Mobile Style */
@media (max-width: 767px) {
    .header-default{ height: 120px; padding-top:16px; border-bottom:1px solid #E8E8DE;}
    .header-space{ height: 120px; }

    .mobile-no-padding{ padding:0!important;}
    .footer-default{padding-top:45px; padding-bottom:45px;}
    .footer-default .copyright{ text-align: left; }
    .font-banner-title{font-size:32px;}
    .font-banner-title-lg{font-size:32px;}
    .font-banner-subtitle{font-size:16px;}
    .bg-home-hero-sub{ background-size: 100%;}
    .bg-home-hero .flex-column{ height: 70vh!important;}
    .banner-home{ padding-bottom: 40px;}

    .font-m-4{font-size:4px!important; line-height: 10px;}
    .font-m-8{font-size:8px!important; line-height: 14px;}
    .font-m-10{font-size:10px!important; line-height: 16px!important;}
    .font-m-12{font-size:12px!important; line-height: 20px!important;}
    .font-m-13{font-size:13px!important; line-height: 21px!important;}
    .font-m-14{font-size:14px!important; line-height: 22px!important;}
    .font-m-16{font-size:16px!important; line-height: 26px!important;}
    .font-m-17{font-size:17px!important; line-height: 27px!important;}
    .font-m-18{font-size:18px!important; line-height: 28px!important;}
    .font-m-20{font-size:20px!important; line-height: 32px!important;}
    .font-m-22{font-size:22px!important; line-height: 34px!important;}
    .font-m-24{font-size:24px!important; line-height: 36px!important;}
    .font-m-28{font-size:28px!important; line-height: 40px!important;}
    .font-m-30{font-size:30px!important; line-height: 42px!important;}
    .font-m-36{font-size:36px!important; line-height: 52px!important;}
    .font-m-40{font-size:40px!important; line-height: 52px!important;}

    .modal-full .modal-dialog{margin:0 auto; height:100%;}
    .modal-full .modal-content{height:100%; border:0; border-radius:0;}
    .modal .btn-close-modal{ right:10px; top:10px;}
    .modal-auth .modal-body{ width:100%;}

    #accordion-confession{width:90%;}
    .home-hero-confession{ width:100%;padding:0 12px;}
    .paging-accordion{ margin-left:0; margin-top:32px;}
    .paging-accordion .prev{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_left_black.png');}
    .paging-accordion .next{background-image:url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_chevron_right_black.png');}
    .bg-home-leader .box{ width:100%; text-align:left; }
    .bg-home-leader .full-bg{ min-height:70vh;}
    .bg-home-leader-sub{ background-size:90vh; min-height:100vh; background-position: bottom left; }
    .bg-home-impact-sub{ background: none;}
    .bg-become-leader{ background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/bg/bg_become_leaders_mobile.png'); background-position:center bottom; padding:24px 24px; border-radius:4px;}
    .bg-become-leader a{ margin-top:36px;}
    .bg-leader-hero-sub{ background-size:contain;}
    .bg-full{ height:100%; }

    .event-banner .row, .event-banner .col-12{padding:0;}
    .cn-container{width:100%;}
    .confession-news-item .img{margin-bottom:10px;}

    .modal-success .modal-content{ padding: 12px;}
    .modal-countdown-desc a, .modal-countdown-desc a:hover, .modal-countdown-desc u{ color: #ffffff; }

    /*#header-notification .dropdown-box{ border-top:1px solid #E8E8DE; }*/
    .dropdown-box{ width: 100vw; float: unset;}
    .dropdown-box-2{ margin-left: 200px; margin-top:120px;}
    .club-item .description{ height:auto;}

    .modal-bottom .modal-dialog{ overflow:hidden; max-width: 100% !important; margin:0; height: 100%;}
    .modal-bottom .modal-content { position: absolute; bottom: 0!important; left: 0; right: 0;max-width: 100%; }

    .bg-card-news{ width: 35%; margin-left:8px; height:70px;}
    .text-card-news{ width: 65%; margin-top:0; }
    .news-trending{ margin-left:0; margin-right:0;}

    .filter-news .container{ padding:0; }
    .filter-news .filter-item:first-child{ margin-left:16px;}
    .filter-news .filter-item:last-child{ margin-right:16px;}

    .share-link .form-control, .share-link .form-control:focus, .share-link .form-control:active{
        margin-bottom:8px; border-top-right-radius:4px; border-bottom-right-radius:4px; }
    .btn-share-link{width:110px; border-radius:4px!important; border-width:0; }

    .banner-event img{ width:100%;}
    .banner-event-detail > div{padding:0 24px;}
    .banner-event-detail > div > div:first-child{padding-top:12px;}
    .banner-event-detail > div > div:last-child{padding-bottom:12px;}

    .event-list .col-6{ padding-left:5px;padding-right:5px;}
    .event-item .img{height:200px;}
    .event-item{ padding: 5px;}

    .bg-work-with-us{ background-position: left center;}
    .bg-logo{ background-image: none;}
    .our-program-item{ border-radius:12px; padding:12px; min-height:160px; background-position: right center;}


    .add-confession{ width:60px; height:60px; border:1px solid #7714ff; position: fixed; right:10%; bottom:10%;
        background-image: url('https://ucbs.oss-ap-southeast-5.aliyuncs.com/rg/img/ic_edit.png'); background-position: center; background-size: 50%;
        background-color:#766BD7; border-radius: 50%; background-repeat: no-repeat;
        box-shadow: 0px 2px 10px rgba(19, 2, 170, 0.25);}

    .iwd .header-default{ border-bottom: none; height: 120px; background-color: #34282C;}
    .iwd .header-default .container{ margin-top: 0; background-color: #34282C;}
    .iwd .menu-mb{ background-color: #F36353; margin-top:20px; margin-bottom: 6px; border-radius: 100px; }
    .iwd .menu-mb .nav-menu{ padding-bottom:6px; padding-top:6px; }
    .iwd .menu-mb .menu-border{ display: none; }
    .iwd .header-space{ height: 120px; }
    .iwd .add-confession{ background-color: #F36353; border:1px solid #C7493F; box-shadow: 0 2px 10px rgba(170, 0, 88, 0.25);}
    .iwd .dropdown-box-2{  margin-top:115px;}

    /* Plugin css*/
    [data-controls="prev"] { left: 0; }
    [data-controls="next"] { right: 0; }
}

/* Desktop Style */
@media (min-width: 768px) {
    .featured-news .fn-item.even:nth-last-child(-n+2) > .news-item{
        border-bottom-width: 0!important;
    }
    .menu-sidebar{ display: none!important;}
    .news-trending {margin-left:0;}
    .half-field{width:50%;}

    .centered-slide-item { margin-right: 0; margin-left: calc(50vw - 345px); }

    .event-banner-container > .col-md-8 {padding-right:0;}
    .event-banner-container > .col-md-4 {padding-left:0;}
}

@media (min-width:992px){
    .centered-slide-item { margin-right: 0; margin-left: calc(50vw - 455px); }
}
@media (min-width:1200px){
    .centered-slide-item { margin-right: 0; margin-left: calc(50vw - 555px); }
}