/* cms cnt 25 */
.paddsection{
padding: 100px 0;
}
.cmscontent{
padding-top: 100px;
}
.cmscontent .navigation,.cmscontent .pagecontent{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cmscontent .pagecontent{
}
.cmscontent .wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cmscontent .navigation,.cmscontent .pagecontent{
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
.cmsbox{
padding-top: 50px;
}
.cmscontent .wrapper{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column 
}
.cmscontent .navigation{
margin-top: 30px;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
width: 100%;
}
.cmscontent .pagecontent{
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.cmscontent {
}
.cmscontent .wrapper{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row ;
justify-content: space-between;
}
.cmscontent .navigation{
width: 300px;
}
.cmscontent .pagecontent{
width: calc(100% - 330px);

}
}
@media only screen and (min-width: 1400px) {
.cmscontent .pagecontent{
padding-right: 200px;
}
}
.cmscontent .navigation ul,.cmscontent .navigation ul li{
list-style: none;
}
.cmscontent .navigation ul li {
}
.cmscontent .navigation ul li a{
display: block;
font-weight: 500;
margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
.cmscontent .navigation ul li a{
font-weight: 500;
font-size: 0.825rem;
}
}
.cmscontent .navigation ul li a:hover{
opacity: 0.4;
}
.cmscontent .navigation ul li ul{
margin-left: 40px;
}
.cmscontent .navigation ul li ul li a{
font-weight: 400;
}


.frontpage .bonopadv {
background: #f2f6fe;
/*color: #fff;
background: #2c6ff2;
*/
}
body.dark .frontpage .bonopadv {
background: #0b374b;
background: #003b83;
}
@media only screen and (max-width: 991px) {
.frontpage .bonopadv {
padding-left: 10px;
padding-right: 10px;
}
}

body.dark .frontpage .bonopadv h2,body.dark .frontpage .bonopadv h3 {
color: #eaeaeb !important 
}
.frontpage .bonopadv h2 strong, .frontpage .bonopadv h2 b,.frontpage .bonopadv h3 strong, .frontpage .bonopadv h3 b {
font-weight: 600;
background: linear-gradient(90deg, rgba(79,214,176, 1) 0%, rgba(44, 111, 242, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body.dark .frontpage .bonopadv h2 strong,body.dark .frontpage .bonopadv h2 b,body.dark .frontpage .bonopadv h3 strong,body.dark  .frontpage .bonopadv h3 b {
font-weight: 600;
background: linear-gradient(90deg, rgba(79,214,176, 1) 0%, rgba(235, 235, 234, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.frontpage .bonopadv .intro{
text-align: center;
margin-bottom: 50px;
}
body.dark .frontpage .bonopadv .intro p{
color:#ccd8e6 
}
@media only screen and (min-width: 992px) {
.frontpage .bonopadv .intro p{
padding: 0 10% 
}
}
.frontpage .bonopadv i {
height: 65px;
display: block;
}
.frontpage .flexinfo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
 
}
.bonopadv .flexinfo {
box-sizing: border-box;
 
 
box-sizing: border-box;
}
body.dark .bonopadv .flexinfo {
 
}
.bonopadv .boxx {
box-sizing: border-box;
border-radius: 30px;
width: 49%;
padding: 30px;
box-sizing: border-box;
margin-bottom: 30px;
color:#eaeaeb
}
@media only screen and (min-width: 992px) {
.bonopadv.four .boxx:nth-child(1) {
width: 34%;
}
.bonopadv.four .boxx:nth-child(2) {
width: 64%;
}
.bonopadv.four .boxx:nth-child(3) {
width: 59%;
}
.bonopadv.four .boxx:nth-child(4) {
width: 39%;
}
}

.bonopadv .boxx {
background:#171f8c
 

}
 

body.dark .bonopadv .boxx {
background: rgba(79,214,176,0.25);
}
 
@media only screen and (max-width: 991px) {
.bonopadv .boxx {
}
}
@media only screen and (max-width: 768px) {
.frontpage .bonopadv {
text-align: center;
}
.bonopadv .boxx {
padding: 20px !important;
margin-bottom: 20px;
width: 100%;
}
}
.frontpage .bonopadv i {
font-size: 40px;
color: #fff;
}
body.dark .frontpage .bonopadv i {
color: #eaeaeb;
}
@media only screen and (max-width: 991px) {
.frontpage .bonopadv i {
font-size: 30px;
}
}
.bonopadv .boxx h2,.bonopadv .boxx h3,.bonopadv .boxx h4 {
font-size: 1.8rem !important;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 20px;
color: #fff !important ;
line-height: normal!important ;
}
body.dark .bonopadv .boxx h2,body.dark .bonopadv .boxx h3,body.dark .bonopadv .boxx h4 {
color: #eaeaeb !important ;
}
.bonopadv .boxx:nth-child(4) h4,body.dark .bonopadv .boxx:nth-child(4) h4{
color:#062259!important;
}
@media only screen and (min-width: 1200px) {
.bonopadv .boxx {
display: flex;
justify-content: space-between;
align-items: center 
}
.frontpage .bonopadv i {
width: 130px;
flex-shrink: 0;
text-align: center;
font-size: 60px;
}
}
@media only screen and (max-width: 768px) {
.bonopadv .boxx h2,.bonopadv .boxx h3,.bonopadv .boxx h4{
height: auto;
}
}
.bonopadv .boxx p {


}


/*faq*/
.accordion{
}
.accordion .faqdiv{
background: #eff2f6;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
}
body.dark .accordion .faqdiv{
background: #1a1a1a;
background: #0c114b;
}
.accordion .faqdiv .expand{
display: block;
position: relative;
color: #545454;
text-decoration: none;
padding-right: 30px;
font-size: 1.1em;
font-weight: 700;
}
body.dark .accordion .faqdiv .expand{
color: #ebebea;
}
.accordion .faqdiv .expand:hover {
text-decoration: none;
}
.accordion .faqdiv .expand:after {
content: "\f0d7";
position: absolute;
right: 0;
top: 4px;
font-family: 'Font Awesome\ 6 Free';
font-weight: 900;
color: #2c6ff2;
}
.accordion .faqdiv .faqanswer{
margin-top: 20px;
display: none 
}

.content h1,.content h2,.content h3,.content h4{
color:#0c114b
}
body.dark .content h1,body.dark .content h2,body.dark .content h3,body.dark .content h4{
color:#efefef
}
.content h1:not(.content.basiccontent h1) {

font-size: 3.2rem 
}

.content h2:not(.content.basiccontent h2)  {

font-size: 2.4rem 
}
.content h3:not(.content.basiccontent h3)  {

font-size: 2.2rem 
}
@media only screen and (min-width: 1400px) {
    .content h1:not(.content.basiccontent h1)  {

font-size: 5.2rem ;
line-height: 5rem;
}

.content h2:not(.content.basiccontent h2)  {

font-size: 4.4rem ;
line-height: 4rem;
}
.content h3:not(.content.basiccontent h3)  {

font-size: 3.4rem ;
line-height: 3rem;
}

}
.content p, .content ul, .content ol {

font-size: 1.2rem ;
font-weight: 400!important;
}
@media only screen and (max-width: 991px) {
.content h1 {

font-size:2.2rem ;
}
.content .hdintro{

font-size: 1.2rem;


}
.content h2 {

font-size:1.6rem 
}
.content h3 {

font-size: 1.3rem 
}
.content h4 {

font-size: 1.2rem 
}
.content h5 {

font-size: 1rem 
}
}